/* ------------------- SKELETON ------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    margin: 0 0 310px; /* Footer height here */
}

body.footer-relative{
    margin: 0;
}
/* ------------------- COMMON CSS ------------------- */

.clear {
    clear: both;
}

/* ------------------- BOOTSTRAP OVERRIDE ----------- */
@media screen and (max-width: 768px) {
    .visible-xs-inline {
        display: inline !important; 
    }
    .visible-xs-inline-block {
        display: inline-block !important; 
    }
}

@media screen and (min-width: 768px) {
    .visible-xs-inline, .visible-xs-inline-block {
        display: none !important; 
    }
}

/* ------------------- HEADER ----------------------- */

#header{

}

#logo{
    background: url(../img/logo.png) no-repeat 0 0 transparent;
    width: 127px;
    height: 36px;
    display: block;
}

#top-bar-1{
    background: #fff;
}

#top-bar-1 > .container > .row > .col{
    padding-top: 15px;
    padding-bottom: 0px;
}

#top-bar-1 > .container > .row > .col.top-bar-logo { padding-top: 19px; }
#top-bar-1 > .container > .row > .col.top-bar-menu { padding-top: 15px; float: right; }
#top-bar-1 > .container > .row > .col.site-search { padding-top: 19px; padding-bottom: 15px; float: right; }
#top-bar-1 > .container > .row > .col.top-bar-cart { padding-bottom: 15px; }

#top-bar-1 .social-icons{
    padding: 7px 0;
    text-align: right;
}

#top-bar-1 .social-icons a{
    display: inline-block;
    margin-right: 13px;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    vertical-align: middle;
}
@media (max-width: 991px) {
    #top-bar-1 .social-icons a {
        margin-right: 12px;
    }
}

#top-bar-1 .social-icons a .fa{
    font-size: 24px;
}

#top-bar-1 .social-icons a:last-child{
    margin-right: 15px;
}

#top-bar-1 .site-search{
    text-align: right;
}

@media (max-width: 991px)and (min-width: 768px) {
    #top-bar-1 .site-search {
        width: 22%;
    }
}

#top-bar-1 .site-search form{
    display: inline-block;
}
@media (max-width: 767px) {
    #top-bar-1 .site-search form {
        display: block;
    }
}

#top-bar-1 .site-search input{
    background: #ff7514;
    color: #ffffff;
    font-size: 16px;
    border: none;
    margin-bottom: 0;
    width: 100%;
    height: 40px;
    border-radius: 22px;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    padding: 5px 35px 8px 20px;
}

#top-bar-1 .site-search input::-moz-placeholder {
    color: #fff;
    opacity: 0.66;
    font-style: italic;
}
#top-bar-1 .site-search input:-ms-input-placeholder {
    color: #fff;
    opacity: 0.66;
    font-style: italic;
}
#top-bar-1 .site-search input::-webkit-input-placeholder {
    color: #fff;
    opacity: 0.66;
    font-style: italic;
}

#top-bar-1 .site-search .form-control-feedback{
    top: 2px;
    right: 5px;
    color: #fff;
    font-size: 16px;
}

/* ------- NAV ----------- */

#top-bar-2{
    background: #f2f2f2;
}

#top-bar-2 .navbar{
    margin-bottom: 0;
}

#top-bar-2 .navbar .container-fluid{
    padding-left: 0;
    padding-right: 0;
}

#top-bar-2 .navbar-collapse{
    padding-left: 0;
    padding-right: 0;
}

#header ul.navbar-nav{
    margin-left: 0;
    margin-right: 0;
}

#header ul.navbar-nav li{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
}

@media (max-width: 991px) {
    #header ul.navbar-nav li{
        font-size: 10px;
    }
}
@media (max-width: 767px) {
    #header ul.navbar-nav li{
        font-size: 13px;
    }
}

#header ul.navbar-nav li.active:after{
    display: block;
    content: "";
    width: 100%;
    height: 6px;
    background: #00aced;
    position: absolute;
    bottom: 0;
}


/* ------------------- CONTENT ---------------------- */

#content{
    min-height: 300px;
    background: #e6e6e6;
    position: relative;
}

#content:before{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    background: rgb(225,225,225); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(225,225,225,1) 0%, rgba(230,230,230,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(225,225,225,1)), color-stop(100%,rgba(230,230,230,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(225,225,225,1) 0%,rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(225,225,225,1) 0%,rgba(230,230,230,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(225,225,225,1) 0%,rgba(230,230,230,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(225,225,225,1) 0%,rgba(230,230,230,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
}

#content > .container{
    padding-top: 0px;
    padding-bottom: 20px;
}

.title-bar-1{
    text-align: center;
    padding: 25px;
    min-height: 80px;
    position: relative;
}

.title-bar-1 h4{
    margin-bottom: 0;
}

.title-bar-1 .left-link{
    position: absolute;
    top: 26px;
    left: 25px;
    font-size: 16px;
    color: #333333;
}

.title-bar-1 .left-link .fa{
    font-size: 30px;
    vertical-align: middle;
    margin-right: 15px;
    margin-top: -3px;
}

@media (max-width: 767px) {
    .title-bar-1 .left-link{
        right: auto; left: 0;
        height: 26px;
        padding-left: 25px;
        text-align: left;
        color: transparent;
    }

    .title-bar-1 .left-link .fa{
        color: #333333;
    }
}

.title-bar-1 .right-link{
    position: absolute;
    top: 26px;
    right: 25px;
    font-size: 16px;
    color: #333333;
}

.title-bar-1 .right-link .fa{
    font-size: 30px;
    vertical-align: middle;
    margin-left: 15px;
    margin-top: -3px;
}

@media (max-width: 767px) {
    .title-bar-1 .right-link{
        left: auto; right: 0;
        height: 26px;
        padding-right: 25px;
        text-align: right;
        color: transparent;
    }

    .title-bar-1 .right-link .fa{
        color: #333333;
    }
}

h1{
    color: #392242;
    font-size: 24px;
    margin: 0;
    font-weight: normal;
}

.tiles-list,
.related-tiles-list{
    -webkit-transform: translateZ(0);
    margin-left: -10px;
    margin-right: -10px;
    position: relative;
    min-height: 250px;
}

.tiles-list .col,
.related-tiles-list .col{
    padding: 0 10px 0px 10px;
    height: 220px;
    margin-bottom: 20px;
    overflow: hidden;
}

.tiles-list .tile,
.related-tiles-list .tile{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;

}

.tiles-list .tile .tile-image,
.related-tiles-list .tile .tile-image{
    position: absolute;
    z-index: 8;
    min-width: 100%;
    min-height: 100%;
    display: block;
    text-align: center;
}

.tiles-list .tile .tile-image img,
.related-tiles-list .tile .tile-image img{
    position: absolute;
    display: inline-block;
    min-width: 100%;
    max-width: 100%;
    /*min-height: 100%;*/
    top: 0;
    bottom: 0;
    margin: auto;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.tiles-list .tile .tile-image:before,
.related-tiles-list .tile .tile-image:before{
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9;
    background: rgba(0,0,0,.2);
}

.tiles-list .tile:hover .tile-image:before,
.related-tiles-list .tile:hover .tile-image:before {
    background: transparent;
}

.tiles-list .tile.no-image .tile-image:before,
.related-tiles-list .tile.no-image .tile-image:before{
    /*background: rgba(255,117,20,.5);*/
}

.tiles-list .tile span,
.related-tiles-list .tile span{
    position: relative;
    z-index: 10;
}

.tiles-list .tile .tile-texts-container,
.related-tiles-list .tile .tile-texts-container{
    position: absolute;
    left: 15px; right: 15px;
    bottom: 15px;
}

.tiles-list .tile .tile-title,
.related-tiles-list .tile .tile-title{
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    display: block;
    text-shadow: 1px 2px 3px rgba(0,0,0,0.7);
}

.tiles-list .tile .tile-category,
.related-tiles-list .tile .tile-category{
    display: block;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    font-style: italic;
    text-shadow: 1px 2px 3px rgba(0,0,0,0.7);
}

.tiles-list .tile .tile-date,
.related-tiles-list .tile .tile-date{
    display: block;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    font-style: italic;
    text-shadow: 1px 2px 3px rgba(0,0,0,0.7);

}


/* ------------------- FOOTER ----------------------- */

#footer{
    position: absolute;
    left: 0; bottom: 0;
    width: 100%;
}

