/*------------------------------------------------------------------
Common Stylesheet

Project:   Flores 247
Build:     Bootstrap 3 +

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

/*------------------------------------------------------------------
Table of contents

0. tb preloader
1. import css files
2. typography
3. header
4. top mega menu
5. menu appear alt
6. floating menu
7. nav icon
8. nav link boxed
9. nav link border box
10. nav link border bottom
11. nav center align
12. nav bottom position
13. nav block left align
14. pre-defined >  margin top | margin bottom
15. body content
16. portfolio
17. portfolio with title
18. portfolio masonry
19. Isotope Filtering
20. portfolio details
21. portfolio nav
22. masonry grid
23. Flex Slider
24. slider revolution
25. maintenance
26. top bar
27. primary nav
28. countdown
29. bs slider
30. static banner
31. video banner
32. custom pagination
33. Product list
34. contact us
35. event page
36. magazine page
37. catering page
38. hotel page
39. app landing page
40. Slider Typist
41. Boxed View
42. scroll top

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


/*-------------------------------------------------------------------
    import css files
-------------------------------------------------------------------*/

@import url("animate.css");
@import url("linea-icon.css");


/*-------------------------------------------------------------------
    tb preloader
-------------------------------------------------------------------*/
#tb-preloader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    display: block;
    background: #fff;
}
.tb-preloader-wave {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
}
.tb-preloader-wave:before,
.tb-preloader-wave:after {
    position: absolute;
    display: inline-block;
    content: "";
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #222;
    -webkit-animation: preloader-wave 1.6s linear infinite;
    animation: preloader-wave 1.6s linear infinite;
}
.tb-preloader-wave:after {
    animation-delay: -0.8s;
    -webkit-animation-delay: -0.8s;
}
@keyframes preloader-wave {
    0% {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
        opacity: 0.5;
        filter: alpha(opacity=50);
    }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0;
        filter: alpha(opacity=0);
    }
}
@-webkit-keyframes preloader-wave {
    0% {
        -webkit-transform: scale(0, 0);
        opacity: 0.5;
        filter: alpha(opacity=50);
    }
    100% {
        -webkit-transform: scale(1, 1);
        opacity: 0;
        filter: alpha(opacity=0);
    }
}

/* ----------------------------------------------------------------
	typography
-----------------------------------------------------------------*/


body {
    font-family: 'Lato', sans-serif;
    line-height: 1.5;
    color: #323232;
    font-size: 15px;
    font-weight: 400;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
}


a:active,
a:focus { outline: none !important; }


h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
    font-weight: 600;
    line-height: 1.5;
    margin: 0 0 30px 0;
    /*font-family: 'Lato', sans-serif;*/
    font-weight: normal;
}

h1,
h2 {
    letter-spacing: 2px;
}

h3,
h4 {
    letter-spacing: 2px;
}

h5,
h6 {
    letter-spacing: 1px;
}

a {
    text-decoration: none !important;
}

a:hover, a:focus {
    color: #323232;
}

a:hover, .btn, .btn:hover  {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


a img,
iframe { border: none !important; }


p {
    margin: 0 0 30px;
    line-height: 30px;
    color: #7e7e7e;
}

p, li {
    font-family: 'Lato', sans-serif;
}

hr {
    margin-top: 0px;
    margin-bottom: 0px;
    border: 0;
    border-top: 1px solid #eee;
}


pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 30px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f9f9f9;
    border: 1px solid #EDEDED;
    border-radius: 0;
}


.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

/*.row {*/
    /*margin-right: -30px;*/
    /*margin-left: -30px;*/
/*}*/


.btn-default {
    border-color: #e5e5e5;
}

.column-two {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.column-three {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.column-four {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}

.column-two,
.column-three,
.column-four {

    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}

/* ----------------------------------------------------------------
	header
-----------------------------------------------------------------*/


.header-full-width .container {
    width: 100%;
    padding: 0 30px;
}

.dark-header.header-bottom-border {
    border-bottom: 1px solid rgba(255,255,255,.2);
    height: 99px;
}

.light-header.header-bottom-border {
    border-bottom: 1px solid rgba(0,0,0,.15);
    height: 99px;

}

.sticky .dark-header.header-bottom-border,
.sticky .light-header.header-bottom-border {
    border: none;
    height: auto;
}

#header .container {
    position: relative;
}

header {
    width: 100%;
    z-index: 1000;
    position: relative;
}


header.transparent-header.sticky + #fullscreen-banner {
    margin-top: -100px;
}

header.transparent-header + #fullscreen-banner {
    margin-top: 0px;
}

header + #fullscreen-banner {
    margin-top: -100px;

}

/*#fullscreen-banner {*/
    /*position: relative;*/
/*}*/

.left-nav-fixed header + #fullscreen-banner {
    margin-top: 0px;
}


header.sticky .header-sticky,
header.transparent-header {
    position: fixed;
    width: 100%;
}

header.sticky .header-sticky {
    box-shadow: 0 1px 0 rgba(0,0,0,.05);
}

header.sticky{
    height: 60px;
    z-index: 1000;
    position: fixed;
    top:0px;
}


header .logo-brand img {
    height: 100px;
    float: left;
    height: 70px;
}

/*
header.sticky .logo-brand img, header.sticky .logo-brand img.retina  {
    height: 60px !important;
}
*/

header.nav-center-align .logo-brand img {
    height: auto;
    float: none;
    margin: 20px 0;
}


#header.transparent-header .light-header,
#header.transparent-header .dark-header,
#header.transparent-header {
    background: transparent !important;
    z-index: 1000;
}



header .light-header,
header.sticky .light-header,
#header.transparent-header.sticky .light-header,
.light-nav{
    background: #fff !important;
}

header .dark-header,
header.sticky .dark-header,
#header.transparent-header.sticky .dark-header,
.dark-nav,
header.sticky .semi-transparent {
    background: rgba(10,10,10, 1) !important;
}

.semi-transparent{
    background: rgba(10,10,10, .5) !important;
}




/*----------------------------------
    menu appear alt
-----------------------------------*/


.menu-appear-alt {
    display: none;
    background: #fff;
    box-shadow: 0 1px 0 rgba(0,0,0,.05);
}


/*----------------------------------
    floating menu
-----------------------------------*/

.floating-menu {
    margin-top: 50px;
}

.floating-menu .container {
    padding-right: 30px;
    padding-left: 30px;
}

/*----------------------------------
    nav icon
-----------------------------------*/


header li.nav-icon i {
   /* line-height: 100px; */
    font-size: 12px; 
}

header.sticky li.nav-icon i {
  /*  line-height: 60px; */
}

header li.nav-icon .indicator {
    display: none;
}

header li.nav-icon input {
    border-radius: 0;
    border: none;
    box-shadow: none;
    font-size: 11px;
}

.nav-icon.nav-divider a,
.nav-icon.nav-divider a:hover{
    cursor: default;
    color: #888 !important;
    font-weight: normal;
}



/* ----------------------------------------------------------------
	 nav bottom position
-----------------------------------------------------------------*/

.nav-bottom {
    position: absolute;
    bottom: 0;
    box-shadow: 0 1px 0 rgba(0,0,0,.05);
}

/*header.sticky.nav-bottom {*/
    /*position: fixed;*/
    /*top: 0;*/
    /*bottom: auto;*/
/*}*/

/* ----------------------------------------------------------------
	 nav block left align
-----------------------------------------------------------------*/

.nav-block-left {
    text-align: left;

}



.search-box {
    top:2px;
    background: none !important;
    width: 300px !important;
    right: 0% !important;
    padding: 30px 0 !important;
    border: none !important;
}

.nav-center-align .search-box,
.nav-block-left .search-box {
    top:-18px;
}

.sticky .search-box {
    top: 2px;
    padding: 10px 0 !important;
}

.search-box input {
    border: 1px solid #ddd !important;
    position: absolute;
    right: 0;
    width: 100%;
}


/*top-ads*/


.top-ads {
    float: right;
    margin-top: 10px;
}

/* ----------------------------------------------------------------
	 pre-defined >  margin top | margin bottom
-----------------------------------------------------------------*/

/*margin top*/

.m-top-0{
    margin-top: 0px !important;
}

.m-top-5 {
    margin-top: 5px;
}

.m-top-10 {
    margin-top: 10px;
}
.m-top-15 {
    margin-top: 15px;
}
.m-top-20 {
    margin-top: 20px;
}
.m-top-25 {
    margin-top: 25px;
}
.m-top-30 {
    margin-top: 30px;
}
.m-top-35 {
    margin-top: 35px;
}
.m-top-40 {
    margin-top: 40px;
}
.m-top-50 {
    margin-top: 50px;
}
.m-top-80 {
    margin-top: 80px;
}
.m-top-100 {
    margin-top: 100px;
}

.m-top-0, .m-top-10, .m-top-15, .m-top-20, .m-top-25, .m-top-30, .m-top-35, .m-top-40, .m-top-50, .m-top-80, .m-top-100,
.m-bot-0, .m-bot-10, .m-bot-15, .m-bot-20, .m-bot-25, .m-bot-30, .m-bot-35, .m-bot-40, .m-bot-50, .m-bot-80, .m-bot-100{
    display: inline-block;
}

/*margin bottom*/

.m-bot-0 {
    margin-bottom: 0px !important;
}
.m-bot-10 {
    margin-bottom: 10px;
}

.m-bot-15 {
    margin-bottom: 15px;
}

.m-bot-20 {
    margin-bottom: 20px;
}

.m-bot-25 {
    margin-bottom: 25px;
}

.m-bot-30 {
    margin-bottom: 30px;
}

.m-bot-35 {
    margin-bottom: 35px;
}

.m-bot-40 {
    margin-bottom: 40px;
}

.m-bot-50 {
    margin-bottom: 50px;
}

.m-bot-80 {
    margin-bottom: 80px;
}

.m-bot-100 {
    margin-bottom: 100px;
}


.m-left-10 {
    margin-left: 20px;
}

/*padding top*/

.p-top-0{
    padding-top: 0px !important;
}
.p-top-10 {
    padding-top: 10px;
}
.p-top-15 {
    padding-top: 15px;
}
.p-top-20 {
    padding-top: 20px;
}
.p-top-25 {
    padding-top: 25px;
}
.p-top-30 {
    padding-top: 30px;
}
.p-top-35 {
    padding-top: 35px;
}
.p-top-40 {
    padding-top: 40px;
}
.p-top-50 {
    padding-top: 50px;
}
.p-top-80 {
    padding-top: 80px;
}
.p-top-100 {
    padding-top: 100px;
}

.p-tb-10 {
    padding: 10px 0;
}

.p-tb-20 {
    padding: 20px 0;
}

.p-tb-30 {
    padding: 30px 0;
}


.p-tb-50 {
    padding: 50px 0;
}


.p-tb-100 {
    padding: 100px 0;
}


.p-tb-150 {
    padding: 150px 0;
}

.p-tb-200 {
    padding: 200px 0;
}

.p-top-0 {
    padding-top: 0 !important;
}

.p-bot-0 {
    padding-bottom: 0 !important;
}

.p-bot-100 {
    padding-bottom: 100px !important;
}

.inline-block {
    display: inline-block;
    width: 100%;
}

.theme-bg-space {
    padding: 10px 20px;
}


.bg-space-lg {
    padding: 40px;
}

.bg-space-m {
    padding: 20px 100px;
}

/* ----------------------------------------------------------------
	banner heads
-----------------------------------------------------------------*/
.banner1 {
    padding: 000px 0;
    color: #f8f8f8;
    background: url(/img/parallax/accounts.jpg) no-repeat center center;
    background-size: cover;
}
.banner1 h2 {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
    font-size: 3em;
}
@media(max-width:1199px) {
    ul.banner1-social-buttons {
        float: left;
        margin-top: 15px;
    }
}
@media(max-width:767px) {
    .banner1 h2 {
        margin: 0;
        text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
        font-size: 3em;
    }
}
.banner2 {
    padding: 000px 0;
    color: #f8f8f8;
    background: url(/img/parallax/2.jpg) no-repeat center center;
    background-size: cover;
}
.banner2 h2 {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
    font-size: 3em;
}
@media(max-width:1199px) {
    ul.banner2-social-buttons {
        float: left;
        margin-top: 15px;
    }
}
@media(max-width:767px) {
    .banner2 h2 {
        margin: 0;
        text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
        font-size: 3em;
    }
}
.banner3 {
    padding: 000px 0;
    color: #f8f8f8;
    background: url(/img/parallax/3.jpg) no-repeat center center;
    background-size: cover;
}
.banner3 h2 {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
    font-size: 3em;
}
@media(max-width:1199px) {
    ul.banner3-social-buttons {
        float: left;
        margin-top: 15px;
    }
}
@media(max-width:767px) {
    .banner3 h2 {
        margin: 0;
        text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
        font-size: 3em;
    }
}
.banner4 {
    padding: 000px 0;
    color: #f8f8f8;
    background: url(/img/parallax/4.jpg) no-repeat center center;
    background-size: cover;
}
.banner4 h2 {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
    font-size: 3em;
}
@media(max-width:1199px) {
    ul.banner4-social-buttons {
        float: left;
        margin-top: 15px;
    }
}
@media(max-width:767px) {
    .banner4 h2 {
        margin: 0;
        text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
        font-size: 3em;
    }
}

/* ----------------------------------------------------------------
	body content
-----------------------------------------------------------------*/