body.footer-relative #footer{
    position: relative;
    left: auto; bottom: auto;
}

#bottom-bar-1{
    background: #ff7514;
    min-height: 70px;
}

#bottom-bar-1 > .container{
    padding: 25px 30px 15px;
}

#bottom-bar-1 ul{
    text-align: center;
    padding: 0;
}

#bottom-bar-1 ul li {
    display: inline-block;
    padding: 0 8px;
}
@media (max-width: 767px) {
    #bottom-bar-1 ul li {
        margin: 2px 0;
    }
}

#bottom-bar-1 ul li a {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}
@media (max-width: 991px) {
    #bottom-bar-1 ul li a {
        font-size: 10px;
    }
}
@media (max-width: 767px) {
    #bottom-bar-1 ul li a {
        font-size: 11px;
    }
}

#bottom-bar-1 ul li a:hover {
    border-bottom: 1px solid #FFF;
}

#bottom-bar-2{
    height: 240px;
    background: #e64d00;
    color: #fff;
    font-size: 13px;
}

#bottom-bar-2 a{
    color: #fff;
}

#bottom-bar-2 > .container{
    padding: 20px 30px;
}

#bottom-bar-2 .social-icons{
    text-align: right;
}

@media (max-width: 767px) {
    #bottom-bar-2 .col {
        text-align: center;
    }
    #bottom-bar-2 .social-icons {
        margin-top: 20px;
        text-align: center;
    }
}

#bottom-bar-2 .social-icons a{
    display: inline-block;
    margin-right: 25px;
    font-size: 13px;
    vertical-align: middle;
    color: #fff;
}

#bottom-bar-2 .social-icons a:last-child{
    margin-right: 0;
}

#bottom-bar-2 .social-icons a .fa{
    font-size: 24px;
}

/* FOOTER SLIDER */
#footer-slider-wrap {
    position: relative;
    margin-top: 30px;
}

#footer-slider {
    position: relative;
    margin: 0 32px;
}

#footer-slider .footer-slider-element {
    text-align: center;
}

#footer-slider .footer-slider-element a {
    display: inline-block;
    overflow: hidden;
    max-width: 195px; max-height: 81px;
    border: 3px solid rgba(255,255,255,.2);
}

#footer-slider .footer-slider-element a:hover {
    border: 3px solid rgba(255,255,255,.4);
}

#footer-slider-wrap .controls {
    position: absolute;
    right: 0; top: 0;
    width: 100%; height: 0;
}

#footer-slider-wrap .controls #footer-slider-left-angle, #footer-slider-wrap .controls #footer-slider-right-angle {
    position: absolute;
    left: 15px; top: 0;
    width: 32px; height: 81px;
    font-size: 24px;
    color: #FFF;
}

#footer-slider-wrap .controls #footer-slider-right-angle {
    left: auto; right: 15px;
}

#footer-slider-wrap .controls #footer-slider-left-angle:before, #footer-slider-wrap .controls #footer-slider-right-angle:before {
    position: absolute;
    left: 0; right: 0; top: 0; bottom: 0;
    margin: auto;
    width: 16px; height: 24px;
    text-align: center;
    font-weight: bold;
}
/* END FOOTER SLIDER */

/* HOME PAGE SLIDER */
#homepage-slider-wrap {
    position: relative;
}
#homepage-slider-wrap.always-show .controls {
    display: block !important;
}
#homepage-slider {}
#homepage-slider .homepage-slider-element {
    height: 300px;
    width: 100%;
}
#homepage-slider .homepage-slider-element .left-side {
    position: relative;
    background: #ffffff;
    float: left;
    width: 470px;
    padding: 20px;
    height: 300px;
}
#homepage-slider .homepage-slider-element .left-side-inner:after {
    content: ' ';
    position: absolute;
    left: 0; right: 0;
    bottom: 0;
    height: 180px;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(60%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#homepage-slider .homepage-slider-element .slider-read-more {
    position: absolute;
    right: 20px; bottom: 20px;
}

#homepage-slider .homepage-slider-element .slider-read-more a {
    display: inline-block;
}

#homepage-slider .homepage-slider-element a.right-side-image-link{
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;

}

#homepage-slider .homepage-slider-element .right-side {
    /*background: #ff7514;*/
    background-color: #ffffff;
    float: right;
    width: 470px;
    height: 300px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    text-align: center;
}

#homepage-slider .homepage-slider-element .right-side.video{
    background: #000000 !important;
}
#homepage-slider .homepage-slider-element .right-side > iframe {
    height: 252px;
}

@media (max-width: 991px) {
    #homepage-slider .homepage-slider-element {
        height: 600px;
    }

    #homepage-slider .homepage-slider-element .left-side, #homepage-slider .homepage-slider-element .right-side {
        float: none;
        display: block;
        width: auto; 
    }

    #homepage-slider .homepage-slider-element .right-side, #homepage-slider .homepage-slider-element .right-side.video {
        background-color: #ffffff;
    }

    #homepage-slider .homepage-slider-element .right-side .youtube{
        margin: auto;
    }

    /*#homepage-slider .homepage-slider-element .right-side > iframe {
        height: inherit;
    }*/

    #homepage-slider-wrap .controls #homepage-slider-left-angle,
    #homepage-slider-wrap .controls #homepage-slider-right-angle{
        background-color: #ea6100;
    }


}

#homepage-slider-wrap .controls {
    display: none;
    position: absolute;
    right: 0; bottom: 0;
    width: 470px; height: 48px;
}
@media (max-width: 991px) {
    #homepage-slider-wrap .controls {
        width: 100%;
        bottom: auto;
        top: 252px;
    }
}
#homepage-slider-wrap .controls #homepage-slider-left-angle, #homepage-slider-wrap .controls #homepage-slider-right-angle {
    position: absolute;
    left: 0; top: 0;
    width: 48px; height: 48px;
    font-size: 36px;
    color: #FFF;
}
#homepage-slider-wrap .controls #homepage-slider-right-angle {
    left: auto; right: 0;
}
#homepage-slider-wrap .controls #homepage-slider-left-angle:hover, #homepage-slider-wrap .controls #homepage-slider-right-angle:hover {
    background-color: #ea6100;
}

#homepage-slider-wrap .controls #homepage-slider-left-angle:before, #homepage-slider-wrap .controls #homepage-slider-right-angle:before {
    position: absolute;
    left: 0; right: 0; top: 0; bottom: 0;
    margin: auto;
    width: 16px; height: 36px;
    text-align: center;
}

#homepage-slider-wrap ol.numericControls {
    position: absolute;
    left: 48px; right: 48px; bottom: -6px;
    padding-left: 0;
    text-align: center;
    list-style: none;
}
#homepage-slider-wrap ol.numericControls li{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 8px;
    -moz-border-radius: 70px; 
    -webkit-border-radius: 70px; 
    border-radius: 70px;
    background: #ffffff;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    cursor: pointer;
}
#homepage-slider-wrap ol.numericControls li:last-child{
    margin-right: 0px;
}
#homepage-slider-wrap ol.numericControls li.current {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
}
#homepage-slider-wrap ol.numericControls li a {
    display: inline-block;
}
#homepage-slider-wrap ol.numericControls li:not(.current):hover {
    box-shadow: 0 0 0 2px #ea6100;
}
#homepage-slider-wrap ol.numericControls li a span {
    display: inline-block;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
}
#homepage-slider .homepage-slider-element .left-side .slider-title {
    font-size: 24px;
    font-weight: 500;
}
@media (max-width: 767px) {
    #homepage-slider .homepage-slider-element .left-side .slider-title {
        font-size: 20px;
        line-height: 24px;
    }
}
#homepage-slider .homepage-slider-element .left-side .slider-category {
    font-weight: 500;
    font-size: 14px;
    font-style: italic;
    margin-top: 10px; margin-bottom: 25px;
}
#homepage-slider .homepage-slider-element .left-side .slider-lead {}
/* END HOME PAGE SLIDER */

/* ARTICLE SLIDER */
#article-image-slider-wrap { position: relative; }
#article-image-slider-wrap.always-show .controls {
    display: block !important;
}
#article-image-slider .article-image {
    width: 100%;
}

#article-image-slider-wrap .controls {
    display: none;
    position: absolute;
    right: 0; top: 0; bottom: 0;
    width: 100%;
}
#article-image-slider-wrap .controls #article-image-slider-left-angle, #article-image-slider-wrap .controls #article-image-slider-right-angle {
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 48px;
    font-size: 36px;
    color: #FFF;
}
#article-image-slider-wrap .controls #article-image-slider-right-angle {
    left: auto; right: 0;
}
#article-image-slider-wrap .controls #article-image-slider-left-angle:hover, #article-image-slider-wrap .controls #article-image-slider-right-angle:hover {
    background-color: rgba(0,0,0,.2);
}

#article-image-slider-wrap .controls #article-image-slider-left-angle:before, #article-image-slider-wrap .controls #article-image-slider-right-angle:before {
    position: absolute;
    left: 0; right: 0; top: 0; bottom: 0;
    margin: auto;
    width: 16px; height: 36px;
    text-align: center;
}

#article-image-slider-wrap ol.numericControls {
    position: absolute;
    left: 48px; right: 48px; bottom: 0;
    padding-left: 0;
    text-align: center;
    list-style: none;
}
#article-image-slider-wrap ol.numericControls li{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 8px;
    -moz-border-radius: 70px; 
    -webkit-border-radius: 70px; 
    border-radius: 70px;
    background: #ffffff;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5;
    cursor: pointer;
}
#article-image-slider-wrap ol.numericControls li:last-child{
    margin-right: 0px;
}
#article-image-slider-wrap ol.numericControls li.current {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
}
#article-image-slider-wrap ol.numericControls li a span {
    display: inline-block;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
}
/* END ARTICLE SLIDER */

/* PAGINATION */
div.pagination {
    display: block;
    text-align: center;
}
div.pagination ul {
    padding: 0px;
}
div.pagination ul li {
    list-style-type: none;
    display: inline-block;
    font-size: 16px;
    background: rgba(255,117,20,0.5);
    color: #fff;
    margin-right: 15px;
}
div.pagination ul li:last-child {
    margin-right: 0;
}
@media (max-width: 991px) {
    div.pagination ul li:last-child { margin-right: 7px; }
}

div.pagination ul li.prev a , div.pagination ul li.next a {
    width: 200px;
    max-width: 200px;
}
@media (max-width: 991px) {
    div.pagination ul li.prev a , div.pagination ul li.next a {
        width: 150px;
        max-width: 150px;
    }
}

div.pagination ul li a {
    display: block;
    width: 60px;
    height: 60px;
    padding-top: 18px;
    max-width: 60px;
    color: #fff;
}
div.pagination ul li a:hover {
    background: #ff7514;
}
div.pagination ul li.active {
    background: #fff;
    color: #000;
    width: 60px;
    height: 60px;
    padding-top: 18px;
    max-width: 60px;
}
@media (max-width: 991px) {
    div.pagination ul li a {
        width: 40px; max-width: 40px; height: 40px;
        padding-top: 10px;
    }

    div.pagination ul li.active {
        width: 40px; max-width: 40px; height: 40px;
        padding-top: 10px;
    }
}
@media (max-width: 767px) {
    div.pagination { margin-bottom: 0; }

    div.pagination ul li { margin: 0 7px; margin-bottom: 20px; }

    div.pagination ul li a {
        width: 40px; max-width: 40px; height: 40px;
        padding-top: 10px;
    }

    div.pagination ul li.active {
        width: 40px; max-width: 40px; height: 40px;
        padding-top: 10px;
    }
}

div.pagination.pagination-small ul li {
    margin-right: 6px;
    margin-bottom: 10px;
}

div.pagination.pagination-small ul li:last-child {
    margin-right: 0;
}
@media (max-width: 991px) {
    div.pagination.pagination-small ul li:last-child { margin-right: 6px; }
}

div.pagination.pagination-small ul li.active{
    width: 30px; max-width: 30px; height: 30px;
    padding-top: 4px;
}

div.pagination.pagination-small ul li a {
    width: 30px; max-width: 30px; height: 30px;
    padding-top: 4px;
}

div.pagination.pagination-small ul li.prev a , div.pagination.pagination-small ul li.next a {
    width: 170px; max-width: 170px;
}
@media (max-width: 767px) {
    div.pagination.pagination-small ul li.prev a, div.pagination.pagination-small ul li.next a { width: 85px; }
}

div.pagination.pagination-small ul li i.fa {
    position: relative;
    top: -1px;
}
/* end pagination */

div.filter-bar{
    position: relative;
    background: #ffffff;
    min-height: 80px;
    padding: 25px 40px;
    margin-bottom: 20px;
}
@media (max-width: 991px) {
    div.filter-bar {
        padding: 25px;
    }
}
@media (max-width: 767px) {
    div.filter-bar {
        min-height: 0;
        padding: 15px;
    }
}

div.filter-bar .filter-show {
    margin-right: 20px;
    font-size: 20px;
    cursor: pointer;
    float: left;
}
div.filter-bar .filter-show.small {
    margin-top: 6px;
    font-size: 14px;
}
@media (max-width: 767px) {
    div.filter-bar .filter-show {
        display: block;
        float: none;
        margin-right: 0;
        padding: 6px 0;
        font-size: 14px;
    }
}

div.filter-bar .filter-show i {
    margin-left: 10px;
    font-size: 25px;
}
div.filter-bar .filter-show.small i {
    margin-left: 8px;
    font-size: 18px;
}
@media (max-width: 767px) {
    div.filter-bar .filter-show i {
        margin-left: 8px;
        font-size: 18px;
        float: right;
    }
}

div.filter-bar .filter-show .filter-active-box {
    padding: 0 10px;
    color: #ff7514;
    background-color: transparent;
}
@media (max-width: 767px) {
    div.filter-bar .filter-show .filter-active-box {
        padding: 0;
    }
}

.filter-dropdown {
    position: absolute;
    top: 100%;
    margin-top: 25px;
    background: #fff;
    width: 380px;
    padding: 20px 0;
    z-index: 11;
    display: none;
}
.filter-dropdown.narrow {
    width: 180px;
}

@media (max-width: 767px) {
    .filter-dropdown, .filter-dropdown.narrow {
        left: 5px; right: 5px;
        margin-left: 0 !important;
        width: auto;
    }

    .filter-dropdown.small {
        font-size: 100%;
    }
}

div.filter-dropdown:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 70px;
    margin-left: -16px;
    width: 0;
    height: 0;
    border-bottom: 16px solid #ffffff;
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
}

div.filter-dropdown ul {
    padding: 0;
    list-style-type: none;
}

div.filter-dropdown .list-item {
    position: relative;
    padding: 0 20px;
}