.body-content {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.parallax {
    background-image: url("./img/demo.jpg");
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    height: 100vh;
    background-position: 50% 50%;
}

.parallax-inner {
    background-image: url("./img/demo.jpg");
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    padding: 150px 0;
    background-position: 50% 50%;
}

.banner-state {
    background-image: url("./img/banner/menu_banner.jpg");
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    height: 100vh;
    background-position: 50% 50%;
}


.full-banner {
    background-image: url('../img/app/app_banner.jpg');
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    background-position: 50% 50%;
}

.ivr-banner {
    background-image: url('../img/app/ivr_banner.jpg');
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    background-position: 50% 50%;
}

.resource-banner {
    background-image: url('./img/app/ResourceCenter.jpg');
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    background-position: 50% 50%;
}

.bg-color {
    background-color: #f6f6f6;
}

.page-content {
    padding: 50px 0;
    display: inline-block;
    width: 100%;
}

.page-content-sm {
    padding: 50px 0;
    display: inline-block;
    width: 100%;
}

.full-content {
    display: inline-block;
    width: 100%;
    padding: 0px 0 !important;
}

.overlay-dark {
    background: rgba(0,0,0,.5);
    display: inherit;
}

.overlay-light {
    background: rgba(255,255,255,.5);
    display: inherit;
}

.breadcrumb li {
    text-transform: uppercase;
}

.breadcrumb li > a  {
    color: #e5e5e5;
}

.breadcrumb li > a:hover {
    color: #222;
}

.breadcrumb>.active {
    color: #222;
}

.massive-list {
    padding-left:15px;
}

.massive-list li{
    margin-bottom: 10px;
}


/* ----------------------------------------------------------------
	portfolio
-----------------------------------------------------------------*/

.portfolio {
    margin: 50px 0;
}

.portfolio .portfolio-item {
    float: left;
}

.portfolio .portfolio-item .thumb {
    position: relative;
}

.portfolio .portfolio-item .thumb img{
    width: 100%;
    height: auto;
    display: block;
}

.portfolio-hover {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    border: 20px solid rgba(0, 0, 0, 0.1);
    background-color: rgba(255, 255, 255, 0.90);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}


.portfolio-item:hover .portfolio-hover,
.portfolio-item:hover .portfolio-hover .portfolio-description,
.portfolio-item:hover .portfolio-hover .action-btn {
    opacity: 1;
}


.portfolio-item:hover .portfolio-hover .portfolio-description {
    bottom: 45%;
    margin-bottom: -90px;
}

.portfolio-item:hover .portfolio-hover .action-btn {
    top: 40%;
    margin-top: -55px;
}

.portfolio-hover .portfolio-description {
    position: absolute;
    bottom: 0%;
    width: 100%;
    opacity: 0;
    -webkit-transform: translateY(-55%);
    -ms-transform: translateY(-55%);
    transform: translateY(-55%);
    -webkit-transition: all 0.3s 0.2s;
    transition: all 0.3s 0.2s;
}


.portfolio-hover .action-btn {
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    text-align: center;
    -webkit-transform: translateY(45%);
    -ms-transform: translateY(45%);
    transform: translateY(45%);
    -webkit-transition: all 0.3s 0.2s;
    transition: all 0.3s 0.2s;
    font-size: 35px;
}

.portfolio-description,
.portfolio-description h4 a,
.portfolio-hover .action-btn a {
    text-align: center;
    color: #222;
}

.portfolio-description h4 {
    margin-bottom: 5px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 4px;
}

.portfolio-description p {
    font-size:12px;
    margin-bottom: 0;
    text-transform: uppercase;
    /*font-family: 'Abel', sans-serif;*/
    font-weight: normal;
    letter-spacing: 3px;
    color: #757575;
}

.portfolio-description a,
.portfolio-title a {
    color: #757575;
}

/*gutter*/

.portfolio.gutter .portfolio-item {
    padding: 10px;
}


/*portfolio 2 grid*/

.portfolio.col-2 .portfolio-item {
    width: 49.99%;
}


/*portfolio 3 grid*/

.portfolio.col-3 .portfolio-item {
    width: 33.3333333%;
}

/*portfolio 4 grid*/

.portfolio.col-4 .portfolio-item {
    width: 24.98%;
}

/*portfolio 5 grid*/

.portfolio.col-5 .portfolio-item {
    width: 19.99%;
}

/*portfolio 6 grid*/

.portfolio.col-6 .portfolio-item {
    width: 16.666666667%;
}

.portfolio-filter {
    margin:0px;
    padding: 0px;
    list-style: none;
}

.portfolio-filter li {
    display: inline-block;
}

.portfolio-filter li a {
    color: #a9a8a8;
    margin: 0 15px;
    text-transform: uppercase;
    font-size: 14px;
    /*font-family: 'Lato', sans-serif;*/
    letter-spacing: 3px;
}


.portfolio-filter li a:hover,
.portfolio-filter li.active a{
    color: #222222;
}



/* ----------------------------------------------------------------
	portfolio with title
-----------------------------------------------------------------*/


.portfolio-with-title .portfolio-item:hover .portfolio-hover .action-btn {
    top: 50%;
    margin-top: -45px;
}

.portfolio-with-title .portfolio-title {
    padding: 15px 0px;
}

.portfolio-with-title .portfolio-title h4,
.portfolio-with-title .portfolio-title h4 a {
    margin: 0;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color:#222
}

.portfolio-with-title .portfolio-title h3,
.portfolio-with-title .portfolio-title h3 a {
    margin: 0 0 10px 0;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color:#222
}

.portfolio-with-title .portfolio-title p {
    margin: 0;
    font-size: 12px;
    text-transform: uppercase;
    /*font-family: 'Lato', sans-serif;*/
    font-weight: normal;
    letter-spacing: 1px;
    color: #7e7e7e;
}


.portfolio-with-title.portfolio-masonry .portfolio-title {
    padding: 15px;
}


.portfolio-with-title.portfolio-masonry.gutter .portfolio-title {
    padding: 15px 0;
}

/* ----------------------------------------------------------------
	portfolio masonry
-----------------------------------------------------------------*/


.portfolio-masonry {

}

/* clear fix */
.portfolio-masonry:after {
    content: '';
    display: block;
    clear: both;
}

/* ---- .grid-item ---- */

.portfolio-masonry .portfolio-item {
    float: left;
}

.portfolio-masonry .portfolio-item-width2 { width: 200px; }
.portfolio-masonry .portfolio-item-height2 { height: 200px; }



/* ----------------------------------------------------------------
	Isotope Filtering
-----------------------------------------------------------------*/


.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

/*Isotope CSS3 transitions */

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}

/*disabling Isotope CSS3 transitions */

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}


/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}




/* ----------------------------------------------------------------
	portfolio details
-----------------------------------------------------------------*/

/*videos*/

.video-parallax {
    position: relative;
    overflow: hidden;
}

.video-parallax .container{
    position: absolute;
    top: 50%;
    z-index: 100;
    left: 0;
    right: 0;
    color: #fff;
    margin-top: -80px;
}

.video-parallax .container i{
    font-size: 50px;
    margin-bottom: 30px;
    display: block;
}

.video-parallax .container+.video-wrap {
    z-index: 1;
}

.video-wrap {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.video-overlay, .banner-overaly {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
    background: rgba(0,0,0,0.5);
    -webkit-backface-visibility: hidden;
}

/*portfolio-meta*/

.portfolio-meta {
    list-style: none;
    padding: 0;
}

.portfolio-meta li {
    margin: 15px 0;
    color: #666;
}

.portfolio-meta li span {
    display: inline-block;
    width: 130px;
    letter-spacing: 2px;
    color: #000;
    font-size: 12px;
    text-transform: uppercase;
}

.portfolio-meta li a {
    margin-right: 10px;
    color: #cdcdcd;
}
.portfolio-meta li a:hover {
    color: #323232;
}

/* ----------------------------------------------------------------
	portfolio nav
-----------------------------------------------------------------*/

.portfolio-nav-row {
    position: relative;
    padding: 40px 0;
}

.portfolio-nav {
    position: absolute;
    top: 50%;
    left: auto;
    right: 10px;
    max-width: 300px;
    margin-top: -12px;
}

.portfolio-nav.left {
    position: absolute;
    top: 50%;
    left: 0;
    right: auto;
    max-width: 300px;
    margin-top: -12px;
}

.portfolio-nav a {
    display: block;
    float: left;
    text-align: center;
    color: #aeaeae;
    margin-left: 20px;
}

.portfolio-nav.left a {
    margin-right: 20px;
    margin-left: 0;
}

.portfolio-nav a:hover,
.portfolio-nav a:hover span{
    color: #323232;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.portfolio-nav a span, .portfolio-nav a span i {
    display: inline-block;
    margin-top: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.portfolio-gap-less .portfolio {
    margin: 0px;
}

/* ----------------------------------------------------------------
	masonry grid
-----------------------------------------------------------------*/

.tb-grid {
    width: 100%;
    margin: auto;
}

.tb-grid .box {
    width:33.3333%;
    padding-top: 33.3333%;
}

.tb-grid .box2 {
    padding-top: 33.3333%;
    width:66.6666%;
}

.tb-grid .box3 {
    padding-top: 66.6666%;
    width:66.6666%;
}

.tb-grid .box-nano {
    width: 50%;
    padding-top: 50%;
    float: left;
    margin: 0;
    position: relative;
}

.tb-grid .box,
.tb-grid .box2,
.tb-grid .box3 {
    display: inline-block;
}

.tb-grid .item > .item-inner,
.tb-grid .box-nano > .item-inner {
    position: absolute;
    margin: 0;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    background-size: cover;
    background-position: 50% 0;
    background-repeat: no-repeat;
    cursor: crosshair;

}

.tb-grid .items > .item-inner {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}


/* ----------------------------------------------------------------
	Flex Slider
-----------------------------------------------------------------*/

.slides {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {
    outline: none;
    border: none;
}
.flex-control-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
}

.flex-direction-nav {
    display: none;
}

.flexslider {
    position: relative;
    margin: 0;
    padding: 0;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.flex-control-nav {
    position: absolute;
    z-index: 10;
    text-align: center;
    bottom: 15px;
    right: 15px;
    margin: 0;
}

.flex-control-nav li {
    float: left;
    display: block;
    margin: 0 3px;
    width: 10px;
    height: 10px;
}

.flex-control-nav li a {
    display: block;
    cursor: pointer;
    text-indent: -9999px;
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    border-radius: 50%;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.flex-control-nav li:hover a,
.flex-control-nav li a.flex-active {
    background-color: #fff;
}

/*---*/

.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flex-direction-nav {
    *height: 0;
}

.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -40px 0 0;
    position: absolute;
    top: 50%;
    z-index: 200;
    overflow: hidden;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.5);
    color: rgba(0, 0, 0, 0.8);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    line-height: 40px;
}

.flex-direction-nav a:hover {
    background-color: rgba(0, 0, 0, 0.7);
}

.flex-direction-nav a:before {
    font-family: "fontawesome";
    font-size: 16px;
    display: block;
    content: '\f104';
    color: #fff;
    text-align: center;
    width: 40px;
}

.flex-direction-nav a.flex-next:before {
    content: '\f105';
}

.flex-direction-nav .flex-prev {
    left: 0px;
}

.flex-direction-nav .flex-next {
    right: 0px;
    text-align: right;
}

/*----*/

.post-slider-thumb .flex-control-thumbs {
    position: relative;
    z-index: 10;
    text-align: left;
    top: 10px;
    right: auto;
    margin: 0 auto;
    left: auto;
}

.post-slider-thumb .flex-control-thumbs li {
    float: none;
    display: inline-block;
    margin: 0 3px 0 0;
    width: 80px;
    height: auto;
    cursor: pointer;
}

.post-slider  .flex-direction-nav,
.post-slider-thumb  .flex-direction-nav {
    display: block;
}

.post-slider .flex-direction-nav .flex-prev,
.post-slider .flex-direction-nav .flex-next,
.post-slider-thumb .flex-direction-nav .flex-prev,
.post-slider-thumb .flex-direction-nav .flex-next
{
    opacity: 0;
}

.post-slider:hover .flex-direction-nav .flex-prev,
.post-slider:hover .flex-direction-nav .flex-next,
.post-slider-thumb:hover .flex-direction-nav .flex-prev,
.post-slider-thumb:hover .flex-direction-nav .flex-next {
    opacity: 1;
}

.post-list-aside .post-img img  {
    border: 2px solid transparent;
}

.post-list-aside .post-img img.flex-active {
    border: 2px solid rgba(0, 0, 0, 0.8);
}

.post-slider .flex-control-thumbs{
    display: none;
}


/* ---------------
   RESPONSIVE
 * --------------*/

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

    .flex-direction-nav .flex-prev,
    .post-slider .flex-direction-nav .flex-prev,
    .post-slider-thumb .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 0px;
    }
    .flex-direction-nav .flex-next,
    .post-slider .flex-direction-nav .flex-next,
    .post-slider-thumb .flex-direction-nav .flex-next{
        opacity: 1;
        right: 0px;
    }
}

/* ----------------------------------------------------------------
    slider revolution
-----------------------------------------------------------------*/

.slider-revulation-wrapper {

}

.tp-banner-container{
    width:100%;
    position:relative;
    padding:0;

}

.tp-banner{
    width:100%;
    position:relative;
}

.tp-banner > ul {
    padding: 0;
    list-style: none;
}

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

/* custom caption */

.rev-heading {
    color: #333;
    /*font: normal 60px/1.5 'Abel', sans-serif;*/
    font: normal 60px/1.5 'Lato', sans-serif;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-weight: 300;
}

.rev-subheading {
    /*font-family: 'Abel', sans-serif;*/
    text-transform: uppercase;
    color: #555;
    font-size: 20px;
    letter-spacing: 6px;
}

.rev-desc {
    font-size: 16px;
    color: #454545;
    line-height: 26px;
}

.rev-white {
    color: #fff;
}

/* ----------------------------------------------------------------
	maintenance
-----------------------------------------------------------------*/

.maintenance-banner {
    background: #ededed;
}

.maintenance-banner p {
    font-size: 16px;
}


/* ----------------------------------------------------------------
	top bar
-----------------------------------------------------------------*/

.top-bar {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #eee;
}

.top-bar .gray-bg {
    background: #f5f5f5;
}

.top-social-link a{
    color: #aaaaaa;
    display: inline-block;
    margin-right: 10px;
}


.top-social-link a:hover,
.top-link li a:hover {
    color: #222;
}

.top-link {
    padding: 0;
    margin: 0;
    list-style: none;
    float: right;
}

.top-link li {
    display: inline-block;
    margin:0 5px;
}

.top-link li i,
.top-link li a i{
    margin-right: 10px;
}

.top-link li,
.top-link li a{
    color: #aaaaaa;
}

.top-link.text-uppercase {
    font-size: 12px;
}


.top-bar .col-lg-1,
.top-bar .col-lg-10,
.top-bar .col-lg-11,
.top-bar .col-lg-12,
.top-bar .col-lg-2,
.top-bar .col-lg-3,
.top-bar .col-lg-4,
.top-bar .col-lg-5,
.top-bar .col-lg-6,
.top-bar .col-lg-7,
.top-bar .col-lg-8,
.top-bar .col-lg-9,
.top-bar .col-md-1,
.top-bar .col-md-10,
.top-bar .col-md-11,
.top-bar .col-md-12,
.top-bar .col-md-2,
.top-bar .col-md-3,
.top-bar .col-md-4,
.top-bar .col-md-5,
.top-bar .col-md-6,
.top-bar .col-md-7,
.top-bar .col-md-8,
.top-bar .col-md-9,
.top-bar .col-sm-1,
.top-bar .col-sm-10,
.top-bar .col-sm-11,
.top-bar .col-sm-12,
.top-bar .col-sm-2,
.top-bar .col-sm-3,
.top-bar .col-sm-4,
.top-bar .col-sm-5,
.top-bar .col-sm-6,
.top-bar .col-sm-7,
.top-bar .col-sm-8,
.top-bar .col-sm-9,
.top-bar .col-xs-1,
.top-bar .col-xs-10,
.top-bar .col-xs-11,
.top-bar .col-xs-12,
.top-bar .col-xs-2,
.top-bar .col-xs-3,
.top-bar .col-xs-4,
.top-bar .col-xs-5,
.top-bar .col-xs-6,
.top-bar .col-xs-7,
.top-bar .col-xs-8,
.top-bar .col-xs-9 {
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
}