div.filter-dropdown .list-item > a, div.filter-dropdown .list-item > span, div.filter-dropdown .list-item > .item-inner-wrap > a, div.filter-dropdown .list-item > .item-inner-wrap > span {
    display: block;
    padding: 10px;
    cursor: pointer;
    color: #000;
}
@media (max-width: 767px) {
    div.filter-dropdown .list-item.has-sub > a,
    div.filter-dropdown .list-item.has-sub > span,
    div.filter-dropdown .list-item.has-sub > .item-inner-wrap > a,
    div.filter-dropdown .list-item.has-sub > .item-inner-wrap > span {
        display: block;
        width: 80%;
    }

    div.filter-dropdown .list-item.has-sub ul:after {
        content: "";
        position: absolute;
        right: 0; top: -1px;
        width: 20%; height: 1px;
        background-color: #fafafa;
    }
}

div.filter-dropdown .list-item > span, div.filter-dropdown .item-inner-wrap > span {
    cursor: default;
}
div.filter-dropdown .list-item a:hover {
    color: #fff;
    background: rgba(255,117,20,0.5);
}
div.filter-dropdown .list-item a.active {
    color: #fff;
    background: #ff7514;
}

div.filter-dropdown .list-item > ul {
    display: none;
    position: absolute;
    left: 360px; top: -20px;
    margin-bottom: 0;
    width: 200px;
    padding: 20px 0;
    background-color: #FFF;
}
div.filter-dropdown.narrow .list-item > ul {
    left: 160px;
}

div.filter-dropdown .list-item:hover > ul {
    display: block;
}

div.filter-bar div#active-category-name-box {
    padding: 10px;
    font-size: 20px;
    color: #fff;
    background: #ff7514;
    position: relative;
    top: -10px;
    float: right;
    margin-bottom: -20px;
}

div.filter-buttons {
    float: right;
}
div.filter-buttons > *{
    margin-left: 10px;
    font-weight: bold;
}
@media (max-width: 767px) {
    div.filter-buttons {
        float: none;
        margin-bottom: 10px;
    }

    div.filter-buttons > * {
        display: block;
        margin: 5px 0;
        width: 100%;
    }
}

/* TWO COLUMN LAYOUT */
.two-column-wrap {
    position: relative;
    font-size: 0;
    letter-spacing: 0;
    background: #fff;
    word-spacing: -1em;
}
.two-column-left-side {
    font-size: 16px;
    width: 30%;
    padding: 10px 0px;
    display: inline-block;
    vertical-align: top;
    float: left;
    background: #f2f2f2;
    word-spacing: normal;
    letter-spacing: normal;
}
.two-column-left-side:before {
    content: ' ';
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 30%;
    background: #f2f2f2;
}

.two-column-left-side-inner {
    position: relative;
}
.two-column-right-side {
    position: relative;
    vertical-align: top;
    font-size: 16px;
    display: inline-block;
    width: 70%;
    background: #ffffff;
    position: relative;
    text-align: left;
    word-spacing: normal;
    letter-spacing: normal;
}
@media (max-width: 767px) {
    .two-column-left-side {
        float: none;
        width: 100%;
    }

    .two-column-left-side:before {
        width: 0;
        background: transparent;
    }

    .two-column-right-side {
        width: 100%;
    }
}
/* END TWO COLUMN LAYOUT */

/* ONE COLUMN LAYOUT */

.one-column {
    font-size: 16px;
    background: #FFFFFF;
}
/* END OF ONE COLUMN */
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
/** contact page css **/
.one-column > .content > .contact_form {

}

.contact_form .button_wrap {
    margin-top: 25px;
    text-align: center;
}
/*.one-column > .content > .contact_form label{
    font-weight: normal;
    color: #666666;
}*/
/*
.one-column > .content > .contact_form input {
    width: 100%;
    padding: 10px;
    border: 2px solid #cccccc;
}
*/

/*
.input_error {
    border: 2px solid red !important;
}
*/

/*
.form_field {
    margin-bottom: 25px;
}
*/

/*
.one-column > .content > .contact_form input:focus {
    border: 2px solid #FF7514;
}
.one-column > .content > .contact_form textarea:focus {
    border: 2px solid #FF7514;
}
*/


/** contact form error **/

.contact_form_error {
    font-size: 12px;
    color: red;
}

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

/* send btn */

/*.one-column > .content > .contact_form button.send_btn {
    width: 240px;
    height: 60px;
    color: #FFFFFF;
    border: none;
    background-color: #FF7514;
}


.one-column > .content > .contact_form textarea {
    width: 100%;
    min-height: 175px;
    border: 2px solid #cccccc;
    resize: none;
}*/

.one-column > .content p.size-middle{
    font-size: 14px;
}
.one-column > .article-content {
    margin: 0 auto;
    padding: 40px;
    text-align: justify;
    /*font-size: 14px;*/
}
@media (max-width: 767px) {
    .one-column > .article-content {
        padding: 30px;
    }
}

.one-column > .cover {
    padding: 0px;
    margin: 0px;
}
.one-column > .cover img {
    padding: 0px;
    margin: 0px;
    width: 100%;
}
/** end of contact page css**/

.bg-white {
    background: #fff;
}

.title-bar-1.article-page {
    margin-top: 20px;
}

.two-column-right-side .article-image {
    width: 100%;
    /*height: 400px;*/
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-position: 50% 0;
    background-repeat: no-repeat;
    padding-bottom: 58%;
}

.two-column-wrap .article-content-wrap {
    padding: 20px;
}

.two-column-wrap .article-content-wrap .article-title {
    margin-bottom: 10px;
    line-height: 1.2em;
    font-size: 40px;
}
@media (max-width: 767px) {
  .two-column-wrap .article-content-wrap .article-title {
    font-size: 30px;
  }
}
.two-column-wrap .article-content-wrap .article-categorydate {
    font-style: italic;
    padding-bottom: 40px;
}

.two-column-wrap .article-content-wrap .article-lead {
    margin-bottom: 40px;
}

.two-column-wrap .article-social {
    background: #d9d9d9;
    padding: 30px 30px 10px 30px;
}

.two-column-wrap .article-social a {
    display: inline-block;
    margin-bottom: 20px;
    text-align: center;
}

.two-column-wrap .article-social a:last-child {
    margin-right: 0px;
}

.two-column-wrap .article-social i {
    color: #666666;
    font-size: 40px;
}

.two-column-wrap .article-related-warp {
    background: #e6e6e6;
    padding: 20px 10px;
}

.one-column h3.article-page, .two-column-wrap h3.article-page {
    background: #e6e6e6;
    margin: 0px;
    padding: 20px;
    text-align: center;
}
.social_gray {
    background-color: #D9D9D9;
}
span.social_message {
    margin-top: 30px;
    display: block;
    padding-left: 40px;
}
span.social_message h4 {
    font-weight: normal !important;
    font-size: 20px !important;
}

span.contact-title {
    display: block;margin-top: 50px;margin-bottom: 25px;
}

.two-column-wrap .article-comments .article-namedate {
    font-style: italic;
    color: #b6b6b6;
    margin: 30px 0 0 0;
}

.two-column-wrap .article-comments .article-comment-item {
    padding: 25px;
}

.two-column-wrap .article-comments .article-divider {
    background: #b6b6b6;
    height: 1px;
}
.two-column-wrap .article-comments .article-divider:last-child {
    display: none;
}

.two-column-wrap .article-comment-form {
    padding: 25px 25px 60px 25px;
}

.two-column-wrap .article-comment-form .button-orange {
    display: inline-block;
}

@media (max-width: 767px) {
    .recaptchatable #recaptcha_response_field {
        width: 100% !important;
    }
    .recaptchatable #recaptcha_logo {
        display: none;
    }

    .recaptcha_image_cell + td {
        width: 12%;
    }

    .recaptcha_image_cell + td + td {
        width: 0;
    }
}
/* FORM */
label {
    display: block;
    color: #b6b6b6;
    font-weight: normal;
}
textarea {
    width: 100%;
    min-height: 175px;
    padding: 10px;
    border: 2px solid #cccccc;
    resize: none;
    margin-bottom: 25px;
}
textarea.g-recaptcha-response {
	min-height: 0;
}
input[type="text"], input[type="password"] {
    width: 100%;
    margin-bottom: 25px;
    padding: 10px;
    border: 2px solid #cccccc;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
    border: 2px solid #FF7514;
}