.top-link.divider li:after{
    content: '/';
    padding-left: 13px;
    display: inline-block;
}

.top-link.divider li:last-child:after {
    content: '';
    display: inline-block;
}



/* ----------------------------------------------------------------
	primary nav
-----------------------------------------------------------------*/


#primary_nav_wrap {

}

#primary_nav_wrap ul
{
    list-style:none;
    position:relative;
    float:left;
    margin:0;
    padding:0;
    z-index: 1200;

}

#primary_nav_wrap ul a
{
    display:block;
    color:#8B8B8B;
    text-decoration:none;
    font-size:12px;
    line-height:40px;
    padding:0 15px;
}

#primary_nav_wrap ul li
{
    position:relative;
    float:left;
    margin:0;
    padding:0
}

#primary_nav_wrap ul li.current-menu-item
{
    background:#ddd
}

#primary_nav_wrap ul li:hover
{
    background: rgba(255,255,255,.06);
}

#primary_nav_wrap ul ul
{
    display:none;
    position:absolute;
    top:100%;
    left:15px;
    background:#222;
    /*border: 1px solid #eee;*/
    padding:0
}

#primary_nav_wrap ul ul li
{
    float:none;
    min-width:150px
}

#primary_nav_wrap ul ul a
{
    line-height:120%;
    padding:10px 15px;
    color: #b0b0b0;
}

#primary_nav_wrap ul ul ul
{
    top:0;
    left:100%
}

#primary_nav_wrap ul li:hover > ul
{
    display:block
}

/* ----------------------------------------------------------------
	bs slider
-----------------------------------------------------------------*/


.bs-hero.full-screen .carousel-inner .item img{
    /*height: 100vh;*/
    height: auto;
    width: 100%;
}


.bs-hero.full-screen .carousel-inner .item .bs-info {
    position: absolute;
    top: 40%;
    left: 12%;
}

.bs-hero.full-screen .carousel-inner .item .bs-info-center {
    position: absolute;
    width: 1000px;
    top: 30%;
    left: 50%;
    margin-left: -500px;
    text-align: center;
}

.bs-hero.full-screen .carousel-inner .item .bs-info-right {
    position: absolute;
    /*width: 1170px;*/
    top: 35%;
    right: 12%;
    text-align: right;
}


.bs-hero.full-screen .carousel-inner .item .bs-info h1 {
    text-transform: uppercase ;
}

.bs-hero.full-screen .carousel-indicators {
    z-index: 1200;
}


.bs-hero.full-screen .carousel-inner .item .bs-info h1 span {
    font-size: 18px;
}


.bs-hero.full-screen .carousel.slide .carousel-control {
    width: 30%;
    margin-top: 180px;
    margin-bottom: 120px;
}




/* ----------------------------------------------------------------
	static banner
-----------------------------------------------------------------*/

.vertical-align {
    position: relative;
}

.vertical-align .container-mid{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 200;
}

.light-box,
.dark-box {
    padding: 70px 50px;
}

.light-box {
    background: rgba(255,255,255,.5);
    outline: 5px solid rgba(255,255,255,.5);
    outline-offset: 5px;
}

.dark-box {
    background: rgba(0,0,0,.5);
    outline: 5px solid rgba(0,0,0,.5);
    outline-offset: 5px;
}

.banner-box {
    max-width: 650px;
    margin: 0 auto;
}

.banner-box h1,
.banner-box h3,
.banner-title h1,
.banner-title h3,
.banner-box h2,
.banner-box h2,
.banner-title h2,
.banner-title h2 {
    margin-bottom: 0;
}

.banner-box h1,
.banner-title h1 {
    letter-spacing: 5px;
    font-size:60px;
    font-weight: 300;
}

.banner-box h3,
.banner-title h3 {
    letter-spacing: 6px;
    font-size:20px;
}

.banner-title.light-txt h1,
.banner-title.light-txt h2,
.banner-title.light-txt h3
{
    color: #fff;
}

header.transparent-header + .vertical-align .banner-title,
header .semi-transparent + .vertical-align .banner-title {
    margin-top: 0;
}


header + .vertical-align .banner-title {
    margin-top: 100px;
}


/*spacing*/

.ls-20 {
    letter-spacing: 20px !important;
}

.ls-40 {
    letter-spacing: 40px !important;
}

.b-lg-txt {
    font-size: 100px !important;
    font-weight: 300;
}

.b-lg-lw{
    font-weight: 100;
}



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

.hero-text {
    position: relative;
    z-index: 6000;
}

.hero-text h1{
    margin-bottom: 10px;
}

.hero-text a {
    margin: 10px 5px;
}


.banner-scroll a {
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -11px;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
    z-index: 10;
}

.banner-scroll a:before {
    display: block;
    content: "";
    width: 25px;
    height: 35px;
    border: 2px solid #fff;
    border-radius: 15px;
    margin-left: 5px;
    margin-bottom: 5px;
}

.banner-scroll .scroll-down {
    display: block;
    width: 2px;
    height: 8px;
    background: #fff;
    margin-left: -3px;
    position: absolute;
    left: 50%;
    top: 8px;

    -webkit-animation: 3s arrow infinite ease;
    animation: 3s arrow infinite ease;

    z-index: 2;
}

/*--------------------------------------
    video banner
--------------------------------------*/

.video-banner {
    height:100vh;
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}

.video-banner.overlay-background .container {
    z-index: 300;
    position: absolute;
}


.overlay-background{
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
}
.overlay-background .container{
    z-index: 300;
    position: relative;
}

.overlay-block{
    width:100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(0,0,0,.7);
    /*background-image: url("./img/stripe.png");*/
    z-index: 200;
}

.overlay-block-light{
    width:100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(0,0,0,.45);
    /*background-image: url("./img/stripe.png");*/
    z-index: 200;
}


/* --------------------------
    custom pagination
----------------------------*/

.custom-pagination > li:first-child > a, .custom-pagination > li:first-child > span,
.custom-pagination > li:last-child > a, .custom-pagination > li:last-child > span{
    border-radius: 0;
    -webkit-border-radius: 0;
}

.custom-pagination > li > a {
    margin: 0 3px;
    color: #424242;
}

.custom-pagination > li > a:hover {
    color:#000 ;
}

.custom-pagination.pagination>.active>a,
.custom-pagination.pagination>.active>a:focus,
.custom-pagination.pagination>.active>a:hover,
.custom-pagination.pagination>.active>span,
.custom-pagination.pagination>.active>span:focus,
.custom-pagination.pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #222;
    border-color: #222;
}



/*--------------------------------------
    Product list
--------------------------------------*/

.cart-info .megamenu-quarter-width {
    width: 550px !important;
}

.cart-table-list,
.cart-table-list i{
    color: #222;
    border: none;
}

header li.nav-icon .cart-table-list a {
    line-height: normal;
    color: #222;
}

.total-cart {
    display: inline-block;
    width: 100%;
    border-top: 1px solid rgba(0,0,0,.2);
    padding-top: 20px;
    margin-bottom: 20px;
    float: right;
    color: #222;
    text-align: right;
}

.total-cart ul {
    float: right;
    list-style: none;
    padding: 0;
    width: 100%;
}

.total-cart ul li{
    display: block;
    overflow: hidden;
}

.total-cart ul li span {
    width: 100px;
    display: inline-block;
    text-align: right;
    white-space: nowrap;
}

.cart-table-list a.close img {
    width: 11px;
    height: 11px;
}

.cart-table-list td img {
    width: 50px;
    height: auto;
}


.s-cart-btn a {
    margin: 0 0 10px 10px;
    color: #fff !important;
}

.cart-table-list.table>tbody>tr>td {
    border: none;
    line-height: 20px;
    height: 20px;
    vertical-align: middle;
}

.product-list {
    margin-bottom: 50px;
    min-height: 440px;
}

.product-list .product-img {
    position: relative;
    width: 100%;
    /*height: 340px;*/
    overflow: hidden;
    margin-bottom: 20px;
}

.product-img:hover>a:nth-of-type(2) {
    opacity: 1;
    z-index: 2;
}

.product-img>a:nth-of-type(2) {
    opacity: 0;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
}

.sale-label {
    position: absolute;
    left: 10px;
    top:10px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    z-index: 10;
}

.product-img>a, .product-img:hover>a {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}


.product-list .product-img img,
.product-img img, .product-img>a {
    display: block;
    width: 100%;
    height: 100%;
}

.product-title h5 {
    margin-bottom: 10px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
}

.product-title h5 a {
    color: #222;
}

.product-price {
    font-size: 18px;
    margin-bottom: 5px;
}

.product-price del {
    color: #837f7e;
    font-size: 14px;
}

.product-rating {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
    color: #9b9a9a;
}


.product-cart {
    font-size: 12px;
}


.product-grid input {
    box-shadow: none;
    border-radius: 0;
    height: 40px;
}


.product-grid input:focus,
.product-grid .form-control:focus,
.portfolio-meta .form-control:focus{
    box-shadow: none;
    border-color: #000;
}


.product-grid button.btn,
.p-values,
.full-width button.btn{
    width: 100%;
}

.fit-img img {
    width: 100%;
    height: auto;
}

.product-grid .form-control,
.p-quantity .form-control,
.portfolio-meta .form-control {
    box-shadow: none;
}

.p-quantity {
    /*padding: 0;*/
    list-style: none;
    margin-bottom: 0;
}

.p-values {
    display: inline-block;
}

.p-values ul {
    float: left;
}

.p-quantity li  {
    float: left;
    width: 130px;
    letter-spacing: 2px;
    color: #000;
    margin: 15px 0;
    font-size: 12px;
    text-transform: uppercase;
}

.p-quantity li label {
    padding-top: 7px;
    font-weight: normal;
}

.p-quantity .input-group-btn:first-child>.btn,
.p-quantity .input-group-btn:first-child>.btn-group{
    margin-right: -1px;
}


.p-quantity .btn.focus,
.p-quantity .btn:focus,
.p-quantity .btn:hover {
    color: #222 !important;
}

.txt-xl {
    font-size: 26px !important;
    font-weight: 300;
    line-height: 36px;
}

.txt-sm {
    font-size: 16px !important;
    font-weight: normal;
    line-height: 20px;
}


.product-grid .col-lg-1,
.product-grid .col-lg-10,
.product-grid .col-lg-11,
.product-grid .col-lg-12,
.product-grid .col-lg-2,
.product-grid .col-lg-3,
.product-grid .col-lg-4,
.product-grid .col-lg-5,
.product-grid .col-lg-6,
.product-grid .col-lg-7,
.product-grid .col-lg-8,
.product-grid .col-lg-9,
.product-grid .col-md-1,
.product-grid .col-md-10,
.product-grid .col-md-11,
.product-grid .col-md-12,
.product-grid .col-md-2,
.product-grid .col-md-3,
.product-grid .col-md-4,
.product-grid .col-md-5,
.product-grid .col-md-6,
.product-grid .col-md-7,
.product-grid .col-md-8,
.product-grid .col-md-9,
.product-grid .col-sm-1,
.product-grid .col-sm-10,
.product-grid .col-sm-11,
.product-grid .col-sm-12,
.product-grid .col-sm-2,
.product-grid .col-sm-3,
.product-grid .col-sm-4,
.product-grid .col-sm-5,
.product-grid .col-sm-6,
.product-grid .col-sm-7,
.product-grid .col-sm-8,
.product-grid .col-sm-9,
.product-grid .col-xs-1,
.product-grid .col-xs-10,
.product-grid .col-xs-11,
.product-grid .col-xs-12,
.product-grid .col-xs-2,
.product-grid .col-xs-3,
.product-grid .col-xs-4,
.product-grid .col-xs-5,
.product-grid .col-xs-6,
.product-grid .col-xs-7,
.product-grid .col-xs-8,
.product-grid .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}


.product-grid .row {
    margin-right: -15px;
    margin-left: -15px;
}


.stock .number-item {
    font-size: 30px;
    color: #757575;
}

.stock .status {
    color: #fff;
    padding: 5px 10px;
    display: initial;
    border-radius: 2px;
    letter-spacing: normal;
}

.review-avatar {
    width: 60px;
    margin-right: 10px;
    height: auto;
}

.review-rating i {
    padding: 0 !important;
}

.review-rating {
    float: right;
}


.cart-table   {
    border: 1px solid #ddd;
}

.cart-table  td a {
    color: #222;
}

.cart-table  td a:hover {
    color: #000;
}

.cart-table thead th {
    text-transform: uppercase;
}


.cart-table.table>tbody>tr>td,
.cart-table.table>tbody>tr>th,
.cart-table.table>tfoot>tr>td,
.cart-table.table>tfoot>tr>th,
.cart-table.table>thead>tr>td,
.cart-table.table>thead>tr>th {
    vertical-align: middle;
}

.cart-img img {
    width: 60px;
    height: auto;
}


.cart-action input {
    padding: 6px 3px 6px 6px;
}

.cart-action input,
.cart-action button {
    float: left;
    margin-right: 3px;
}

.cart-action button:hover i {
    color: #222;
}

.cart-quantity {
    width: 45px;
    border-radius: 0;
}

.coupon-form input {
    height: 40px;
    border-radius: 0;
}

.coupon-form label {
    font-weight: normal;
    text-transform: uppercase;
}

.cart-total {
    font-size: 16px;
}

.cart-btn-row a {
    margin-right: 0;
    margin-left: 10px;
}

.coupon-form label  {
    margin-right: 20px;
}
.coupon-form input {
    margin-right: 10px;
}

.pro-box .one-third,
.featured-box.pro-box  .one-third:nth-child(2){
    padding:10px 5px;
}