.input.captcha, .form_field.captcha {
    margin-bottom: 30px;
}
.input.captcha table#recaptcha_table, .form_field.captcha table#recaptcha_table {
    margin: 0 auto !important;
}
@media (max-width: 767px) {
    .input.captcha table#recaptcha_table, .form_field.captcha table#recaptcha_table {
        table-layout: fixed;
        width: 100%;
    }

    .input.captcha table#recaptcha_table td.recaptcha_image_cell, .form_field.captcha table#recaptcha_table td.recaptcha_image_cell {
        width: 60%;
    }

    .input.captcha #recaptcha_image, .form_field.captcha #recaptcha_image {
        width: 100% !important;
    }

    .input.captcha #recaptcha_image img, .form_field.captcha #recaptcha_image img {
        width: 100%;
    }
}

a > i.fa-circle-o-notch, button > i.fa-circle-o-notch {
    width: 15px; height: 15px;
    font-size: 14px;
}

.button-orange {
    border: none;
    color: #fff;
    background: #ff7514;
    border: 1px solid transparent;
    font-weight: bold;
    padding: 15px 40px;
    cursor: pointer;
}
.button-orange:hover {
    color: #fff;
    background-color: #ea6100;
    border-color: #bc4e00;
}

.center-text {
    text-align: center;
}

.form-loader{
    background: url(../img/ajax-loader.gif) no-repeat 0 0 transparent;
    background-size: contain;
    display: inline-block;
    margin: 0 10px 0 0;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

input[class*="errorField"] {
    color: #ff3333;
    border: #ff3333 1px solid;
}
textarea[class*="errorField"] {
    color: #ff3333;
    border: #ff3333 1px solid;
}

.errorFieldStr {
    color: #ff3333;
}

/*
    NOTIFICATIONS
*/
#notificationContainer {
    z-index: 10100;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(51, 51, 51, 0.45);
    display: none;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
#notificationContainer > .notificationContent {
    position: fixed;
    left: 0; right: 0;
    top: 100px;
    margin: auto;
    text-align: center;
}
#notificationContainer > .notificationContent > .notificationHeader {
    line-height: 20px;
    text-align: right;
    padding-bottom: 10px;
}

.notification {
    font-weight: bold;
    padding: 20px 34px 20px 20px;
    position: relative;
    border-radius: 4px;
    background: #f9edbe;
    max-width: 480px;
    color: #666666;
    margin: auto;
    display: inline-block;
}

.notification-close {
    position: absolute;
    right: 8px;
    top: 5px;
    cursor: pointer;
}

.notification.success {
    background: #b0cb42;
    color: #ffffff;
}

.notification.error {
    background: #ff3333;
    color: #ffffff;
}
/*
    END NOTIFICATIONS
*/

/*
    EVENT ARTICLE MAP
*/

#article-event-map {
    /*width: 50%;*/
    height: 300px;
    /*display: table-cell;*/
    vertical-align: top;
}
#article-event-details {
    /*display: table-cell;*/
    vertical-align: top;
    /*padding-left: 20px;*/
    padding-top: 20px;
}
#article-event-details div {
    margin-bottom: 10px;
}
#article-event-details div:last-child {
    margin-bottom: 0px;
}
.article-event-wrap {
    margin-bottom: 20px;
}


/** NEWSLETTE CSS **/

.newsletter_box {
    margin-top: 16px;
    position: absolute;
    top: 15px;
    display: none;
    z-index: 999;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    outline: 1px solid rgba(0,0,0,.05);
    box-shadow: 0 2px 3px 1px rgba(0,0,0,.2);
}
.newsletter_box:after {
    content: "";
    position: absolute;
    left: 0; right: 0;
    top: -10px;
    margin: auto;
    width: 20px; height: 10px;
    background: url(../img/triacle_top.png) no-repeat;
    background-position: center top;
}
.newsletter_box > .newsltr_content{
    width: 220px;
    padding: 20px;
    background-color: #ff7514;
}
.newsletter_box .title {
    color: white;
    font-size: 16px;
    padding-bottom: 15px;
}

.newsletter_box button {
    color: #ffffff;
    background-color: #00aced;
    width: 100%;
    border: 1px solid transparent;
    line-height: 20px;
    height: 44px;
}
.newsletter_box button:hover {
    background-color: #0099d7;
    border: 1px solid #0087bd;
}


.newsletter_box .errorFieldStr {
    padding: 4px;
    font-size: 12px;
    color: #fff;
    background-color: #f33;
    border: 2px solid #ffcfae;
    border-bottom: 0;
}

.newsletter_box input {
    border: 0; 
}
.newsletter_box input:focus {
    border: 0;
    outline: 2px solid #ffcfae;
}
/** END OF NEWSLETTER CSS **/

/** dialog box design **/
.dialogMsg {
    min-width: 320px;
    max-width: 460px;
    padding: 20px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 10px 20px 0 rgba(0,0,0,.2);
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.2);
    outline: 1px solid rgba(0,0,0,.05);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
.dialogMsg .row {
	display: flex;
	margin: 0;
}
.dialogMsg .row .col:first-child {
	margin-right: 10px;
}
body.mediaquery-xs .dialogMsg, body.mediaquery-sm .dialogMsg{
    display: none !important;
}

@media (max-width: 767px) {
    .dialogMsg {
        /*left: 20px; right: 20px;*/
        /*width: auto; max-width: none; min-width: 0;*/
        display: none !important;
    }
}

.dialogMsg h2 { margin-top: 5px; }

a.dialogMsgBtn {
    color: white;
    background-color: #ff7514;
    display: inline-block;
    font-weight: bold;
    padding: 15px 40px;
	clear: both;
}

.dialogMsg .msgDialogClose-wrap {
    position: absolute;
    right: 16px; top: 12px;
}

.dialogMsg .msgDialogClose {
    font-size: 20px;
}

/* Search (David Kocsis) */
.search-submit { cursor: pointer; }

.search-bar {
    background: #FFF;
    min-height: 80px;
    padding: 25px 40px;
    margin-bottom: 20px;
}

.search-bar .search-wrap { position: relative; }

.search-bar .search-wrap input { margin-bottom: 0; }

.search-bar input::-moz-placeholder { font-style: italic; }
.search-bar input:-ms-input-placeholder { font-style: italic; }
.search-bar input::-webkit-input-placeholder { font-style: italic; }

.search-bar .search-wrap .fa-search {
    position: absolute;
    right: 0; top: 0;
    width: 34px; height: 34px;
    line-height: 34px;
    text-align: center;
}

/* CategoriesDropdown basic */
.filter-dropdown, .filter-dropdown .list-item ul, .list-item.sub-open > .item-inner-wrap > .dropdown-sub {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    outline: 1px solid rgba(0,0,0,.05);
    box-shadow: 0 2px 3px 1px rgba(0,0,0,.2);
}

/* Marketplace */
#marketplace-module .button-green, #cart-content, #cart-modal .button-green, #cart-modal .button-blue {
    display: inline-block;
    width: 200px;
    padding: 14px 0;
    text-align: center;
    font-weight: bold;
    color: #FFF;
    background-color: #61CD21;
    border: 1px solid transparent;
    cursor: pointer;
}

#cart-content {
    width: 100%;
    background-color: #00ABF0;
}
#cart-content:hover {
    background-color: #0099d7;
    border: 1px solid #0087bd;
}

#marketplace-module .button-green:hover {
    background-color: #57b71d;
    border: 1px solid #4ca11a;
}

#marketplace-module .tiles-list .tile{
    width: 50%;
}

#marketplace-module .tiles-list .description{
    padding: 20px;
}