.panel {
    margin-bottom: 20px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.shop-view-mode {
    margin-top: 5px;
    display: inline-block;
}

.shop-view-mode a {
    margin-left: 15px;
    color: #adadad;
}

.shop-view-mode a:hover {
    color: #222;
}

/*--------------------------------------
    contact us
--------------------------------------*/

.contact-comments .col-md-6, .contact-comments .col-md-12 {
    padding-right: 15px;
    padding-left: 15px;
}

.form-control {
    box-shadow: none;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
}
.form-control:focus {
    border-color: #222;
    box-shadow: none;
}

.contact-comments .form-control {
    border-radius: 0;
    height: 40px;
}

.contact-comments .cmnt-text {
    height: 95px;
}

.contact-comments label {
    font-weight: normal;
    text-transform: uppercase;
    color: #7e7e7e;
}


manager p {
    margin-bottom: 0px;
}


/*--------------------------------------
   event page
--------------------------------------*/

.claim-register .form-control{
    border-radius: 5px;
    height: 40px;
    color: #A7A7A7;
}
.claim-register .form-group,
.register-member a {
    margin: 0 5px 10px 0;
}


.register-member a {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-bottom: 10px;

}

.register-member a img{
    width: 100%;
    height: auto;
    border-radius: 50%;
}

/*--------------------------------------
   magazine page
--------------------------------------*/

.magazine-slider {
    margin-top: 0;
}

.magazine-slider img {
    height: 424px;
}

.magazine-slider .container {
    width: auto;
}

.magazine-grid .row {
    margin-right: -10px;
    margin-left: -10px;
}

.magazine-grid .col-lg-1,
.magazine-grid .col-lg-10,
.magazine-grid .col-lg-11,
.magazine-grid .col-lg-12,
.magazine-grid .col-lg-2,
.magazine-grid .col-lg-3,
.magazine-grid .col-lg-4,
.magazine-grid .col-lg-5,
.magazine-grid .col-lg-6,
.magazine-grid .col-lg-7,
.magazine-grid .col-lg-8,
.magazine-grid .col-lg-9,
.magazine-grid .col-md-1,
.magazine-grid .col-md-10,
.magazine-grid .col-md-11,
.magazine-grid .col-md-12,
.magazine-grid .col-md-2,
.magazine-grid .col-md-3,
.magazine-grid .col-md-4,
.magazine-grid .col-md-5,
.magazine-grid .col-md-6,
.magazine-grid .col-md-7,
.magazine-grid .col-md-8,
.magazine-grid .col-md-9,
.magazine-grid .col-sm-1,
.magazine-grid .col-sm-10,
.magazine-grid .col-sm-11,
.magazine-grid .col-sm-12,
.magazine-grid .col-sm-2,
.magazine-grid .col-sm-3,
.magazine-grid .col-sm-4,
.magazine-grid .col-sm-5,
.magazine-grid .col-sm-6,
.magazine-grid .col-sm-7,
.magazine-grid .col-sm-8,
.magazine-grid .col-sm-9,
.magazine-grid .col-xs-1,
.magazine-grid .col-xs-10,
.magazine-grid .col-xs-11,
.magazine-grid .col-xs-12,
.magazine-grid .col-xs-2,
.magazine-grid .col-xs-3,
.magazine-grid .col-xs-4,
.magazine-grid .col-xs-5,
.magazine-grid .col-xs-6,
.magazine-grid .col-xs-7,
.magazine-grid .col-xs-8,
.magazine-grid .col-xs-9 {
    padding-left:10px;
    padding-right:10px;
}


.aside-social {
    border: 1px solid #ddd;
    font-size: 0;
    margin-bottom: 20px;
}

.aside-social li {
    border-left: 1px solid #ddd;
    padding-top: 8px;
    text-align: center;
    transition: background 0.3s ease 0s;
    width: 25%;
}

.aside-social li:hover {
    border-left: 1px solid #333;
    background: #333;
    transition: background 0.3s ease 0s;
    color: #fff;
}

.aside-social li:hover i,
.aside-social li:hover p {
    color: #fff;
    transition:  0.3s ease 0s;
}

.aside-social li:first-child {
    border-left: medium none;
}

.aside-social.list-inline > li {
    display: inline-block;
}

.aside-social.list-inline {
    margin-left: 0;
}

.aside-social li i {
    color: #aaa;
    font-size: 16px;
    margin-top: 5px;
    transition:  0.3s ease 0s;
}

.aside-social li p {
    font-size: 11px;
    margin-bottom: 6px;
    margin-top: 5px;
    transition:  0.3s ease 0s;
}


.newsletter {
    background: url("./img/parallax/3.jpg") repeat 0 0 / cover ;
    color: #fff;
    margin-bottom: 20px;
    padding: 20px;
}

.newsletter h3 {
    margin-bottom: 10px;
}

.newsletter p {
    line-height: 20px;
}

.round-less {
    border-radius: 0;
}

.magazine-grid .post-single .post-desk {
    height: auto;
}

.magazine-latest-news {
    background: #eeeeee;
    padding: 20px;
    position: relative;
}

.breaking {
    float: left;
    margin-right: 30px;
    background: #333;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    padding: 20px;
    text-transform: uppercase;
}

.breaking:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(51, 51, 51, 0);
    border-left-color: #333;
    border-width: 10px;
    margin-top: -10px;
}

.magazine-latest-news .news-slider {
    margin:0  150px 0 130px;
}

.magazine-latest-news .flex-control-nav {
    bottom: 25px;
}

.magazine-latest-news a {
    color: #333;
}



/*--------------------------------------
    app landing page
--------------------------------------*/

.app-device {
    /*position: relative;*/
}

.app-device img {
    position: absolute;
    right: 10%;
    bottom: 0;
}

.app-img-bottom {
    min-height: 600px;
}

.app-img-bottom img {
    position: absolute;
    left:15%;
    bottom: 0;
}

.app-icon i {
    margin-right: 15px;
    font-size: 30px;
    color: #dedede;
}



/* video/audio post */

.video-fit  {
    width: 100%;
    padding-top: 50%;
    position: relative;
}

.audio-fit {
    width: 100%;
    padding-top: 20%;
    position: relative;
}

.video-fit iframe, .video-fit object, .video-fit embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.audio-fit iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /*height: 100%;*/
    border: none;
}


/*--------------------------------------
   Slider Typist
--------------------------------------*/

@keyframes blink {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blink {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

.typist-blink:after {
    content: " ";
    display: inline-block;
    height: 47px;
    position: relative;
    top: 10px;
    margin-left: 3px;
    margin-right: 7px;
    border-right: 2px solid;
    animation: blink 1s step-start 0s infinite;
    -webkit-animation: blink 1s step-start 0s infinite;
}

.typist-blink > .selectedText {
    display: none;
}

.typist-mark > .selectedText {
    color: #fff;
    background-color: #222;
    font-style: normal;
}


/*--------------------------------------
    Boxed View
--------------------------------------*/

.boxed.box-bg {
    background: #ddd;
}

.boxed .wrapper {
    width: 1170px;
    margin: 0 auto;
    background: #fff;
    position: relative;
}

.boxed header.sticky,
.boxed header.sticky .header-sticky,
.boxed header.transparent-header {
    width: 1170px;
}

.box-background-img {
    background-image: url("./img/parallax/para7.jpg");
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    height: 100vh;
    background-position: 50% 50%;
}

.box-pattern {
    background-image: url("./img/pattern-2.png");
    background-attachment: fixed;
    background-repeat: repeat;
    background-position: 50% 50%;
}


/*--------------------------------------
    scroll top
--------------------------------------*/

#tb-scroll-to-top {
    position: fixed;
    right: 20px;
    bottom: 35px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: rgba(0,0,0,.6);
    color: #fff;
    text-align: center;
    -webkit-transition: all .3s;
            transition: all .3s;
}

.tb-scroll-to-top-show {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}

.tb-scroll-to-top-hide {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
            transform: translateY(40px);
}


/*--------------------------------------
    scroll down
--------------------------------------*/
/* Scroll down icon */

@-webkit-keyframes scroll-down-anim {
	0%{ top: -7px; }
	50%{ top: 3px; }
	100%{ top: -7px; }
}
@-moz-keyframes scroll-down-anim {
	0%{ top: -7px; }
	50%{ top: 3px; }
	100%{ top: -7px; }
}
@-o-keyframes scroll-down-anim {
	0%{ top: -7px; }
	50%{ top: 3px; }
	100%{ top: -7px; }
}
@keyframes scroll-down-anim {
	0%{ top: -7px; }
	50%{ top: 3px; }
	100%{ top: -7px; }
}

.scroll-down{
	width: 150px;
	height: 43px;
	margin-left: -75px;
	line-height: 43px;
	white-space: nowrap;
	position: absolute;
	bottom: 30px;
	left: 50%;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 3px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	color: rgba(255,255,255, .5) !important;
	
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
    -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
    -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
    transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 

}


.scroll-down:hover,
.scroll-down:focus{
	text-decoration: none;
	letter-spacing: 6px;
	color: rgba(255,255,255, 0) !important;
}
.scroll-down.static,
.scroll-down.static{
	color: rgba(255,255,255, .4) !important;
}
.scroll-down.static:hover,
.scroll-down.static:focus{
	letter-spacing: 3px;
	color: rgba(255,255,255, .85) !important;
}
.scroll-down-icon{
	width: 26px;
	height: 100%;
	margin-left: -13px;
	position: absolute;
	top: 0;
	left: 50%;
	border: 2px solid rgba(255,255,255, .35);
	
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	border-radius: 13px;
	
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
    -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
    -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
    transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	
	-webkit-animation: scroll-down-anim 1s infinite;
    -moz-animation: scroll-down-anim 1s infinite;
    -o-animation: scroll-down-anim 1s infinite;
    animation: scroll-down-anim 1s infinite; 
}

.scroll-down-icon:after{
	content: " ";
	width: 2px;
	height: 12px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1px;
	background: rgba(255,255,255, .35);
	
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.scroll-down:hover .scroll-down-icon{
	background: rgba(255,255,255, .7);
}

.scroll-down:hover .scroll-down-icon:after{
	background: rgba(0,0,0, .5);
}
.scroll-down.light:hover .scroll-down-icon:after,
.bg-color .scroll-down:hover .scroll-down-icon:after,
.bg-color-alfa .scroll-down:hover .scroll-down-icon:after,
.bg-color-alfa-30 .scroll-down:hover .scroll-down-icon:after,
.bg-color-alfa-50 .scroll-down:hover .scroll-down-icon:after,
.bg-color-alfa-70 .scroll-down:hover .scroll-down-icon:after,
.bg-color-alfa-90 .scroll-down:hover .scroll-down-icon:after{
	background: rgba(255,255,255, .15);
}

/*--------------------------------------
    parallax images
--------------------------------------*/

.parallax-p15 {
    background: url("./img/post/p15.jpg") center center no-repeat!important;
    background-size: cover!important;
    height: 599px!important;
}



.height-160 {
    height: 160px!important;
}

.height-227 {
    height: 227px!important;
}

.height-300 {
    height: 300px!important;
}

.height-310 {
    height: 310px!important;
}

.height-361 {
    height: 361px!important;
}

.height-450 {
    height: 450px!important;
}

.height-550 {
    height: 550px!important;
}

.height-600 {
    height: 600px!important;
}

.width-300 {
    width: 300px!important;
}


.fast-food {
    background: url("./img/restaurant/fast-food.jpg") right 30px no-repeat!important;
}

/*--------------------------------------
    intro page
--------------------------------------*/


.intro-title h2 {
    font-size: 36px;
}

.intro-title p {
    font-size: 16px;
    font-weight: 300;
    color: #fff !important;
    letter-spacing: 2px;
}

.intro-title p span {
    font-size: 26px;
}

.intro-title i{
    font-size: 26px;
    color: rgba(255,255,255,.5);
    line-height: 20px;
    top: 4px;
    position: relative;
    right: 10px;
}

.intro-title .btn {
    line-height: 32px;
}

.intro-title a:hover i, .intro-title a:focus i {
    color: #222;
}

.intro-portfolio img {
    margin-bottom: 30px;
}


.intro-portfolio .fit-img {
    margin-bottom: 20px;
}

.intro-portfolio a img,
.intro-portfolio a img:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.intro-portfolio a img:hover {
    opacity: .8;

}


.intro-portfolio a {
    text-transform: uppercase;
    color: #222;
}

.dark-bg-alt {
    background: #222;
}


.dark-bg-alt .intro-portfolio  a {
    text-transform: uppercase;
    color: #fff;
}

.gray-bg-alt {
    background: #e8e8e8;
}

.grad {
  background: red; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, red, yellow); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, red, yellow); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, red, yellow); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, red, yellow); /* Standard syntax */
}




/*--------------------------------------
    Steps Form
--------------------------------------*/

.travel-booking {
    background-image: url('./img/banner/travel.jpg');
    position: relative;
    height: 100vh
}

.travel-form-bg {
    background: rgba(0,0,0,.7);
    display: inline-block;
    width: 100%;
}

.travel-form-bg-light {
    background: rgba(0,0,0,.3);
    padding: 30px 0;
}

.travel-form-bg ul {
    margin-bottom: 0px;
    margin-left: 15px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .travel-form-bg ul {
        margin-bottom: -1px;
        margin-left: 15px;
    }
}