#marketplace-module .tiles-list .description .title{
    font-size: 22px;
    line-height: 26px;
    color: inherit;

}

#marketplace-module .tiles-list .button-green{
    position: absolute;
    right: 15px;
    bottom: 10px;
}

#marketplace-module .tiles-list .tile,
#marketplace-module .tiles-list .description{
    background: #fff;
}

/*------------------------------ Product list ------------------------------*/
#marketplace-module.product-list .product-list-item {
    position: relative;
    padding: 15px;
    background-color: #FFF;
}

#marketplace-module.product-list .product-list-item img{
    position: absolute;
    padding: 5px;
    left: -15px; right: -15px;
    top: -15px; bottom: -15px;
    margin: auto;
    width: auto; height: auto;
    max-width: 100%; max-height: 100%;
}

#marketplace-module.product-list .product-list-item .overlay {
    position: absolute;
    left: 0; right: 0;
    top: 0; bottom: 0;
    background: #000;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5;
}


#marketplace-module.product-list .product-list-item .description {
    position: absolute;
    left: 15px; right: 15px;
    bottom: 15px;
}

#marketplace-module.product-list .product-list-item .title {
    line-height: 26px;
    font-size: 22px;
    color: #FFF;
}

#marketplace-module.product-list .product-list-item .button-green {
    margin-top: 10px;
    width: 100%;
}

#marketplace-module #categoriesDropdown {
    width: 200px;
    margin-bottom: 20px;
    padding: 20px 0;
}
@media (max-width: 767px) {
    #marketplace-module #categoriesDropdown {
        left: 5px; right: 5px;
        width: auto;
    }
}

#marketplace-module #categoriesDropdown > ul {
    margin-bottom: 0;
}

#marketplace-module #categoriesDropdown li {
    position: relative;
    padding: 0 20px;
}
@media (max-width: 767px) {
    #marketplace-module #categoriesDropdown li {
        margin: 0 20px;
        padding: 0;
    }
}

#marketplace-module #categoriesDropdown li .item-inner-wrap {
    position: relative;
}

#marketplace-module #categoriesDropdown li .dropdown-sub {
    position: absolute;
    right: 0; top: 0; bottom: 0;
    width: 20%;
    padding: 7px;
    font-size: 18px;
    background: #fafafa;
}
#marketplace-module #categoriesDropdown li .dropdown-sub i {
    position: absolute;
    left: 0; right: 0;
    top: 0; bottom: 0;
    width: 12px; height: 16px;
    margin: auto;
}

#marketplace-module #categoriesDropdown li .dropdown-sub:hover {
    color: #000;
    background: #e6e6e6;
}

#marketplace-module #categoriesDropdown li > ul {
    display: none;
    position: absolute;
    left: 200px; top: -20px;
    margin-bottom: 0;
    width: 200px;
    padding: 20px 0;
    background-color: #FFF;
}

#marketplace-module #categoriesDropdown li:hover > ul {
    display: block;
}

@media (max-width: 767px) {
    #marketplace-module #categoriesDropdown li > ul {
        display: none;
        position: static;
        margin-bottom: 20px;
        width: auto;
        padding: 20px 0;
    }

    #marketplace-module #categoriesDropdown li:hover > ul {
        display: none;
    }

    #marketplace-module #categoriesDropdown li.sub-open > ul {
        display: block;
    }

    #marketplace-module #categoriesDropdown li > ul > li a {
        font-size: 14px;
    }
}

/*------------------------------ Product ------------------------------*/
#marketplace-module.product .product-details {
    padding: 40px;
    background-color: #EFEFEF;
    text-rendering: optimizelegibility;
}

#marketplace-module.product .product-details-image {
    position: absolute;
    left: 40px; top: 40px;
    width: 200px; height: 200px;
    background-color: #FFF;
}
@media (max-width: 991px){
    #marketplace-module.product .product-details-image {
        position: relative;
        left: auto; top: auto;
        margin: auto; margin-bottom: 40px; 
    }
}

#marketplace-module.product .product-details-image img{
    position: absolute;
    left: 0; top: 0; right: 0; bottom: 0;
    margin: auto;
    width: auto; height: auto; max-width: 200px; max-height: 200px;
}

#marketplace-module.product .product-details-wrap {
    position: relative;
    margin-left: 220px;
    min-height: 200px;
    padding-bottom: 10px;
}
@media (max-width: 991px){
    #marketplace-module.product .product-details-wrap {
        margin-left: 0; 
    }
}
@media (max-width: 767px){
    #marketplace-module.product .product-details-wrap {
        padding-bottom: 0; 
    }
}

#marketplace-module.product .product-details-name {
    width: 240px;
    font-size: 28px;
    line-height: 30px;
}
@media (max-width: 767px){
    #marketplace-module.product .product-details-name {
        width: 100%;
    }
}

#marketplace-module.product .product-details-category {
    margin-top: 10px; margin-bottom: 10px;
    font-size: 16px;
    font-style: italic;
}

@media (max-width: 767px) {
    #marketplace-module.product .product-details-category { margin-bottom: 20px; }
}

#marketplace-module.product .product-details-price {
    position: absolute;
    right: 0; top: -5px;
    font-size: 28px;
    font-weight: bold;
}
@media (max-width: 767px) {
    #marketplace-module.product .product-details-price {
        position: static;
        margin-bottom: 20px;
    }
}

@media (max-width: 991px) {
    #marketplace-module .button-green.addProduct { width: 143px; }
}

#marketplace-module .product-options {
    margin-bottom: 10px;
}

#marketplace-module .product-quantity { display: inline-block; }

@media (max-width: 767px) {
    #marketplace-module .product-quantity { margin-bottom: 10px; }
}

#marketplace-module.product .product-slider {
    margin-top: 40px;
    letter-spacing: 20px;
}

#marketplace-module.product .product-slider-image {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
    width: 80px; height: 80px;
    background-color: #FFF;
    border: 10px solid #DADADA; 
}

#marketplace-module.product .product-cart {
    position: relative;
    right: 0; top: 0;
}

@media (max-width: 767px) {
    #marketplace-module.product .product-cart {
        position: relative;
        right: auto; bottom: auto;
        text-align: center;
    }
}

#marketplace-module.product .product-cart-text {
    display: inline-block;
    vertical-align: middle;
    width: 65px;
}

#marketplace-module.product .product-cart .button-green {
    display: inline-block;
    vertical-align: middle;
}

#marketplace-module.product .product-cart-select {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}

@media (max-width: 767px) {
    #marketplace-module.product .product-cart-select { margin: 0 0 0 10px; }
}

#marketplace-module.product .product-cart-select button {
    height: 50px;
    border: 2px solid #CDCDCD;
}

#marketplace-module.product .product-description {
    padding: 40px;
}

/*------------------------------ Cart ------------------------------*/
#marketplace-module.cart .cart-wrap {
    padding: 40px;
    background-color: #FFF;
}

#marketplace-module.cart .cart-item-header {
    padding: 10px 40px 10px 10px;
    font-weight: bold;
    background-color: #DDD;
}
#marketplace-module.cart .cart-item-header > div {
    display: inline-block;
    text-align: center;
}
#marketplace-module.cart .cart-item-header .cart-item-header-name {
    width: 514px;
    padding-left: 80px;
}
#marketplace-module.cart .cart-item-header .cart-item-header-quantity {
    width: 160px;
}
#marketplace-module.cart .cart-item-header .cart-item-header-price {
    width: 110px;
}
@media (max-width: 991px){
    #marketplace-module.cart .cart-item-header .cart-item-header-name { width: 302px; }
    #marketplace-module.cart .cart-item-header .cart-item-header-quantity { width: 160px; }
    #marketplace-module.cart .cart-item-header .cart-item-header-price { width: 110px; }
}

#marketplace-module.cart .cart-item {
    position: relative;
    height: 100px;
    padding: 10px 40px 10px 10px;
    font-size: 18px;
    background-color: #F2F2F2;
}
@media (max-width: 767px){
    #marketplace-module.cart .cart-item { height: auto; }
}

#marketplace-module.cart .cart-item:nth-child(even) {
    background-color: #E6E6E6;
}

#marketplace-module.cart .cart-item > div {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
}
@media (max-width: 767px){
    #marketplace-module.cart .cart-item > div { display: block; }
}

#marketplace-module.cart .cart-item > a {
    position: absolute;
    top: 0; bottom: 0; right: 20px;
    margin: auto;
    height: 18px;
}
@media (max-width: 767px){
    #marketplace-module.cart .cart-item > a { top: 20px; bottom: auto; }
}


#marketplace-module.cart .cart-item-image {
    position: relative;
    width: 80px; height: 80px;
    padding: 0;
}
@media (max-width: 767px){
    #marketplace-module.cart .cart-item-image { margin: 5px auto; }
}

#marketplace-module.cart .cart-item-image img {
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    margin: auto;
    width: auto; height: auto;
    max-width: 80px; max-height: 80px;
}

#marketplace-module.cart .cart-item-name {
    width: 430px;
}
@media (max-width: 992px){
    #marketplace-module.cart .cart-item-name { width: 216px; }
}
@media (max-width: 767px){
    #marketplace-module.cart .cart-item-name {
        margin-top: 16px;
        width: auto;
    }
}

#marketplace-module.cart .cart-item-quantity {
    width: 160px;
}
@media (max-width: 767px){
    #marketplace-module.cart .cart-item-quantity { margin: 16px 0; }
}

#marketplace-module.cart .cart-item-quantity span.text {
    font-size: 14px;
    color: #676767;
}

#marketplace-module.cart .cart-item-select { margin-left: 10px; }

#marketplace-module.cart .cart-item-quantity button {
    border: 2px solid #CCC;
}

#marketplace-module.cart .cart-item-price {
    width: 110px;
    font-weight: bold;
}

#marketplace-module.cart .cart-item-remove {
    color: #A8A8A8;
}

#marketplace-module.cart .cart-item-remove:hover {
    color: #343434;
}

#marketplace-module.cart .cart-wrap .proceed-checkout {
    float: right;
    margin-top: 20px;
}

#cart-modal .item-list {
    margin: 0 0 40px 0;
}

#cart-modal .cart-item-header {
    padding: 10px 40px 10px 10px;
    font-weight: bold;
    background-color: #DDD;
}
#cart-modal .cart-item-header > div {
    display: inline-block;
    text-align: center;
}
#cart-modal .cart-item-header .cart-item-header-name {
    width: 339px;
    padding-left: 80px;
}
#cart-modal .cart-item-header .cart-item-header-quantity {
    width: 32px;
}
#cart-modal .cart-item-header .cart-item-header-price {
    width: 110px;
}

#cart-modal .cart-item {
    position: relative;
    height: 100px;
    padding: 10px 40px 10px 10px;
    font-size: 18px;
    background-color: #F2F2F2;
}
@media (max-width: 767px){
    #cart-modal .cart-item { height: auto; }
}

#cart-modal .cart-item:nth-child(even) {
    background-color: #E6E6E6;
}

#cart-modal .cart-item > div {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
}

@media (max-width: 767px){
    #cart-modal .cart-item > div { margin: 5px auto; }
}

@media (min-width: 768px){
    #cart-modal .cart-item > .cart-item-quantity {
        padding: 0;
        text-align: center;
    }

    #cart-modal .cart-item > .cart-item-price {
        padding: 0;
        text-align: center;
    }
}

#cart-modal .cart-item > a {
    position: absolute;
    top: 0; bottom: 0; right: 20px;
    margin: auto;
    height: 18px;
}
@media (max-width: 767px){
    #cart-modal .cart-item > a { top: 20px; bottom: auto; }
}

#cart-modal .cart-item .cart-item-image {
    position: relative;
    margin: 0;
    width: 80px; height: 80px;
    padding: 0;
}
@media (max-width: 767px){
    #cart-modal .cart-item .cart-item-image { margin: 5px auto; }
}

#cart-modal .cart-item-image img {
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    margin: auto;
    width: auto; height: auto;
    max-width: 80px; max-height: 80px;
}

#cart-modal .cart-item-name {
    width: 264px;
    max-height: 80px;
    overflow: hidden;
}

#cart-modal .cart-item-quantity {
    width: 32px;
}
@media (max-width: 767px){
    #cart-modal .cart-item-quantity {
        width: 160px;
    }
}

#cart-modal .cart-item-quantity span.text {
    font-size: 14px;
    color: #676767;
}

#cart-modal .cart-item-select { margin-left: 10px; }

#cart-modal .cart-item-quantity button {
    border: 2px solid #CCC;
}

#cart-modal .cart-item-price {
    width: 110px;
    font-weight: bold;
}

#cart-modal .cart-item-remove {
    color: #A8A8A8;
}
@media (max-width: 767px){
    #cart-modal .cart-item-name { width: 216px; }
}



#cart-modal .cart-item-remove:hover {
    color: #343434;
}

#cart-modal .button-green {
    width: 100%;
}
#cart-modal .button-green:hover {
    background-color: #57b71d;
    border: 1px solid #4ca11a;
}

#cart-modal .button-blue {
    width: 100%;
    background-color: #00ABF0;
}
#cart-modal .button-blue:hover {
    background-color: #0099d7;
    border: 1px solid #0087bd;
}


/* Guest bloggers */
#guest-bloggers .profile-box {
    position: relative;
    margin-bottom: 20px;
    padding: 20px;
    background: #FFF;
}

#guest-bloggers .profile-box .image {
    float: left;
    width: 200px;

}
@media (max-width: 767px) {
    #guest-bloggers .profile-box .image {
        float: none;
        margin: auto;
    }
}

#guest-bloggers .profile-box .image img {
    width: 100%;
    background-color: rgba(0,0,0,.2);
}

#guest-bloggers .profile-box .name {
    font-size: 24px;
}

#guest-bloggers .profile-box .title {
    font-size: 12px;
}

#guest-bloggers .profile-box .texts-container, #guest-bloggers .profile-box .button-container {
    display: block;
    overflow: hidden;
    padding-left: 20px;
}
#guest-bloggers .profile-box .button-container { text-align: right; }
@media (max-width: 767px) {
    #guest-bloggers .profile-box .texts-container, #guest-bloggers .profile-box .button-container {
        overflow: visible;
        margin-top: 20px;
        padding: 0;
    }
}

#guest-bloggers .profile-box .biography {
    position: absolute;
    right: 20px; bottom: 20px;
    padding: 14px;
    text-align: center;
    font-weight: bold;
    color: #FFF;
    background-color: #61CD21;
    border: 0;
    cursor: pointer;
}
@media (max-width: 767px) {
    #guest-bloggers .profile-box .biography {
        position: static;
    }
}


#guest-bloggers .filter-bar {
    position: relative;
}

#guest-bloggers #showCategories {
    float: right;
    text-align: right;
}

#guest-bloggers #categoriesDropdown {
    right: 30px;
}
@media (max-width: 767px){
    #showCategories.blog-dropdown {
        margin-top: 20px;
    }
}

#guest-bloggers #categoriesDropdown:after {
    left: auto; right: 70px;
}

/* Ajax faders */
.ajax-fader {
    display: none;
    position: absolute;
    left: 0; right: 0; top: 0; bottom: 0;
    margin: auto;
    background-color: rgba(255,255,255,.75);
}

.ajax-fader i {
    position: absolute;
    left: 0; right: 0;
    top: 0; bottom: 0;
    margin: auto;
    width: 33px; height: 32px;
    font-size: 32px;
}

/* Override bootstrap */
.navbar-collapse {
    max-height: none;
}
.modal-open {
    overflow: hidden;
}