.travel-form {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.travel-form.icon-tabs li i {
    display: inline-block !important;
}

.travel-form.icon-tabs li i {
    font-size: 35px;
    position: relative;
    top: 7px;
    padding-right: 10px;
}

.travel-form.icon-tabs .nav>li {
    padding: 0px ;
    margin-left: 0;
}

.travel-form.icon-tabs .nav>li>a  {
    padding: 30px 40px;
}

.travel-form.icon-tabs .nav>li>a:hover {
    /*background: #fff;*/
}


.travel-form.icon-tabs .nav-pills>li>a:hover,
.travel-form.icon-tabs .nav-pills>li.active:hover>a,
.travel-form.icon-tabs .nav-pills>li.active>a,
.travel-form.icon-tabs .nav-pills>li.active>a:focus{
    border-bottom: none;
    color: #fff;
}

.travel-form .form-control,
.travel-form .btn {
    height: 50px;
    border-color: transparent;
    border-radius: 4px;
}

.travel-form .btn {
    margin-top: 35px;
}


.travel-form .form-group {
    width: 15%;
    float: left;
    margin-right: 10px;
}

.travel-form .form-group label {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: normal;
}

.travel-grid .col-md-6 {
    padding: 0;
}


.travel-grid .post-list-aside .post-img img {
    border: none;
}

.travel-grid .post-list-aside {
    float: left;
}

.travel-grid .post-desk {
    padding: 50px 30px;
    display: inline-block;
    height: auto;
}


.featured-item.feature-outline.travel-feature {
    position: relative;
    padding: 0 0 0 130px;
}

/*-----------------------------------------------
    fashion 2
-----------------------------------------------*/

.fashion-title h1 {
    font-size: 100px;
    font-weight: 100;
    letter-spacing: 5px;
    margin-bottom: 0;
}

.fashion-footer p {
    line-height: 20px;
    font-size: 13px;
}

.fashion-footer .claim-form {
    width: 100%;
    display: inline-block;
    margin-bottom: 30px;
}


.fashion-footer .claim-form input {
    background: #f8f8f8;
    width: 65% !important;
    border-radius: 4px;
}

.fashion-footer ul {
    padding: 0;
    list-style: none;
}

.fashion-footer ul li a{
    color: #6f7273;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: block;
    font-size: 13px;
}

.fashion-footer ul li a:hover {
    color: #222;
}



.fashion-footer .social-link a{
    color: #cdcdcd;
    border: 1px solid #cdcdcd;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    display: inline-block;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 50%;
}

.fashion-footer .social-link a:hover {
    background: #5a5a5a;
    color: #fff;
    border: 1px solid transparent;
}


/*-----------------------------------------------
    decor
-----------------------------------------------*/


.slide-top-adjust {
    top: -100px;
    position: relative;
}

.sticky + .slide-top-adjust {
    top: -60px;
}


.decor-category a {
    overflow: hidden;
    margin-bottom: 20px;
    display: block;
    position: relative;

}

.decor-category a img {
    transition: all .3s ease-in-out;
}

.decor-category a:hover img {
    transform: scale(1.3);
}

.decor-category a .title {
    position: absolute;
    top: 35%;
    right: 10%;
    text-align: right;
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
}

.decor-category a .title.dark {
    color: #222;
}

.decor-category a .title.light {
    color: #fff;
}

.m-r-0 {
    margin-right: 0;
}

.l-weight {
    font-weight: 100 !important;
}

/* maintenance btn */

maintenance { position: relative; }
.maintenance {
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
}

/* modal width */
body .modal-details {
    width: 750px;
    margin: -345px 0 0 -375px;
}

/* acct chart */
.total {
    margin: 0;    
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) 
}

/* btn overflow */
.btn {
    white-space: normal;
}

/* btn circle */
.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}

/* radio btn style */

label.btn span {
  font-size: 1.5em ;
}

label input[type="radio"] ~ i.fa.fa-circle-o{
    color: #c8c8c8;    display: inline;
}
label input[type="radio"] ~ i.fa.fa-check-circle-o{
    display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-circle-o{
    display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-check-circle-o{
    color: #329bce;    display: inline;
}
label:hover input[type="radio"] ~ i.fa {
color: #329bce;
}

label input[type="checkbox"] ~ i.fa.fa-square-o{
    color: #c8c8c8;    display: inline;
}
label input[type="checkbox"] ~ i.fa.fa-check-square-o{
    display: none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-square-o{
    display: none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o{
    color: #329bce;    display: inline;
}
label:hover input[type="checkbox"] ~ i.fa {
color: #329bce;
}

div[data-toggle="buttons"] label.active{
    color: #329bce;
}

div[data-toggle="buttons"] label {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 2em;
text-align: left;
text-transform: lowercase;
white-space: nowrap;
vertical-align: top;
cursor: pointer;
background-color: none;
border: 0px solid 
#c8c8c8;
border-radius: 3px;
color: #c8c8c8;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

div[data-toggle="buttons"] label:hover {
color: #329bce;
}

div[data-toggle="buttons"] label:active, div[data-toggle="buttons"] label.active {
-webkit-box-shadow: none;
box-shadow: none;
}

.btn-circle {
  width: 49px;
  height: 49px;
  text-align: center;
  padding: 5px 0;
  font-size: 20px;
  line-height: 2.00;
  border-radius: 30px;
}

.btn-circle-micro {
  width: 19px;
  height: 19px;
  text-align: center;
  padding: 1px 0;
  font-size: 13px;
  line-height: 0.1;
  border-radius: 30px;
}

.btn-circle-sm {
  width: 35px;
  height: 35px;
  text-align: center;
  padding: 0 0;
  font-size: 20px;
  line-height: 1.65;
  border-radius: 30px;
}

.btn-circle-lg {
  width: 79px;
  height: 79px;
  text-align: center;
  padding: 13px 0;
  font-size: 30px;
  line-height: 2.00;
  border-radius: 70px;
}

.element { 
    position:fixed; 
    top:85%; 
    right:2%; 
    z-index: 1000;
    background-color: #f89823; 
    border: none;
    color: #fff; 
    display: inline-block; 
    padding: 19px 22px; 
    text-shadow: none; 
    border-radius: 50px;
    font-size: 16px;
    font-weight: 500;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	outline: none;
}

.element:hover {
    background:#ff933b;
}






.assistant-box {
    width: 450px;
    height: 100px;
    position: fixed;
    top: 85%;
    right: 1%;
    z-index: 1000;

}

.assistant {
    position: absolute;
    top: 20px;
    right: 50px;
    box-sizing: border-box;
    width: 0px;
    height: 63px;
    padding: 0 20px;
    outline: none;
    font-size: 15px;
    border-radius: 50px;
    color: #29313a;
    border: 3px solid #f89823;
    transition: all 0.8s ease;
    background-color: #fff;
}

.info-icon {
    fill: #fff;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #f89823;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #f89823;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #f89823;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #f89823;
}

.btn-assistant {
    position: absolute;
    width: 80px;
    height: 80px;
    background: #f89823;
    border-radius: 50%;
    right: 45px;
    top: 10px;
    cursor: pointer;
    text-align: center;
    line-height: 80px;
    font-size: 20px;
    color: #fff;
    transition: all 0.8s ease;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
}

.assistant.active {
    width: 250px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
}

.btn-assistant.animate {
    transform: rotate(-360deg);
}







.modal-open {
    padding-right: 0px !important;
}

/* Slide out div info */

.slide-out-div {
    padding: 20px;
    width: 280px;
    background: #f2f2f2;
    border: #29719e 2px solid;
    position:relative;
    z-index: 1;
    line-height: 120%;
}
.in-touch-info {
    font-size: 10pt; 
    font-weight: bold; 
    font-family: Lato; 
    color: #18B5F0
}

#dvContents {
  /*  background-color: #f2f2f2; */
  /*  border: 1px dotted black; */
    padding: 5px; 
    width: 315px
}
@media print {
    .print {
        background-color: black;
        background-color: #29719e;
    border: 1px dotted black; 
    padding: 5px; 
    width: 300px
    }
}
.form1 {
    
}

/*-----------------------------------------------
    jqx totals
-----------------------------------------------*/

.HSAammount {
    color: #3ca433;
    font-weight: 800;
}

.amounts {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: .5px;
    color:#666;
    font-weight: 600;
        
}

.available-funds {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #3ca433;
    font-weight: 600;
        
}
.reimbursement {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #5689c5;
    font-weight: 600;
        
}

.annual-election {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #3e638f;
    font-weight: 600;
        
}

.roll-in-out {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #da8a18;
    font-weight: 600;

}

.current-balance {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #da8a18;
    font-weight: 600;

}


.legend {
  float: right;
  width: 20px;
  height: 20px;
  margin: 1px 5px 0px 0px;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 50%;
}

.annual-election {
  background: #3e638f;
}

.rolled-in {
  background: #5689c5;
}

.rolled-out {
  background: #7cacde;
}

.reimbursement {
  background: #217139;
}

.amount-remaining {
  background: #3ca433;
}

.pending {
  background: #50d345;
}


/*-----------------------------------------------
    jqx totals end
-----------------------------------------------*/


/*-----------------------------------------------
    jqx Chart
-----------------------------------------------*/

.jqx-chart-title-text {
    
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: .5px;
    color:#777;
    font-weight: 500;
}

.jqx-chart-axis-text {
    
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    color:#777;
    font-weight: 300;
}

.jqx-chart-tooltip-text {
    
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    color:#777;
    margin: 10px 10px 30px 10px;
    /*font-family: 'Lato', sans-serif;*/
    font-weight: normal;
}

.jqx-chart-label-text {
    
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    color: #fff;
    fill: #fff;
    font-weight: 500;
}

.jqx-chart-legend-text {
    
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    color:#777;
    font-weight: 400;
}

//*.fix {
    position: relative;
    left: 550px;
    top: 300px;
    z-index: 1;
    font-size: 50px;
    color:#777;
    font-weight: 400;
}*//
.jqx-chart-label-text-1 {
    
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    color:#777;
    font-weight: 400;
}

#element1 {
  width: 580px;
  height: 340px;
  position: relative;
}

#element2 {
  position: absolute;
  top: 150 px;
  bottom: 40 px;
}

.bg-ribbon {
  width: 100%;
  height: 40vh;
  background-color: #00558D;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
    
}
@media screen and (max-width: 767px)

{

.bg-ribbon { display: none !important; }

}

.bg-main {
  margin-top: -30vh;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@media screen and (max-width: 767px) {

    .bg-main {
        margin-top: 50px;
    }
}

.bg-title {
  width: 100%;
  height: 30vh;
    margin-top: -34vh;
    margin-bottom: 3vh;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
    color: #fff;
    
}

/*-----------------------------------------------
    I want to...
-----------------------------------------------*/

* {
  box-sizing: border-box;
}
#myInput {
  background-position: 10px 12px;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
}
#myUL {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#myUL li a {
  border: 1px solid #ddd;
  margin-top: -1px; /* Prevent double borders */
  background-color: #f6f6f6;
  padding: 12px;
  text-decoration: none;
  font-size: 18px;
  color: black;
  display: block
}
#myUL li a:hover:not(.header) {
  background-color: #eee;
}
/*.modal-dialog {
    width: 700px;
}*/
.modal-header {
    background-color: #00558D;
    padding:16px 16px;
    color:#FFF;
    border-bottom:2px dashed #00558D;
 }
.modal-title {
    color: #fff;
}

/*-----------------------------------------------
    NEW HEADER NAVIGATION
-----------------------------------------------*/
/*
* header.less
 * -----------------------------------------------
*/
.header-top {
  padding: 5px 0;
}
.header-top .header-widget .styled-icons a i:hover {
  background: none;
}
.header-top .header-widget .list-border li {
  border-right: 1px solid rgba(0, 0, 0, 0.06);
  padding: 5px 15px;
}
.header-top .header-widget .list-border li:last-child {
  border-right: 0;
}
@media only screen and (max-width: 767px) {
  .header-top .header-widget .contact-info {
    margin-bottom: 20px;
  }
  .header-top .header-widget .contact-info li {
    display: block;
    text-align: center;
  }
}
.menuzord-brand img {
  max-height: 38px;
}
/* -------- Inner Header ---------- */
.inner-header .title {
  text-transform: uppercase;
}
/* -------- Custom theme style ---------- */
.header-nav .header-nav-wrapper .menuzord {
  padding: 0;
}
.header-nav.navbar-transparent.animated-active {
  background-color: rgba(0, 0, 0, 0.25);
}
/*
 * nav.less
 * -----------------------------------------------
*/
/* -------- Nav Sidebar ---------- */
.nav-sidebar li {
  background: #f1f1f1;
  padding-bottom: 0;
}
.nav-sidebar li a {
  border-radius: 0;
}
.nav-pills li a:hover,
.nav-pills li.active > a,
.nav-pills li.active > a:hover,
.nav-pills li.active > a:focus {
  background: #d3d3d3;
  color: #777777;

}
/* -------- Header Nav ---------- */
.header-nav {
  position: relative;
}
.header-nav .header-nav-absolute-wrapper {
  width: 100%;
}
.header-nav .header-nav-wrapper .menuzord {
  padding: 0;
}
/* -------- Menuzord ---------- */
.menuzord-menu > li > a {
  color: #333333;
  font-size: 13px;
  font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.menuzord .menuzord-menu > li.active > a i,
.menuzord .menuzord-menu > li:hover > a i,
.menuzord .menuzord-menu ul.dropdown li:hover > a i {
  color: #fff;
}
.menuzord-menu ul.dropdown li {
  margin: 0;
}
.menuzord-menu ul.dropdown li a {
  padding: 7px 25px 7px 22px;
  color: #666;
  font-weight: 600;
  text-transform: uppercase;
    letter-spacing: .5px;
}
.menuzord-menu ul.dropdown li .indicator {
  top: 4px;
}
/* -------- Megamenu-Row ---------- */
.menuzord-menu > li > .megamenu .megamenu-row li {
  border: 0 none;
  clear: both;
  font-size: 12px;
  margin: 0;
  padding: 2px;
  position: relative;
  width: 100%;
}
.menuzord-menu > li > .megamenu .megamenu-row li a {
  display: block;
  padding: 8px 10px;
  -webkit-transition: padding 0.2s linear;
  -o-transition: padding 0.2s linear;
  transition: padding 0.2s linear;
}
.menuzord-menu > li > .megamenu .megamenu-row li.active > a,
.menuzord-menu > li > .megamenu .megamenu-row li:hover > a {
  color: #111;
  padding-left: 15px;
}
.menuzord-menu > li > .megamenu .megamenu-row li a i {
  color: #444;
}
.menuzord-menu > li > .megamenu .megamenu-row li.active a i,
.menuzord-menu > li > .menuzord-menu > li > .megamenu .megamenu-row li:hover a i {
  color: #fff;
}
@media only screen and (max-width: 900px) {
  .menuzord-menu {
    background: #fff;
  }
}
/* -------- Scrolltofixed ---------- */
.header-nav .header-nav-wrapper.scroll-to-fixed-fixed.scroll-to-fixed-fixed {
  border-bottom: 1px solid #eee;
}
.header-nav .header-nav-absolute-wrapper.scroll-to-fixed-fixed.scroll-to-fixed-fixed .menuzord {
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  border-left: 1px solid #eee;
}
.header .inner-sticky-wrapper {
  height: 80px;
}
@media only screen and (min-width: 901px) {
  .header-nav .header-nav-absolute-wrapper {
    bottom: -36px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    z-index: 1111;
  }
  .header-nav .header-nav-absolute-wrapper.scroll-to-fixed-fixed.scroll-to-fixed-fixed {
    bottom: auto;
  }
}
/* -------- Navbar Fixed  ---------- */
.header-nav {
  -webkit-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.header-nav.navbar-fixed-top {
  left: 0;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 1030;
}
/* -------- Navbar Sticky Animated ---------- */
.navbar-sticky-animated .header-nav-wrapper .container {
  -webkit-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
/* -------- Header White ---------- */
.header-nav.navbar-white {
  background-color: rgba(255, 255, 255, 0.95);
  border: medium none;
}
.header-nav.navbar-white .menuzord {
  background: transparent;
}
/* -------- Header Transparent ---------- */
.header-nav.navbar-transparent .menuzord {
  background: transparent;
}
.header-nav.navbar-transparent .header-nav-wrapper {
  border-bottom: 1px solid #eee;
}
.header-nav.navbar-transparent.animated-active {
  background-color: rgba(0, 0, 0, 0.1);
}
.header-nav.navbar-transparent.animated-active .header-nav-wrapper {
  border-bottom: none;
}
.header-nav.navbar-transparent.animated-active .menuzord-menu > li > a {
  color: #fff;
}
@media only screen and (max-width: 900px) {
  .header-nav.navbar-transparent.animated-active .menuzord-menu > li > a {
    color: #333;
  }
}
/*
 * inner-header-title.less
 * -----------------------------------------------
*/
.inner-header .title {
  font-size: 36px;
  text-transform: uppercase;
}
/*
 *  side-push-panel.less
 * -----------------------------------------------
*/
.side-push-panel {
  overflow-x: hidden;
}
.side-push-panel.fullwidth-page #wrapper {
  right: 0;
  position: relative;
}
.side-push-panel.fullwidth-page header .header-nav-wrapper.scroll-to-fixed-fixed .container {
  right: 0;
}
.side-push-panel.fullwidth-page.side-panel-left #wrapper {
  left: 0;
  right: auto;
}
.side-push-panel.fullwidth-page.side-panel-left header .header-nav-wrapper.scroll-to-fixed-fixed .container {
  left: 0;
  right: auto;
}
.side-push-panel.fullwidth-page.side-panel-open #wrapper {
  right: 300px;
}
.side-push-panel.fullwidth-page.side-panel-open header .header-nav-wrapper.scroll-to-fixed-fixed .container {
  right: 300px;
}
.side-push-panel.fullwidth-page.side-panel-left.side-panel-open #wrapper {
  left: 300px;
  right: auto;
}
.side-push-panel.fullwidth-page.side-panel-left.side-panel-open header .header-nav-wrapper.scroll-to-fixed-fixed .container {
  left: 300px;
  right: auto;
}
/* -------- Transition ---------- */
.side-push-panel.fullwidth-page #wrapper,
.side-push-panel.fullwidth-page header .header-nav-wrapper.scroll-to-fixed-fixed .container {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}


/* -------- font awesome dropdown icon ---------- */
.menuzord-menu li .indicator i {
    font-family: FontAwesome;
    color: #fff;
}

.menuzord-menu ul.dropdown,
.menuzord-menu ul.dropdown li ul.dropdown {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    z-index: 99;
    min-width: 190px;
    white-space: nowrap;
    background: #fff
}


element.style {
    right: 0px;
    display: none;
}

/*
 * 	Menuzord-Responsive-Megamenu
 * -----------------------------------------------
*/
/*Item name: Menuzord - Responsive 
*/
.menuzord,.menuzord *{
    font-family: 'Lato', sans-serif;
    box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.menuzord{width: 100%;padding: 0 30px;float: left;position: relative;background: #fff;}
.menuzord a{-o-transition: color .3s linear, background .3s linear;-moz-transition: color .3s linear, background .3s linear;-webkit-transition: color .3s linear, background .3s linear;transition: color .3s linear, background .3s linear;}
/* scrollable menu */.menuzord-menu.scrollable > .scrollable-fix{display: none;}/* 2 - BRAND======================================*/.menuzord-brand{margin: 18px 30px 0 0;float: left;color: #666;text-decoration: none;font-size: 24px;font-weight: 600;line-height: 1.3;cursor: pointer;}
                                                                                                                                    /* 3 - MENU======================================*/.menuzord-menu{margin: 0;padding: 0;float: left;list-style: none;}
                                                                                                                                                                                       /* Right alignment */.menuzord-menu.menuzord-right{float: right;}
                                                                                                                                                                                                            /* Menu items */.menuzord-menu > li{display: inline-block;float: left;}
                                                                                                                                                                                                                            .menuzord-menu > li > a{padding: 26px 16px;display: inline-block;text-decoration: none;font-size: 14px;font-weight: 600;color: #333;outline: 0;line-height: 1.42857143;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
                                                                                                                                                                                                                            /* Active/hover state (Menu items) */.menuzord-menu > li.active > a,.menuzord-menu > li:hover > a{color: #333;}/* 4 - DROPDOWN======================================*/.menuzord-menu ul.dropdown,.menuzord-menu ul.dropdown li ul.dropdown{list-style: none;margin: 0;padding: 0;   display: none;position: absolute;z-index: 99;min-width: 180px;white-space: nowrap;background: #fff;}.menuzord-menu ul.dropdown li ul.dropdown{left: 100%;}/* Dropdown items */.menuzord-menu ul.dropdown li{clear: both;width: 100%;border: 0 none;font-size: 12px;position: relative;}.menuzord-menu ul.dropdown li a{width: 100%;background: none;padding: 10px 25px 10px 22px;color: #333;text-decoration: none;display: inline-block;float: left;clear: both;position: relative;outline: 0;-o-transition: padding .2s linear;-moz-transition: padding .2s linear;-webkit-transition: padding .2s linear;transition: padding .2s linear;}/* Hover state (dropdown items) */.menuzord-menu ul.dropdown li:hover > a{padding-left: 28px;padding-right: 19px;color: #333;}/* Dropdown left alignment */.menuzord-menu ul.dropdown.dropdown-left{left: none;}.menuzord-menu ul.dropdown li ul.dropdown.dropdown-left{left: -100%;}/* 5 - DROPDOWN/MEGAMENU INDICATORS======================================*/.menuzord-menu li .indicator{margin-left: 3px;}.menuzord-menu li ul.dropdown li .indicator{position: absolute;top: 8px;right: 10px;font-size: 15px;}/* 6 - MEGAMENU======================================*/.menuzord-menu > li > .megamenu{width: 100%;padding: 20px 30px;left: 0;position: absolute;display: none;z-index: 99;border-top: solid 1px #f0f0f0;background: #fff;}/* 7 - MEGAMENU WIDTHS======================================*//* Half width */.menuzord-menu > li > .megamenu.megamenu-half-width{width: 50%;left: auto;}/* Quarter width */.menuzord-menu > li > .megamenu.megamenu-quarter-width{width: 25%;left: auto;}/* 8 - GRID SYSTEM======================================*/.menuzord-menu > li > .megamenu .megamenu-row{width: 100%;margin-top: 15px;}.menuzord-menu > li > .megamenu .megamenu-row:first-child {margin-top: 0;}.menuzord-menu > li > .megamenu .megamenu-row:before,.menuzord-menu > li > .megamenu .megamenu-row:after {display: table;content: "";line-height: 0;}.menuzord-menu > li > .megamenu .megamenu-row:after {clear: both;}.menuzord-menu > li > .megamenu .megamenu-row .col1,.menuzord-menu > li > .megamenu .megamenu-row .col2,.menuzord-menu > li > .megamenu .megamenu-row .col3,.menuzord-menu > li > .megamenu .megamenu-row .col4,.menuzord-menu > li > .megamenu .megamenu-row .col5,.menuzord-menu > li > .megamenu .megamenu-row .col6,.menuzord-menu > li > .megamenu .megamenu-row .col7,.menuzord-menu > li > .megamenu .megamenu-row .col8,.menuzord-menu > li > .megamenu .megamenu-row .col9,.menuzord-menu > li > .megamenu .megamenu-row .col10,.menuzord-menu > li > .megamenu .megamenu-row .col11,.menuzord-menu > li > .megamenu .megamenu-row .col12{display: block;min-height: 20px;float: left;margin-left: 3%;}.menuzord-menu > li > .megamenu .megamenu-row [class*="col"]:first-child {margin-left: 0;}.menuzord-menu > li > .megamenu .megamenu-row .col1{width: 5.583333333333%;}.menuzord-menu > li > .megamenu .megamenu-row .col2{width: 14.166666666666%;}.menuzord-menu > li > .megamenu .megamenu-row .col3{width: 22.75%;}.menuzord-menu > li > .megamenu .megamenu-row .col4{width: 31.333333333333%;}.menuzord-menu > li > .megamenu .megamenu-row .col5{width: 39.916666666667%;}.menuzord-menu > li > .megamenu .megamenu-row .col6{width: 48.5%;}.menuzord-menu > li > .megamenu .megamenu-row .col7{width: 57.083333333333%;}.menuzord-menu > li > .megamenu .megamenu-row .col8{width: 65.666666666667%;}.menuzord-menu > li > .megamenu .megamenu-row .col9{width: 74.25%;}.menuzord-menu > li > .megamenu .megamenu-row .col10{width: 82.833333333334%;}.menuzord-menu > li > .megamenu .megamenu-row .col11{width: 91.416666666667%;}.menuzord-menu > li > .megamenu .megamenu-row .col12{width: 100%;}/* 9 - SHOW/HIDE BUTTON (MOBILE MODE)======================================*/.menuzord .showhide{width: 60px;height: 46px;padding: 13px 0 0;display: none;float: right;text-decoration: none;outline: none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}/* Show/hide button icon */.menuzord .showhide em{width: 20px;height: 3px;margin: 3.5px 20px 0;float: right;background: #00558D;}/* 10 - ICONS (parent menu items)======================================*/.menuzord-menu > li > a > i{margin: 0 5px 0 0;font-size: 12px;float: left;line-height: 20px;font-family: 'FontAwesome';}/* 11 - SEARCH FIELD======================================*//* Form */.menuzord-menu > li.search form{float: left;padding: 22px 16px 17px;}/* Input */.menuzord-menu > li.search form input[type="text"]{width: 160px;padding: 5px 10px;font-family: 'Lato', sans-serif;border: none;background: #f0f0f0;border-radius: 2px;outline: 0;-o-transition: width 1s ease-out;-moz-transition: width 1s ease-out;-webkit-transition: width 1s ease-out;transition: width 1s ease-out;}.menuzord-menu > li.search form:hover input[type="text"]{width: 160px;}/* 12 - VERTICAL TABS======================================*/.menuzord-tabs{width: 100%;float: left;}.menuzord-tabs-nav{width: 20%;margin: 0;padding: 0;float: left;list-style: none;}.menuzord-tabs-nav > li > a{width: 100%;padding: 7px 16px;float: left;font-size: 13px;text-decoration: none;color: #666;border: solid 1px #f0f0f0;outline: 0;}.menuzord-tabs-nav li.active a,.menuzord-tabs-nav li:hover a{background: #f0f0f0;}.menuzord-tabs-content{width: 80%;min-height: 30px;padding: 20px;float: right;display: none;font-size: 13px;border: solid 1px #f0f0f0;}.menuzord-tabs-content.active{display: block;}/* 13 - COLOR SCHEMES======================================*//* blue */.menuzord.blue .menuzord-menu > li.active > a, .menuzord.blue .menuzord-menu > li:hover > a, .menuzord.blue .menuzord-menu ul.dropdown li:hover > a{ color: #4A89DC; }/* green */.menuzord.green .menuzord-menu > li.active > a, .menuzord.green .menuzord-menu > li:hover > a, .menuzord.green .menuzord-menu ul.dropdown li:hover > a{ color: #37BC9B; }/* red */.menuzord.red .menuzord-menu > li.active > a, .menuzord.red .menuzord-menu > li:hover > a, .menuzord.red .menuzord-menu ul.dropdown li:hover > a{ color: #E9573F; }/* orange */.menuzord.orange .menuzord-menu > li.active > a, .menuzord.orange .menuzord-menu > li:hover > a, .menuzord.orange .menuzord-menu ul.dropdown li:hover > a{ color: #ff670f; }/* yellow */.menuzord.yellow .menuzord-menu > li.active > a, .menuzord.yellow .menuzord-menu > li:hover > a, .menuzord.yellow .menuzord-menu ul.dropdown li:hover > a{ color: #F6BB42; }/* purple */.menuzord.purple .menuzord-menu > li.active > a, .menuzord.purple .menuzord-menu > li:hover > a, .menuzord.purple .menuzord-menu ul.dropdown li:hover > a{ color: #967ADC; }/* pink */.menuzord.pink .menuzord-menu > li.active > a, .menuzord.pink .menuzord-menu > li:hover > a, .menuzord.pink .menuzord-menu ul.dropdown li:hover > a{ color: #D770AD; }
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            /* 14 - MOBILE MODE (RESPONSIVE MODE)======================================*/@media (max-width: 768px){/* Responsive menu container */.menuzord-responsive.menuzord{padding: 0;}/* Brand */.menuzord-responsive .menuzord-brand{margin: 8px 30px 10px 20px;font-size: 20px;line-height: 1.55;}/* Show/hide button */.menuzord-responsive .showhide{margin: 0;}/* Menu */.menuzord-responsive .menuzord-menu{width: 100%;float: left !important;}/* scrollable menu*/.menuzord-responsive .menuzord-menu.scrollable{overflow-y: auto;-webkit-overflow-scrolling: touch;}.menuzord-responsive .menuzord-menu.scrollable > .scrollable-fix{display: block;}/* Menu items */.menuzord-responsive .menuzord-menu > li{width: 100%;display: block;position: relative;}.menuzord-responsive .menuzord-menu > li > a{width: 100%;padding: 12px 20px;display: block;border-bottom: solid 1px #f0f0f0;}.menuzord-responsive .menuzord-menu > li:first-child > a{border-top: solid 1px #f0f0f0;}/* Dropdown */.menuzord-responsive .menuzord-menu ul.dropdown,.menuzord-responsive .menuzord-menu ul.dropdown li ul.dropdown{width: 100%;left: 0;position: static;border: none;background: #fff;float: left;}/* Dropdown items */.menuzord-responsive .menuzord-menu ul.dropdown li{position: relative;}.menuzord-responsive .menuzord-menu ul.dropdown li a{border-bottom: solid 1px #f0f0f0;}.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > a{ padding-left: 40px !important; }.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li > a{ padding-left: 60px !important; }.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li > a{ padding-left: 80px !important; }
.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li:hover > a{ padding-left: 50px !important; }
.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li:hover > a{ padding-left: 70px !important; }
.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li:hover > a{ padding-left: 90px !important; }
/* Dropdown/megamenu indicators */.menuzord-responsive .menuzord-menu li .indicator{ width: 60px;height: 45px;position: absolute;right: 0;top: 0;font-size: 22px;text-align: center;line-height: 43px;border-left: solid 1px #f5f5f5;}
                                  .menuzord-responsive .menuzord-menu li ul.dropdown li .indicator{height: 38px;right: 0;top: 0;font-size: 18px;line-height: 36px;}
                                  /* Megamenu */.menuzord-responsive .menuzord-menu > li > .megamenu{width: 100% !important;left: 0 !important;position: static;border-top: none;border-bottom: solid 1px #f0f0f0;}
                                                .menuzord-responsive .menuzord-menu > li > .megamenu .megamenu-row [class*="col"]{float: none;display: block;width: 100% !important;margin-left: 0;margin-top: 15px;}
                                                .menuzord-responsive .menuzord-menu > li > .megamenu .megamenu-row:first-child  [class*="col"]:first-child {margin-top: 0;}.menuzord-responsive .menuzord-menu > li > .megamenu .megamenu-row{margin-top: 0;}
                                                                                                                                                                           /* Search field */.menuzord-responsive .menuzord-menu > li.search form{width: 100%;margin: 4px 0;padding: 10px 16px !important;}
                                                                                                                                                                                             .menuzord-responsive .menuzord-menu > li.search form input[type="text"]{width: 100%;}
                                                                                                                                                                                             /* Tabs */.menuzord-responsive .menuzord-tabs-nav{width: 100%;}.menuzord-responsive .menuzord-tabs-content{width: 100%;}}

/* background-orange */
.bg-orange-colored {
  background-color: #F26522 !important;
}

/*
 * Utility Classes
 * -----------------------------------------------
*/

/* -------- Text Colors ---------- */

/* Text Black & Gray Color*/
.text-black {
	color: #222 !important;
}
.text-black-111 {
	color: #111 !important;
}
.text-black-222 {
	color: #222 !important;
}
.text-black-333 {
	color: #333 !important;
}
.text-black-444 {
	color: #444 !important;
}
.text-black-555 {
	color: #555 !important;
}
.text-black-666 {
	color: #666 !important;
}

/* Text White Color*/
.text-white {
	color: #fff !important;
}

/* -------- Solid Color Background ---------- */
.bg-deep {
	background-color: @white-f1 !important;
}
.bg-light {
	background-color: @white-f5 !important;
}
.bg-lighter {
    background-color: @white-f7 !important;
}
.bg-lightest {
    background-color: @white-fc !important;
}
.bg-silver-light {
    background-color: @gray-silver-light !important;
}
.bg-black {
	background-color: @black !important;
}
.divider-dark {
	background-color: darken(@white-base,85.5%) !important;
}
footer.bg-deep {
	background-color: darken(@white-base,90%) !important;
}
.bg-black-111 {
	background-color: @black-111 !important;
}
.bg-black-222 {
	background-color: @black-222 !important;
}
.bg-black-333 {
	background-color: @black-333 !important;
}
.bg-black-444 {
	background-color: @black-444 !important;
}
.bg-black-555 {
	background-color: @black-555 !important;
}
.bg-gray-dimgray {
	background-color: @gray-dimgray !important;
}
.bg-gray-light {
	background-color: @gray-light !important;
}
.bg-gray {
	background-color: @gray-base !important;
}
.bg-gray-darkgray {
	background-color: @gray-darkgray !important;
}
.bg-gray-silver {
	background-color: @gray-silver !important;
}
.bg-gray-lightgray {
	background-color: @gray-lightgray !important;
}
.bg-gray-gainsboro {
	background-color: @gray-gainsboro !important;
}
.bg-gray-lighter {
	background-color: @gray-lighter !important;
}

/* Bg White Color*/
.bg-white {
	background-color: @white-base !important;
}
.bg-white-f1 {
	background-color: @white-f1 !important;
}
.bg-white-f2 {
	background-color: @white-f2 !important;
}
.bg-white-f3 {
	background-color: @white-f3 !important;
}
.bg-white-f4 {
	background-color: @white-f4 !important;
}
.bg-white-f5 {
	background-color: @white-f5 !important;
}
.bg-white-f6 {
	background-color: @white-f6 !important;
}
.bg-white-f7 {
	background-color: @white-f7 !important;
}
.bg-white-f8 {
	background-color: @white-f8 !important;
}
.bg-white-f9 {
	background-color: @white-f9 !important;
}
.bg-white-fa {
	background-color: @white-fa !important;
}
.bg-white-fb {
	background-color: @white-fb !important;
}
.bg-white-fc {
	background-color: @white-fc !important;
}
.bg-white-fd {
	background-color: @white-fd !important;
}
.bg-white-fe {
	background-color: @white-fe !important;
}

/* -------- Transparent Background Color ---------- */
.bg-white-transparent-9 {
	background-color: fade(@white-base, 90%);
}
.bg-white-transparent-8 {
	background-color: fade(@white-base, 80%);
}
.bg-white-transparent-7 {
	background-color: fade(@white-base, 70%);
}
.bg-white-transparent-6 {
	background-color: fade(@white-base, 60%);
}
.bg-white-transparent-5 {
	background-color: fade(@white-base, 50%);
}
.bg-white-transparent-4 {
	background-color: fade(@white-base, 40%);
}
.bg-white-transparent-3 {
	background-color: fade(@white-base, 30%);
}
.bg-white-transparent-2 {
	background-color: fade(@white-base, 20%);
}
.bg-white-transparent-1 {
	background-color: fade(@white-base, 10%);
}
.bg-dark-transparent-9 {
	background-color: fade(@black, 90%);
}
.bg-dark-transparent-8 {
	background-color: fade(@black, 80%);
}
.bg-dark-transparent-7 {
	background-color: fade(@black, 70%);
}
.bg-dark-transparent-6 {
	background-color: fade(@black, 60%);
}
.bg-dark-transparent-5 {
	background-color: fade(@black, 50%);
}
.bg-dark-transparent-4 {
	background-color: fade(@black, 40%);
}
.bg-dark-transparent-3 {
	background-color: fade(@black, 30%);
}
.bg-dark-transparent-2 {
	background-color: fade(@black, 20%);
}
.bg-dark-transparent-1 {
	background-color: fade(@black, 10%);
}


/* -------- Font Weight ---------- */
.generate-font-weight(900, 100);
.generate-font-weight(@n, @i: 100) when (@i =< @n) {
  .font-weight-@{i} {
    font-weight: @i*1 !important;
  }
  .generate-font-weight(@n, (@i + 100));
}

/* -------- Font Size ---------- */
@font-sizes-small: 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27;
.make-font-size-small(@i: length(@font-sizes-small)) when (@i > 0) {
    .make-font-size-small(@i - 1);
    @font: extract(@font-sizes-small, @i); 
    .font-@{font} {
        font-size: @font*1px !important;
    }
}
.make-font-size-small();

//big font sizes
@font-sizes-big: 28, 29, 30, 32, 36, 38, 40, 42, 44, 46, 48, 54, 60, 64, 72, 78, 90, 100, 150, 200;
.make-font-size-big(@i: length(@font-sizes-big)) when (@i > 0) {
    .make-font-size-big(@i - 1);
    @font: extract(@font-sizes-big, @i); 
    .font-@{font} {
        font-size: @font/@font-size-base*1rem !important;
    }
}
.make-font-size-big();

/* -------- Letter Spacing ---------- */
.letter-space-0 {
	letter-spacing: 0px;
}
.letter-space-1 {
	letter-spacing: 1px;
}
.letter-space-2 {
	letter-spacing: 2px;
}
.letter-space-3 {
	letter-spacing: 3px;
}
.letter-space-4 {
	letter-spacing: 4px;
}
.letter-space-5 {
	letter-spacing: 5px;
}
.letter-space-6 {
	letter-spacing: 6px;
}
.letter-space-7 {
	letter-spacing: 7px;
}
.letter-space-8 {
	letter-spacing: 8px;
}
.letter-space-9 {
	letter-spacing: 9px;
}
.letter-space-10 {
	letter-spacing: 10px;
}

/* -------- z-index ---------- */
.z-index--1 {
	z-index: -1;
}
.z-index-0 {
	z-index: 0;
}
.z-index-1 {
	z-index: 1;
}
.z-index-2 {
	z-index: 2;
}
.z-index-3 {
	z-index: 3;
}
.z-index-4 {
	z-index: 4;
}
.z-index-5 {
	z-index: 5;
}
.z-index-99 {
	z-index: 99;
}
.z-index-111 {
	z-index: 111;
}
.z-index-1111 {
	z-index: 1111;
}
.z-index-9999 {
	z-index: 9999 !important;
}

/* -------- Line Height ---------- */
.line-height-0 {
	line-height: 0px;
}
.line-height-1 {
	line-height: 1;
}
.line-height-20 {
	line-height: 20px;
}
.line-height-50 {
	line-height: 50px;
}
.line-height-80 {
	line-height: 80px;
}
.line-height-100 {
	line-height: 100px;
}
.line-height-110 {
	line-height: 110px;
}
.line-height-120 {
	line-height: 120px;
}
.line-height-130 {
	line-height: 130px;
}
.line-height-150 {
	line-height: 150px;
}
.line-height-200 {
	line-height: 200px;
}
.line-height-1em {
	line-height: 1em;
}
.line-height-1 {
	line-height: 1 !important;
}

/* -------- Custom Margin Padding ---------- */
.mb-5 {
	margin-bottom: 5px !important;
}
.ml-5 {
	margin-left: 5px !important;
}
.mr-5 {
	margin-right: 5px !important;
}
.mt-5 {
	margin-top: 5px !important;
}
.mt-12 {
	margin-top: 12px !important;
}
.mb-25 {
	margin-bottom: 25px !important;
}
.pb-5 {
	padding-bottom: 5px !important;
}
.pl-5 {
	padding-left: 5px !important;
}
.pr-5 {
	padding-right: 5px !important;
}
.pt-5 {
	padding-top: 5px !important;
}
.p-25 {
	padding: 25px !important;
}

/* -------- Border ---------- */
.no-border {
	border: none !important;
}
.border-1px {
	border: 1px solid @gray-lighter !important;
}
.border-2px {
	border: 2px solid @gray-lighter !important;
}
.border-3px {
	border: 3px solid @gray-lighter !important;
}
.border-4px {
	border: 4px solid @gray-lighter !important;
}
.border-5px {
	border: 5px solid @gray-lighter !important;
}
.border-left {
	border-left: 1px solid @gray-gainsboro !important;
}
.border-right {
	border-right: 1px solid @gray-gainsboro !important;
}
.border-top {
	border-top: 1px solid @gray-gainsboro !important;
}
.border-bottom {
	border-bottom: 1px solid @gray-lighter !important;
}
.border-bottom-2px {
	border-bottom: 2px solid @gray-lighter !important;
}
.border-bottom-gray {
	border-bottom: 1px solid @gray-lightgray !important;
}
.border-gray {
	border-color: @gray-lighter !important;
}


/* -------- Border Radius ---------- */
.border-radius-5px {
	border-radius: 5px;
}
.border-radius-10px {
	border-radius: 10px;
}
.border-radius-15px {
	border-radius: 15px;
}
.border-radius-20px {
	border-radius: 20px;
}
.border-radius-25px {
	border-radius: 25px;
}
.border-radius-30px {
	border-radius: 30px;
}
.border-radius-35px {
	border-radius: 35px;
}
.border-radius-40px {
	border-radius: 40px;
}
.border-radius-45px {
	border-radius: 45px;
}
.border-radius-50px {
	border-radius: 50px;
}

/* -------- Position ---------- */
.relative {
	position: relative !important;
}
.absolute {
	position: absolute !important;
}
.absolute-inherit {
	position: inherit !important;
}
.position-relative {
	position: relative !important;
}
.position-absolute {
	position: absolute !important;
}
.position-static {
	position: static !important;
}
.position-fixed {
	position: fixed !important;
}
.position-inherit {
	position: inherit !important;
}
.position-unset {
	position: unset !important;
}

/* -------- Background Image ---------- */
.no-bg {
	background: none !important;
}
.bg-no-repeat {
	background-repeat: no-repeat !important;
}
.bg-img-fixed {
	background-attachment: fixed !important;
}
.bg-img-cover {
	background-size: cover !important;
}
.bg-img-center-bottom {
	background-position: center bottom !important;
}
.bg-img-center {
	background-position: center center !important;
}
.bg-img-left-bottom {
	background-repeat: no-repeat;
	background-position: left bottom;
}
.bg-img-right-top {
	background-repeat: no-repeat;
	background-position: right top;
}
.bg-img-left-top {
	background-repeat: no-repeat;
	background-position: left top;
}
.img-fullwidth {
	width: 100% !important;
}

/* -------- Absolute Image Positioning ---------- */
.overflow-visible {
	overflow: visible !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.box-absolute {
	position: absolute !important;
}
.img-absolute-parent {
	position: relative !important;
}
.img-absolute-parent img.img-absolute {
	position: absolute !important;
}
.img-absolute-parent img.img-pos-left {
	left: 0 !important;
}
.img-absolute-parent img.img-pos-top {
	top: 0 !important;
}
.img-absolute-parent img.img-pos-bottom {
	bottom: 0 !important;
}
.img-absolute-parent img.img-pos-right {
	right: 0 !important;
}
.img-absolute-parent img.img-pos-center {
	left: 0 !important;
	right: 0 !important;
	margin: 0 auto !important;
}


/* -------- Responsive Classes ---------- */

/* Small Devices, Tablets */
@media only screen and (max-width : 991px) {
	.sm-display-block {
		display: block !important;
	}
	.sm-text-center {
		text-align: center !important;
	}
	.sm-text-right {
		text-align: right !important;
	}
	.sm-text-left {
		text-align: left !important;
	}
	.sm-pull-none,
	.pull-left.flip.sm-pull-none,
	.pull-right.flip.sm-pull-none {
		float: none !important;
	}
	.sm-pull-left {
		float: left !important;
	}
	.sm-pull-right {
		float: right !important;
	}
	.sm-fullwidth {
		width: 100%;
	}
	.sm-height-auto {
		min-height: auto !important;
	}
	.sm-hide-bg-img {
		background: none !important;
	}
	.maxwidth400{
		margin-left: auto;
		margin-right: auto;
		max-width: 400px;
	}
	.maxwidth500{
		margin-left: auto;
		margin-right: auto;
		max-width: 500px;
	}
	.maxwidth600{
		margin-left: auto;
		margin-right: auto;
		max-width: 600px;
	}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	.xs-display-block {
		display: block;
	}
	.xs-text-center {
		text-align: center !important;
	}
	.xs-text-right {
		text-align: right !important;
	}
	.xs-text-left {
		text-align: left !important;
	}
	.xs-fullwidth {
		width: 100%;
	}
	.xs-height-auto {
		min-height: auto !important;
	}
	.xs-hide-bg-img {
		background: none !important;
	}
	.xs-pull-none {
		float: none !important;
	}
	.xs-pull-left {
		float: left !important;
	}
	.xs-pull-right {
		float: right !important;
	}
	.xs-pull-center {
		display: table;
		float: none !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.xs-list-inline-none li {
		display: table;
		margin-left: auto !important;
		margin-right: auto !important;
		margin-top: 20px !important;
		padding-left: 0 !important;
	}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 479px) {
	.xxs-text-center {
		text-align: center;
	}
	.xxs-height-auto {
		min-height: auto !important;
	}
}

/* -------- Box-Shadow ---------- */
.box-shadow1 {
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1);
}
.box-shadow2 {
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.5);
}
.box-shadow3 {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
}
.box-shadow4 {
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);
}
.box-shadow5 {
	-webkit-box-shadow: 0px -10px 30px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px -10px 30px 0px rgba(0,0,0,0.5);
	box-shadow: 0px -10px 30px 0px rgba(0,0,0,0.5);
}
.box-shadow6 {
	-webkit-box-shadow: inset 0px 16px 20px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: inset 0px 16px 20px 0px rgba(0,0,0,0.4);
	box-shadow: inset 0px 16px 20px 0px rgba(0,0,0,0.4);
}
.box-shadow7 {
	-webkit-box-shadow: 0px 8px 27px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 8px 27px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 8px 27px 0px rgba(0,0,0,0.2);
}
.box-shadow8 {
	-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.1);
}
.box-shadow9 {
	-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);
}
.box-shadow10 {
	-webkit-box-shadow: inset 0px 4px 1px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0px 4px 1px 0px rgba(0,0,0,0.1);
	box-shadow: inset 0px 4px 1px 0px rgba(0,0,0,0.1);
}
.box-shadow11 {
	-webkit-box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.16);
	-moz-box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.16);
	box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.16);
}
.box-shadow12 {
	-webkit-box-shadow: 0px -10px 30px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px -10px 30px 0px rgba(0,0,0,0.2);
	box-shadow: 0px -10px 30px 0px rgba(0,0,0,0.2);
}
.box-shadow13 {
	-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
}
.box-shadow14 {
	-webkit-box-shadow: 7px 7px 0px 0px rgba(0,0,0,0.05);
	-moz-box-shadow: 7px 7px 0px 0px rgba(0,0,0,0.05);
	box-shadow: 7px 7px 0px 0px rgba(0,0,0,0.05);
}

/* -------- Multi Row Clearfix ---------- */
.multi-row-clearfix .col-xs-6:nth-child(2n + 3) {
	clear: left;
}
.multi-row-clearfix .col-xs-4:nth-child(3n + 4) {
	clear: left;
}
.multi-row-clearfix .col-xs-3:nth-child(4n + 5) {
	clear: left;
}
.multi-row-clearfix .col-xs-2:nth-child(6n + 7) {
	clear: left;
}
.multi-row-clearfix .col-xs-1:nth-child(12n + 13) {
	clear: left;
}

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

@media (min-width: 992px) {
	/* reset previous grid */
	.multi-row-clearfix .col-sm-6:nth-child(2n + 3) {
		clear: none;
	}
	.multi-row-clearfix .col-sm-4:nth-child(3n + 4) {
		clear: none;
	}
	.multi-row-clearfix .col-sm-3:nth-child(4n + 5) {
		clear: none;
	}
	.multi-row-clearfix .col-sm-2:nth-child(6n + 7) {
		clear: none;
	}
	.multi-row-clearfix .col-sm-1:nth-child(12n + 13) {
		clear: none;
	}
	/* clear first in row for medium columns */
	.multi-row-clearfix .col-md-6:nth-child(2n + 3) {
		clear: left;
	}
	.multi-row-clearfix .col-md-4:nth-child(3n + 4) {
		clear: left;
	}
	.multi-row-clearfix .col-md-3:nth-child(4n + 5) {
		clear: left;
	}
	.multi-row-clearfix .col-md-2:nth-child(6n + 7) {
		clear: left;
	}
	.multi-row-clearfix .col-md-1:nth-child(12n + 13) {
		clear: left;
	}
}

@media (min-width: 1200px) {
	/* reset previous grid */
	.multi-row-clearfix .col-md-6:nth-child(2n + 3) {
		clear: none;
	}
	.multi-row-clearfix .col-md-4:nth-child(3n + 4) {
		clear: none;
	}
	.multi-row-clearfix .col-md-3:nth-child(4n + 5) {
		clear: none;
	}
	.multi-row-clearfix .col-md-2:nth-child(6n + 7) {
		clear: none;
	}
	.multi-row-clearfix .col-md-1:nth-child(12n + 13) {
		clear: none;
	}
	/* clear first in row for large columns */
	.multi-row-clearfix .col-lg-6:nth-child(2n + 3) {
		clear: left;
	}
	.multi-row-clearfix .col-lg-4:nth-child(3n + 4) {
		clear: left;
	}
	.multi-row-clearfix .col-lg-3:nth-child(4n + 5) {
		clear: left;
	}
	.multi-row-clearfix .col-lg-2:nth-child(6n + 7) {
		clear: left;
	}
	.multi-row-clearfix .col-lg-1:nth-child(12n + 13) {
		clear: left;
	}
}


/* ----------------------------------------------------------------
	flip cards
-----------------------------------------------------------------*/

.pane .pad {
  padding: 0 15px; 
}
.pane.flip .action {
  display: none;
}

.pane {
  width: 315px;
  height: 185px;
  margin: 20px;
  position: relative;
  display:inline-block;
  -webkit-perspective: 600px;
  -moz-perspective: 600px;
}
.pane .front {
  z-index: 900;
  width: inherit;
  height: inherit;
  background: #fff;
  
  -moz-box-shadow: 0 1px 15px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 1px 15px rgba(0,0,0,0.1);
  box-shadow: 0 1px 15px rgba(0,0,0,0.1);
  
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  
  -moz-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform-style: preserve-3d;
  -moz-backface-visibility: hidden;
  
  -o-transform: rotateX(0deg) rotateY(0deg);
  -o-transform-style: preserve-3d;
  -o-backface-visibility: hidden;
  
  -ms-transform: rotateX(0deg) rotateY(0deg);
  -ms-transform-style: preserve-3d;
  -ms-backface-visibility: hidden;
 
  transform: rotateX(0deg) rotateY(0deg);
  transform-style: preserve-3d;
  backface-visibility: hidden;
  
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
.pane.flip .front {
  z-index: 900;
  background: #fff;
  
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
  
  -moz-box-shadow: 0 15px 50px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 15px 50px rgba(0,0,0,0.2);
  box-shadow: 0 15px 50px rgba(0,0,0,0.2);
}
  	
.pane .back {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 800;
  width: inherit;
  height: inherit;
  background: #fff;
  
  -webkit-transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  
  -moz-transform: rotateY(-180deg);
  -moz-transform-style: preserve-3d;
  -moz-backface-visibility: hidden;
  
  -o-transform: rotateY(-180deg);
  -o-transform-style: preserve-3d;
  -o-backface-visibility: hidden;
  
  -ms-transform: rotateY(-180deg);
  -ms-transform-style: preserve-3d;
  -ms-backface-visibility: hidden;
  
  transform: rotateY(-180deg);
  transform-style: preserve-3d;
  backface-visibility: hidden;
 
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
		
.pane.flip .back {
  z-index: 1000;
  background: #10578d;
  
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform: rotateX(0deg) rotateY(0deg);
  -ms-transform: rotateX(0deg) rotateY(0deg);
  -o-transform: rotateX(0deg) rotateY(0deg);
  transform: rotateX(0deg) rotateY(0deg);
  
  box-shadow: 0 15px 50px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 15px 50px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 15px 50px rgba(0,0,0,0.2);
}

.frontTitle {
  padding-top:5px;
  text-align:center;
  font-family:'lato regular',arial;
  font-size:18px;
  color:#000;
  height:45px;
}

.frontLogo {
    width:100%;
    height:61px;
    background-repeat:no-repeat;
    background-position:center center;
}

.isas {
    background: url(./);
  background-image:url('.');
  background-size:150px 150px;
}

.boisedigital {
 background-image:url('.');
      background-size:85% auto;
  background-position:center center;
}

.dissolve {
 background-image:url('.');
      background-size:125px 125px;  
}

.frontLocation {
  padding-top:10px;
  text-align:center;
  color:#aaa;
  font-family:'latoregular',arial;
  font-size:18px;
}

.backTitle {
  padding:20px;
    padding-top: 5px;
    padding-bottom: 0px;
  color:#fff;
  font-size:16px;
  font-weight:bold;
}

.backParagraph {
text-align: center;
  padding:20px;
  padding-top:0;
  color:#fff;
  font-family:'latoregular',arial;
  font-size:14px;
}

.backGoto {
  padding:10px;
  padding-top:0;
  color:#06f;
  font-family:'latoregular',arial;
  font-size:14px;
}

.backGoto a {
  text-decoration:none;
  color:#06f;
  -webkit-transition:0.1s all linear;
  -moz-transition:0.1s all linear;
  -o-transition:0.1s all linear;
  transition:0.1s all linear;
}

.backGoto a:hover {
  text-decoration:underline;
  padding-left:15px;
}

.flip1 {
    background-size:125px 125px; 
    
}

.white-bg {
    background: #fff;
}

.plan-year {
    
    color: #333;

    letter-spacing: 1.5px;
}

.resource-center {

      width: 230px;
}
.resource-center-2 {

      width: 200px;
}

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

.embed-responsive-21by9 {
    padding-top: 21.5%;
    background-color: #00558D;
}

/*--------------------------------------------------------------
	logged out image links
--------------------------------------------------------------*/

.pdf-thumb-box
{
display:inline-block !important;
position:relative !important; 
overflow: hidden;

}
.pdf-thumb-box-overlay {
   
  visibility:hidden;
  opacity:0;
  transition:visibility 0s linear 0.5s,opacity 0.5s linear;

}
.pdf-thumb-box a{

    color:transparent;
}
.pdf-thumb-box a:hover .pdf-thumb-box-overlay {
    visibility:visible;
    opacity:1;
    transition-delay:0s;
    text-align:center;
    position: absolute;
    background-color: rgba(50, 153, 205, 0.58);
    color: #fff;
    width:100%;
    height:100%;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    
}
.pdf-thumb-box-overlay span {
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0
}

#tb-scroll-to-top {
    display: none;
}

.badge-number {
    z-index: 1;
    content: attr(data-badge);
    position: absolute;
    top: 5px;
    right: 40px;
    background: #3396ca;
    color: white;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 37px;
    border-radius: 50%;
    border: 1px solid #00558D;
    text-align: center;
    cursor: pointer;
    animation-name: pulse;
    box-shadow: 0 0 0 rgba(56,153,204, 0.4);
    border-radius: 100%;
    -webkit-animation: pulsing 2s infinite;
    animation: pulsing 2s infinite;
}

@-webkit-keyframes pulsing {
0% {
-webkit-transform: scale(0.5, 0.5);
transform: scale(0.5, 0.5)
}
50% {
-webkit-transform: scale(1.0, 1.0);
transform: scale(1.0, 1.0);
}
100% {
-webkit-transform: scale(0.5, 0.5);
transform: scale(0.5, 0.5);
}
}

@keyframes pulsing {
0% {
-webkit-transform: scale(0.6, 0.6);
transform: scale(0.6, 0.6)
}
50% {
-webkit-transform: scale(1.0, 1.0);
transform: scale(1.0, 1.0);
}
100% {
-webkit-transform: scale(0.6, 0.6);
transform: scale(0.6, 0.6);
}
}


.toast__svg {
    fill: #fff;
}

.toast {
    text-align: left;
    padding: 21px 0;
    background-color: #fff;
    border-radius: 4px;
    /*max-width: 500px;*/
    top: 0px;
    position: relative;
    box-shadow: 1px 7px 14px -5px rgba(0,0,0,0.2);
    border: 1px solid #ddd;
}


    .toast:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 4px;
        height: 100%;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

.toast__icon {
    position: absolute;
    top: 50%;
    left: 22px;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    padding: 7px;
    border-radius: 50%;
    display: inline-block;
}

.toast__type {
    color: #3e3e3e;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 8px;
}

.toast__message {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 0;
    color: #878787;
}

.toast__content {
    padding-left: 30px;
    padding-right: 60px;
}

.toast__close {
    position: absolute;
    right: 22px;
    top: 50%;
    width: 14px;
    cursor: pointer;
    height: 14px;
    fill: #878787;
    transform: translateY(-50%);
}

.toast--green .toast__icon {
    background-color: #2BDE3F;
}

.toast--green:before {
    background-color: #2BDE3F;
}

.toast--blue .toast__icon {
    background-color: #1D72F3;
}

.toast--blue:before {
    background-color: #1D72F3;
}

.toast--yellow .toast__icon {
    background-color: #FFC007;
}

.toast--yellow:before {
    background-color: #FFC007;
}

.toast--red .toast__icon {
    background-color: #f44539;
}

.toast--red:before {
    background-color: #f44539;
}

/* ----------------------------------------------------------------
	Account Cards
-----------------------------------------------------------------*/
.card {
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
    transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
    padding: 14px 80px 18px 36px;
    cursor: pointer;
}

    .card:hover {
        transform: scale(1.05);
        box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
    }

    .card h3 {
        font-weight: 600;
    }

    .card img {
        /*position: absolute;*/
        top: 20px;
        max-height: 120px;
        /*right: 15px;*/
    }

.card-1 {
    background-image: url(https://ionicframework.com/img/getting-started/ionic-native-card.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 80px;
}

.card-2 {
    background-image: url(https://ionicframework.com/img/getting-started/components-card.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 80px;
}

.card-3 {
    background-image: url(https://ionicframework.com/img/getting-started/theming-card.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 80px;
}

@media(max-width: 990px) {
    .card {
        margin: 20px;
    }
}

/* ----------------------------------------------------------------
	COBRA option nav pills
-----------------------------------------------------------------*/
.nav-filter {
    border: 1px solid #ddd;
    background-color: white;
    color: black;
    padding: 14px 28px;
    font-size: 16px;
    cursor: pointer;
    box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
    transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
    padding: 14px 80px 18px 36px;
}

.nav-pills > li > a:hover {
    border: 2px solid #00558D;
    background-color: #00558D;
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}

.nav-pills li a:hover, .nav-pills li.active > a, .nav-pills li.active > a:hover, .nav-pills li.active > a:focus {
    background: #00558D;
    color: #fff;
}