.modal {
    overflow: hidden;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.modal-backdrop {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.modal-header .close {
    width: 30px; height: 30px;
}

.modal-header .close span {
    display: inline-block;
}

@media (max-width: 767px){
    .modal-header .close {
        font-size: 30px;
    }
}

/* Media query div */
#mediaquery-references {
    position: absolute;
    left: -1000px; top: -1000px;
    width: 1px; height: 0;
}

/* Recaptcha iframe fix */
iframe[src="about:blank"] {
    display: none;
}
.cart-total {
    position: absolute;
    bottom: 0;
    text-align: right;
    width: 100%;
    padding-right: 40px;
}
.cart-total-checkout {
    padding-top: 15px;
    text-align: right;
    width: 100%;
    padding-right: 40px;
}

/* no tiems css */
.no-items-text
{
    padding-top: 80px; padding-bottom: 80px;
}

.youtube-video-container {
    width: 100%; height: 0;
    padding-bottom: 60%;
    position: relative;
}

.youtube-video-container iframe {
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 100%;
}

.ask-deepak-blue-button {
    background: #00ABF0;
    position: absolute;
    top: 20px;
    right: 25px;
    border-color: #00ABF0;
}
.ask-deepak-blue-button:hover, .ask-deepak-blue-button:active, .ask-deepak-blue-button:focus {
    background: #0099d7;
    border-color: #0099d7;
}

@media (max-width: 767px){
    .ask-deepak-blue-button {
        position: relative;
        top: 5px;
        z-index: 1;
        right: 0;
    }
}

#ask-cap #recaptcha_table {
    margin: 0 auto !important;
}

@media (min-width:768px) and (max-width: 991px)
{
    .tile-item {
        height: 169px !important;
    }
}

.fluid-tile-img {
    display: none !important;
}
.static-tile-img {
    display: inline-block !important;
}

@media (max-width: 767px)
{
    .static-tile-img {
        display:none !important;
    }
    .fluid-tile-img {
        display: inline-block !important;
        min-width: 940px !important;
        max-width: 940px !important;
    }
}


/**
 * Content banners
 */

.st1-sticky-banner { width: 100%; }
.st1-sticky-banner-link {
    display: block;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

.st1-sticky-banner-image-fixed {
    position: fixed;
    top: 0;
    display: none;
    background-size: cover;
    z-index: 100;
}
.st1-sticky-banner-image {
    width: 100%;
    max-width: 100%;
    position: relative;
}

.profile-picture-header {
    width: 34px;
    height: 34px;
    border: #ff7514 2px solid;
    border-radius: 17px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    margin-left: 5px;
    background-size: cover !important;
    display: block;
    float: left;
    background-position: center center !important;
}

.profile-name-header {
    padding: 8px;
    display: block;
    float: left;
}

.modal {
    text-align: center;
}

/*@media screen and (min-width: 768px) {*/
    /*.modal:before {*/
        /*display: inline-block;*/
        /*vertical-align: middle;*/
        /*content: " ";*/
        /*height: 100%;*/
    /*}*/
/*}*/

.modal-dialog.modal-dialog-profile {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.modal-dialog.modal-dialog-profile {
    width: 450px;
}

@media (max-width: 449px) {
    .modal-dialog.modal-dialog-profile {
        width: 90%;
    }
}

.modal-dialog.modal-dialog-profile .modal-content {
    padding: 30px 50px;
}
.modal-dialog.modal-dialog-profile .modal-content h1 {
    color: #ff7514;
    margin-bottom: 40px;
}

.modal-dialog.modal-dialog-profile .social-button,
.members-only-reglogin .social-button {
    border-radius: 8px;
    display: block !important;
    text-transform: none !important;
    padding: 10px;
    margin-right: auto !important;
    margin-left: auto !important;
    margin-top: 15px;
    color: #fff;
    width: 90%;
    text-align: center;
}
.one-column.members-only-reglogin { padding-bottom: 30px; }
.members-only-reglogin .social-button { width: 50%; }
.members-only-info {
    padding-top: 10px;
    padding-bottom: 30px;
}

.modal-dialog.modal-dialog-profile .social-button.chopra-account,
.members-only-reglogin .social-button.chopra-account { background-color: #469fce; }
.members-only-reglogin .social-button.chopra-account { margin-top: 0px; }

.modal-dialog.modal-dialog-profile .social-button.facebook,
.members-only-reglogin .social-button.facebook { background-color: #3b5998; }

.modal-dialog.modal-dialog-profile .social-button.google,
.members-only-reglogin .social-button.google { background-color: #d62d20; }

.members-only-reglogin .social-button i.fa {
    font-size:24px;
}

.modal-close {
    position: absolute;
    right: -20px;
    top: 0px;
}

.chopra-account-logo {
    width: 20px;
}

.profile-dropdown {
    display: none;
    position: absolute;
    right: 0px;
    margin-top: 10px;
    z-index: 10;
    background: #fff;
    padding: 10px 20px;
    list-style-type: none;
    text-align: left;
    border: #ccc 2px solid;
}

.profile-dropdown li a {
    display: block !important;
    margin-right: 0px !important;
    padding: 8px 0px;
}

.page-title {
    padding-top: 12px;
    padding-bottom: 10px;
}

.profile-tab-links {
    list-style-type: none;
    padding: 0;
}

.profile-tab-links > li {
    display: inline-block;
    margin: 10px 0;
}

.profile-tab-links > li.divider {
    margin-left: 30px;
    margin-right: 30px;
    background: #b7b7b7;
    width: 2px;
}

.profile-tab-links > li > a {
    padding: 10px;
    padding-left: 0px;
    display: block;
    color: #b7b7b7;
    font-weight: bold;
}

.profile-tab-links > li > a.active,
.profile-tab-links > li > a:hover {
    color: #ff7514;
}

.page-sub-title {
    margin: 20px 0;
    font-size: 20px;
    text-transform: uppercase;
    color: #454545;
    border-bottom: #454545 1px solid;
}

.sc-email-list-item {
    background: #f2f2f2;
    margin-bottom: 20px;
}

.chopra-table {
    table-layout: fixed;
    width: 100%;
}

table.chopra-table tbody tr {
    border-bottom: #e4e4e4 1px solid;
}

table.chopra-table tbody tr td {
    padding: 15px;
    text-align: left;
}
td.sc-email-list-item-image {
    width: 160px;
}
td.sc-email-list-item-content {
    vertical-align: top;
}
.sc-email-list-item-image-img {
    width: 148px;
}
.email-pref-button-wrap {
    text-align: center;
    float: left;
    width: 240px;
    margin-right: 10px;
    margin-top: 45px;
}
.email-pref-text {
    float: left;
    width: 380px;
}

.sc-email-list-item-title {
    color: #ff7514;
    font-size: 22px;
    margin-bottom: 10px;
}

.button2 {
    display: inline-block;
    background: #ff7514;
    -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2), inset 0 -1px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2), inset 0 -1px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 4px rgba(0,0,0,0.2), inset 0 -1px 1px rgba(0,0,0,0.3);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.33);
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    padding: 11px 20px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    cursor: pointer;
}

.subscribe-unsubscribe-list.button2 {
    width: 165px;
    text-align: center;
    color: #ffffff !important;
    margin-top: 10px;
}

.subscribe-unsubscribe-list.button2.active {
    width: 148px;
    height: 48px;
    box-shadow: none;
    background: url('../img/unsub.png');
}

.form-loader.email-list-page {
    display: none;
}

.tile-slide.odd {
    background: #fff;
}

@media (min-width: 678px) and (max-width: 991px) {
    .navbar-default .navbar-nav > li > a {
        padding-left: 10px;
        padding-right: 10px;
    }

}

.toggled-header-menu {
    border-bottom: #e1e1e1 1px solid;
    padding-bottom: 10px;
}

#newsltr_form .radio label {
    color: #fff;
}
