.headerButtons ul li, footer li {
    list-style: none
}

.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent
}

@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v8/qhFtudkoEdJV__ba4WegbA.ttf) format('truetype')
}

@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 700;
    src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://fonts.gstatic.com/s/ptsans/v8/hpORcvLZtemlH8gI-1S-7i3USBnSvpkopQaUR-2r7iU.ttf) format('truetype')
}

@font-face {
    font-family: 'PT Sans';
    font-style: italic;
    font-weight: 400;
    src: local('PT Sans Italic'), local('PTSans-Italic'), url(https://fonts.gstatic.com/s/ptsans/v8/DVKQJxMmC9WF_oplMzlQqaCWcynf_cDxXwCLxiixG1c.ttf) format('truetype')
}

@font-face {
    font-family: 'PT Sans';
    font-style: italic;
    font-weight: 700;
    src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url(https://fonts.gstatic.com/s/ptsans/v8/lILlYDvubYemzYzN7GbLkNqQynqKV_9Plp7mupa0S4g.ttf) format('truetype')
}

@font-face {
    font-family: Oswald;
    font-style: normal;
    font-weight: 400;
    src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v10/AWM5wXtMJeRP-AcRTgT4qQ.ttf) format('truetype')
}

footer {
    background: #ebebeb;
    color: #FFF;
    margin-top: 40px;
    padding-top: 15px;
    float: left;
    width: 100%;

}

footer .cols {
    position: relative;
    min-height: 1px;
    padding-left: 7.5px;
    padding-right: 7.5px
}

@media (min-width: 768px) {
    footer .cols {
        float: left;
        width: 16.66666667%
    }
}

@media (max-width: 767px) {
    footer .cols:first-child, footer .cols:not(:nth-child(2)) {
        float: left;
        position: relative;
        min-height: 1px;
        padding-left: 7.5px;
        padding-right: 7.5px
    }

    footer .cols:nth-child(5), footer .cols:nth-child(5):after {
        clear: both
    }

    footer .cols:first-child {
        width: 100%
    }

    footer .cols:not(:nth-child(2)) {
        width: 50%
    }

    footer .cols:nth-child(5):after, footer .cols:nth-child(5):before {
        content: " ";
        display: table
    }
}

@media (max-width: 767px) and (min-width: 768px) {
    footer .cols:not(:nth-child(2)) {
        float: left;
        width: 50%
    }
}

@media (max-width: 991px) {
    footer .cols ul {
        padding-left: 0
    }

    footer .cols:nth-child(2) {
        padding-bottom: 20px
    }

    footer .cols:nth-child(4), footer .cols:nth-child(6) {
        text-align: right
    }
}

footer .logo img {
    display: block;
    max-width: 100%;
    height: auto;
    width: 80%;
    margin: auto
}

footer li:nth-child(1) span:first-child, footer li:nth-child(2) span:first-child, footer li:nth-child(3) span:first-child {
    width: 15px;
    height: 15px;
    padding: 0;
    border-radius: 0;
    margin-right: 5px;
    float: left
}

footer h3 {
    font-size: 15px;
    color: #fff;
    font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}

footer a, footer li {
    font-size: 12px;
    color: #000;
    font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}

footer li:nth-child(1) span:first-child {
    background: url(../img/footer_icon.png)
}

footer li:nth-child(2) span:first-child {
    background: url(../img/footer_icon.png) 0 -49px
}

footer li:nth-child(3) span:first-child {
    background: url(../img/footer_icon.png) 0 -34px
}

footer li:nth-child(3) span:nth-child(2) {
    float: left;
    width: 85%
}

footer .copyrights, footer .keywords, footer .keywords div {
    width: 100%;
    position: relative;
    min-height: 1px;
    float: left
}

footer .keywords {
    background: #8ca2b3;
    font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 10px 7.5px
}

footer .keywords div {
    padding-left: 7.5px;
    padding-right: 7.5px
}

footer .keywords div a {
    color: #FFF;
    font-size: 14px
}

footer .copyrights {
    background: #000;
    color: #ccc6c6;
    font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 10px 7.5px
}

footer .copyrights div {
    position: relative;
    min-height: 1px;
    padding-left: 7.5px;
    padding-right: 7.5px;
    text-align: center
}

@media (min-width: 768px) {
    footer .copyrights div {
        float: left;
        width: 33.33333333%
    }
}

footer .copyrights div ul {
    padding: 0
}

.formContainer .form-group, .formContainer .form-group.full, .formContainer .form-group.half {
    position: relative;
    min-height: 1px;
    padding-left: 7.5px;
    padding-right: 7.5px
}

@media (min-width: 480px) {
    footer .copyrights div:nth-child(2) {
        text-align: center
    }

    footer .copyrights div:nth-child(3) {
        text-align: right
    }
}

footer .copyrights div a {
    color: #ccc6c6
}

.formContainer .form-group {
    margin-bottom: 20px;
    margin-top: 20px
}

.formContainer .form-group input {
    border: 0;
    background-image: linear-gradient(#009688, #009688), linear-gradient(#d2d2d2, #d2d2d2);
    background-size: 0 2px, 100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom, center calc(99%);
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 17px
}

.formContainer .form-group input::-moz-placeholder {
    color: #cfd0d1;
    opacity: 1
}

.formContainer .form-group input:-ms-input-placeholder {
    color: #cfd0d1
}

.formContainer .form-group input::-webkit-input-placeholder {
    color: #cfd0d1
}

.formContainer .form-group span.inputicon {
    position: absolute;
    right: 20px;
    top: 10px
}

.brandContainer, .formContainer .form-group.radioBox label.titleLabel, .navbar {
    position: relative;
    min-height: 1px;
    padding-left: 7.5px;
    padding-right: 7.5px
}

.moreOffersList .itemCard .btn-container, .nav_gallery .prev {
    right: 0
}

.formContainer .form-group.radioBox label.titleLabel {
    color: #cfd0d1
}

@media (min-width: 1200px) {
    .formContainer .form-group {
        float: left;
        width: 83.33333333%
    }

    .formContainer .form-group.half {
        float: left;
        width: 41.66666667%
    }

    .formContainer .form-group.full {
        float: left;
        width: 83.33333333%
    }

    .formContainer .form-group.radioBox label.titleLabel {
        float: left;
        width: 50%
    }
}

.brandContainer {
    float: left;
    width: 25%
}

.brandContainer .navbar-brand {
    height: inherit
}

.navbar {
    float: left;
    width: 100%
}

@media (max-width: 768px) {
    .affix {
        position: relative !important
    }
}

.headerInfo, .headerInfo .headerTitle {
    position: relative;
    min-height: 1px;
    float: left
}

.headerInfo {
    background: #202121;
    color: #FFF;
    padding: 5px 7.5px;
    font-family: arial;
    font-size: 12px;
    width: 100%
}

.breadcrumb, .nav.navbar-nav li, .price .euro {
    font-family: "PT Sans:700", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.headerInfo .headerTitle {
    width: 27.5%;
    padding-left: 7.5px;
    padding-right: 7.5px
}

.headerInfo .headerTitle p {
    padding: 0;
    margin-bottom: 0;
    margin-right: 30px;
    float: left;
    margin-top: 3px
}

.headerInfo #ticker, .headerInfo .socialIcons, .navbar-brand {
    position: relative;
    min-height: 1px;
    padding-left: 7.5px;
    padding-right: 7.5px
}

.headerInfo .headerTitle p:nth-child(2) {
    margin-right: 10px
}

@media (max-width: 767px) {
    .headerInfo .headerTitle p {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px;
        padding-left: 7.5px;
        padding-right: 7.5px
    }
}

.headerInfo #ticker {
    margin-top: 3px;
    float: left;
    width: 47.5%
}

.headerInfo #ticker a {
    color: #cdcdcd
}

.headerInfo #ticker a:hover {
    color: #FFF
}

.headerInfo .socialIcons {
    margin-bottom: 0;
    list-style: none;
    background: 0 0;
    border: 0;
    border-radius: 0;
    width: 25%;
    float: right
}

.headerInfo .socialIcons li:before {
    display: none
}

.headerInfo .socialIcons li {
    float: right
}

.headerInfo .socialIcons li a {
    width: 25px;
    height: 20px;
    display: block;
    margin-left: 3px
}

.headerInfo .socialIcons li a:hover {
    opacity: .8
}

.headerButtons ul li:nth-child(1) div a.foto_gallery:hover, .headerButtons ul li:nth-child(1) div a.gallery:hover, .headerButtons ul li:nth-child(1) div a.video_gallery:hover {
    opacity: .7
}

.headerInfo .socialIcons li .fb {
    background: url(../img/social_icon_flat.jpg) 0 -5px
}

.headerInfo .socialIcons li .tw {
    background: url(../img/social_icon_flat.jpg) -42px -5px
}

.headerInfo .socialIcons li .p {
    background: url(../img/social_icon_flat.jpg) -84px -5px
}

.headerInfo .socialIcons li .l {
    background: url(../img/social_icon_flat.jpg) -123px -5px
}

.headerInfo .socialIcons li .f {
    background: url(../img/social_icon_flat.jpg) -161px -5px
}

.navbar-brand {
    margin-top: 8px;
    height: initial;
    float: left;
    width: 21.66666667%
}

@media (max-width: 767px) {
    .navbar-brand {
        position: relative;
        float: left;
        width: 41.66666667%;
        min-height: 1px;
        padding: 0
    }

    .navbar-brand img {
        width: 100%
    }
}

.affix {
    top: 0;
    position: fixed;
    z-index: 1000
}

.headerButtons ul, .navbar-header {
    position: relative;
    min-height: 1px;
    padding-left: 7.5px;
    padding-right: 7.5px
}

.navbar-header {
    width: 25%;
    float: right
}

.navbar-header .icon-bar {
    background: #000
}

.headerButtons {
    margin-top: 27px
}

.headerButtons ul {
    float: left;
    width: 100%
}

.headerButtons ul li:nth-child(1) div a.foto_gallery, .headerButtons ul li:nth-child(1) div a.gallery, .headerButtons ul li:nth-child(1) div a.video_gallery, .headerButtons ul li:nth-child(2) {
    width: 40px;
    padding: 7px;
    border-radius: 20px;
    display: block;
    overflow: hidden
}

.headerButtons ul li:nth-child(1) {
    float: right
}

.headerButtons ul li:nth-child(1) div {
    width: 40px;
    height: 40px;
    position: absolute;
    float: right;
    margin: 2px;
    display: block;
    z-index: 10;
    overflow: hidden;
    border-radius: 20px;
    background: #2c8bcb
}


.headerButtons ul li:nth-child(1) div a.gallery {
    background: url(../img/gallery_icon.png) -2px -3px;
    height: 40px
}


.headerButtons ul li:nth-child(2) {
    position: relative;
    background: #68bee5;
    height: 40px;
    float: right;
    margin: 2px
}

@keyframes searchwidth {
animation-fill-mode: forwards;
from

{
    width: 40px
}
to {
    width: 200px
}

}
@keyframes inputwidth {
animation-fill-mode: forwards;
from

{
    width: 0;
    opacity: 0
}
to {
    width: 150px;
    opacity: 1
}

}
.headerButtons ul li:nth-child(2) input {
    width: 0;
    background: 0 0;
    border: none;
    border-bottom: 1px solid #fff;
    position: absolute;
    left: 15px;
    display: none
}

.headerBanner, .nav.navbar-nav {
    position: relative;
    min-height: 1px
}

.headerButtons ul li:nth-child(2) img {
    float: right
}

.headerButtons ul li:nth-child(2):hover {
    animation: searchwidth .2s ease-in-out forwards
}

.headerButtons ul li:nth-child(2):hover input {
    display: block;
    animation: inputwidth .4s ease-in-out forwards
}

.headerButtons ul li:nth-child(2) a:hover {
    background: rgba(104, 190, 229, .7)
}

@media (max-width: 1199px) {
    .headerButtons {
        margin-top: 5px
    }
}

@media (max-width: 991px) {
    .headerButtons {
        padding-right: 20px
    }
}

.headerBanner {
    width: 100%;
    padding-left: 7.5px;
    padding-right: 7.5px;
    float: right !important;
    margin-bottom: 16px;
    margin-top: 15px;
    height: 66px
}

@media (min-width: 768px) {
    .headerBanner {
        float: left;
        width: 100%
    }
}

@media (min-width: 992px) {
    .headerBanner {
        float: left;
        width: 50%
    }
}

.navbar-collapse.in {
    overflow: initial !important
}

.nav.navbar-nav {
    float: left;
    padding: 0;
    width: 100%;
    background: #efefef;
    box-shadow: inset 0 -3px 1px #bfbfbf
}

.nav.navbar-nav li:hover, .nav.navbar-nav li > a:hover {
    background: #68bee5;
    color: #FFF
}

@media (min-width: 767px) {
    .nav.navbar-nav.affix {
        position: fixed !important
    }
}

.nav.navbar-nav li {
    text-align: center;
    border-bottom: 3px solid #68bee5
}

.nav.navbar-nav li > a {
    font-size: 16px;
    font-weight: 500;
    color: #2b2b2b;
    box-shadow: inset 1px 1px 1px #d7d4d4;
    text-transform: capitalize
}

@media (max-width: 991px) {

    .nav.navbar-nav li {
        width: 100% !important;
        text-align: left
    }

    .menu-large {
        display: none
    }
}

.nav.navbar-nav li:nth-child(1) {
    width: 4%;
    background: #68bee5;
    border-bottom: none
}

.nav.navbar-nav li:nth-child(1) span {
    color: #FFF;
    font-size: 20px;
    left: -2px
}

.nav.navbar-nav li:nth-child(1):hover {
    box-shadow: inset 1px -3px 1px #bfbfbf
}

.nav.navbar-nav li:nth-child(1):hover span {
    color: #000
}

.nav.navbar-nav li:nth-child(2) {
    border-bottom: 3px solid #448ccb
}

.nav.navbar-nav li:nth-child(2) > a:hover {
    background: #448ccb
}

.nav.navbar-nav li:nth-child(3) {
    border-bottom: 3px solid #f9ad81
}

.nav.navbar-nav li:nth-child(3) > a:hover {
    background: #f9ad81
}

.nav.navbar-nav li:nth-child(4) {
    border-bottom: 3px solid #f69679
}

.nav.navbar-nav li:nth-child(4) > a:hover {
    background: #f69679
}

.nav.navbar-nav li:nth-child(5) {
    border-bottom: 3px solid #f26c4f
}

.nav.navbar-nav li:nth-child(5) > a:hover {
    background: #f26c4f
}

.nav.navbar-nav li:nth-child(6) {
    border-bottom: 3px solid #39b54a
}

.nav.navbar-nav li:nth-child(6) > a:hover {
    background: #39b54a
}

.nav.navbar-nav li:nth-child(7) {
    border-bottom: 3px solid #a864a8
}

.nav.navbar-nav li:nth-child(7) > a:hover {
    background: #a864a8
}

.nav.navbar-nav li:nth-child(8) {
    border-bottom: 3px solid #bd8cbf
}

.nav.navbar-nav li:nth-child(8) > a:active, .nav.navbar-nav li:nth-child(8) > a:focus, .nav.navbar-nav li:nth-child(8) > a:hover {
    background: #bd8cbf
}

.nav.navbar-nav li:nth-child(9) {
    border-bottom: 3px solid #448ccb
}

.nav.navbar-nav li:nth-child(9) > a:hover {
    background: #448ccb
}

.nav.navbar-nav li:last-child {
    border-right: 1px solid #d7d4d4
}

.navbar-default .navbar-brand {
    color: #fff
}

.menu-large {
    position: static !important
}

.breadcrumb, .breadcrumb_container {
    position: relative;
    min-height: 1px;
    padding-left: 7.5px;
    padding-right: 7.5px;
    float: left;
    /* width: 100% */
}

@media (max-width: 991px) {
    .megamenu {
        display: none
    }
}

.breadcrumb {
    background: #d6dbde;
    border-color: #8ca2b3;
    /*border-top: 1px solid;
    border-bottom: 1px solid;
    border-radius: 0 */
}

.breadcrumb.tags {
    background: #d1e6f8;
    border-color: #87afd0;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-radius: 0;
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 7.5px;
    padding-right: 7.5px
}

.breadcrumb.info, .breadcrumb.social {
    background: 0 0;
    position: relative;
    min-height: 1px;
    padding-left: 7.5px;
    padding-right: 7.5px
}

.breadcrumb.info {
    border: 0;
    border-radius: 0;
    float: left;
    width: 100%
}

@media (min-width: 768px) {
    .breadcrumb.info {
        float: left;
        width: 50%
    }
}

.breadcrumb.info li:before {
    content: ""
}

.breadcrumb.social {
    border: 0;
    border-radius: 0;
    width: 100%;
    float: right
}

@media (min-width: 768px) {
    .breadcrumb.social {
        float: right;
        width: 35%
    }
}

.breadcrumb.social li:before {
    display: none
}

.breadcrumb.social li {
    height: 32px;
    float: right
}

.breadcrumb.social li a {
    width: 32px;
    height: 32px;
    display: block;
    margin-left: 3px
}

.breadcrumb.social li a:hover {
    opacity: .8
}

.breadcrumb.social li .fb {
    background: url(../img/social_icon.png)
}

.breadcrumb.social li .tw {
    background: url(../img/social_icon.png) -42px 0
}

.breadcrumb.social li .g {
    background: url(../img/social_icon.png) -84px 0
}

.breadcrumb.social li .t {
    background: url(../img/social_icon.png) -126px 0
}

.breadcrumb.social li .p {
    background: url(../img/social_icon.png) -168px 0
}

.breadcrumb.social li .m {
    background: url(../img/social_icon.png) -210px 0
}

.breadcrumb.social li .w {
    background: url(../img/social_icon.png) -252px 0
}

.paginationContainer {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 7.5px;
    padding-right: 7.5px
}

.panel-body {
    background: #e0e5e8;
    letter-spacing: .04em
}

.panel-heading {
    background: #8ca2b3 !important;
    color: #FFF !important;
    padding-left: 16px;
    letter-spacing: .06em
}

.authors .author .authorName a, .panel-heading a {
    color: #FFF
}

.authors, .authors .author {
    padding: 0;
    position: relative;
    min-height: 1px
}

@media (min-width: 768px) {
    .authors {
        float: left;
        width: 100%
    }
}

.authors .author {
    float: left;
    width: 100%;
    border: 1px solid #b7b7b7;
    margin-bottom: 10px;
    background: #FFF
}

.authors .author .info {
    position: relative;
    float: left;
    width: 66.66666667%;
    min-height: 1px;
    padding-right: 7.5px;
    height: 100%;
    padding-left: 15px
}

.authors .author .authorName {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
    background: #5c6974;
    width: 75%
}

@media (max-width: 767px) {
    .authors .author .authorName h4 {
        font-size: 12px;
        margin-top: 5px;
        margin-bottom: 5px
    }
}

.authors .author img {
    position: relative;
    float: left;
    width: 25%;
    min-height: 1px;
    padding: 0
}

.seperator {
    width: 98%;
    float: left;
    background: url(../../assets/img/bant.png) left center repeat-x;
    margin-left: 7.5px;
    padding-left: 0;
    margin-bottom: 10px;
    margin-top: 10px
}

.seperator h1, .seperator h2 {
    background: #FFF;
    float: left;
    padding-left: 0;
    padding-right: 9px;
    font-size: 15px;
    margin: 0;
    color: #8ca2b3;
    letter-spacing: .19em
}

.leftContainer {
    position: relative;
    min-height: 1px;
    padding: 0
}

@media (min-width: 768px) {
    .leftContainer {
        float: left;
        width: 66.66666667%
    }
}

.specialOfferContainer .specialOfferHeader {
    position: relative;
    min-height: 1px;
    padding: 20px;
    background: #4db6ac;
    height: 401px
}

.rightContainer, .rightContainer .banners, .specialOfferContainer .specialOfferContent {
    padding-left: 7.5px;
    padding-right: 7.5px;
    position: relative;
    min-height: 1px
}

.specialOfferContainer .specialOfferHeader h1, .specialOfferContainer .specialOfferHeader h2, .specialOfferContainer .specialOfferHeader p {
    color: #FFF
}

.specialOfferContainer .specialOfferHeader h2 {
    font-size: 35px;
    margin-top: 2%
}

.specialOfferContainer .specialOfferHeader .pagination > li > a, .specialOfferContainer .specialOfferHeader .pagination > li > span {
    margin: 1px;
    background: 0 0;
    color: #FFF
}

.specialOfferContainer .specialOfferHeader .pagination > li:first-child > a, .specialOfferContainer .specialOfferHeader .pagination > li:first-child > span, .specialOfferContainer .specialOfferHeader .pagination > li:last-child > a, .specialOfferContainer .specialOfferHeader .pagination > li:last-child > span {
    border-radius: 0
}

@media (min-width: 1200px) {
    .specialOfferContainer .specialOfferHeader {
        float: left;
        width: 25%
    }

    .specialOfferContainer .specialOfferContent {
        float: left;
        width: 75%
    }
}

.rightContainer {
    float: left;
    width: 100%
}

@media (min-width: 768px) {
    .rightContainer {
        float: left;
        width: 33.33333333%
    }
}

.rightContainer .banners {
    float: left;
    width: 100%
}

.rightContainer .banners .banner {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-bottom: 10px;
    padding: 0
}

.post, .postOverInfo, .post_detail {
    position: relative;
    padding-left: 7.5px;
    padding-right: 7.5px;
    min-height: 1px
}

.rightContainer .banners .banner img {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100%
}

@keyframes opacitydown {
animation-fill-mode: forwards;
from

{
    opacity: 1
}
to {
    opacity: .8
}

}
@keyframes opacityup {
animation-fill-mode: forwards;
from

{
    opacity: .8
}
to {
    opacity: 1
}

}
.post {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    animation: opacityup .2s ease-in-out forwards
}

.post a {
    display: block;
    width: 100%;
    float: left;
    color: #333
}

.post a:hover h1, .post a:hover h2, .post a:hover h3, .post a:hover h4 {
    text-decoration: none
}

@media (max-width: 991px) {
    .post h1 {
        font-size: 20px
    }
}

.post:hover {
    animation: opacitydown .2s ease-in-out forwards
}

.leftContainer .post.postBottomInfoHalf:nth-child(2n):after, .post.postBottomInfoHalf:nth-child(2n), .postOverInfo:after {
    clear: both
}

.post_detail {
    font-size: 1.2em;
    float: left;
    width: 100%
}

.postOverInfo {
    max-height: 225px;
    overflow: hidden
}

.postOverInfo .info {
    margin: 0 7.5px;
    position: absolute;
    left: 0;
    bottom: 5%;
    padding: 10px 15px;
    background: rgba(68, 140, 203, .5)
}

.postRightInfo, .postRightInfo .info {
    padding-left: 7.5px;
    padding-right: 7.5px
}

.postOverInfo .info h1, .postOverInfo .info p {
    color: #fff;
    margin: 0
}

.postOverInfo img {
    display: block;
    width: 100%;
    height: auto
}

.postOverInfo:after, .postOverInfo:before {
    content: " ";
    display: table
}

.postRightInfo {
    position: relative;
    min-height: 1px
}

@media (min-width: 768px) {
    .postOverInfo, .postRightInfo {
        float: left;
        width: 50%
    }
}

.postRightInfo .postRightContainer {
    float: left;
    width: 100%;
    border: 1px solid #d4afc2;
    display: table
}

.postRightInfo .info, .postRightInfo img {
    position: relative;
    min-height: 1px;
    display: table-cell;
    vertical-align: middle
}

.postRightInfo .info {
    float: none !important;
    width: 50%
}

@media (min-width: 768px) {
    .postRightInfo .info {
        float: left;
        width: 50%
    }
}

.postRightInfo .info h4 {
    line-height: 19px
}

.postRightInfo img {
    padding: 0;
    max-width: 100%;
    height: auto;
    float: none !important;
    width: 100%
}

.postRightInfo_search, .postRightInfo_search .info {
    padding-left: 7.5px;
    padding-right: 7.5px;
    position: relative;
    min-height: 1px
}

.postBottomInfo img, .postBottomInfoHalf img, .postRightInfo_search img {
    display: block;
    width: 100%;
    height: auto
}

.postRightInfo_search .postRightContainer {
    float: left;
    width: 100%;
    border: 1px solid #d4afc2
}

.postRightInfo_search img {
    position: relative;
    min-height: 1px;
    padding: 0
}

.postBottomInfo {
    position: relative;
    min-height: 1px;
    padding-left: 7.5px;
    padding-right: 7.5px
}

.postBottomInfo .info, .postBottomInfo img {
    padding: 0;
    position: relative;
    min-height: 1px
}

.postBottomInfo a {
    float: left
}

.postBottomInfoHalf {
    position: relative;
    min-height: 1px;
    padding-left: 7.5px;
    padding-right: 7.5px
}

@media (min-width: 768px) {
    .postRightInfo img, .postRightInfo_search {
        float: left;
        width: 100%
    }

    .postRightInfo_search .info {
        float: left;
        width: 75%
    }

    .postRightInfo_search img {
        float: left;
        width: 25%
    }

    .postBottomInfo, .postBottomInfo .info, .postBottomInfo img {
        float: left;
        width: 100%
    }

    .postBottomInfoHalf {
        float: left;
        width: 50%
    }

    .postBottomInfoHalf .info {
        float: left;
        width: 100%
    }
}

.question, .question a {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px
}

.postBottomInfoHalf .info {
    position: relative;
    min-height: 1px;
    padding: 0
}

.postBottomInfoHalf img {
    position: relative;
    min-height: 1px;
    padding: 0
}

.leftContainer .post.postBottomInfoHalf:nth-child(2n):after, .leftContainer .post.postBottomInfoHalf:nth-child(2n):before {
    content: " ";
    display: table
}

.mostRead {
    position: relative;
    min-height: 1px;
    padding: 0
}

.mostRead .post.postBottomInfo {
    padding: 0
}

.question {
    padding-left: 7.5px;
    padding-right: 7.5px;
    margin-bottom: 10px;
}

.question .newsletter {
    position: relative;
    min-height: 1px;
    background: #5cb1e8;
    padding: 0 0 15px
}

@media (min-width: 768px) {
    .mostRead, .postBottomInfoHalf img, .question .newsletter {
        float: left;
        width: 100%
    }
}

.question a {
    padding: 0;
    z-index: 11
}

.question form, .question form .input-group {
    padding-right: 7.5px;
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px
}

.question form {
    margin-top: 30px;
    padding-left: 7.5px
}

.question form h5 {
    color: #fff;
    padding-left: 7px;
    line-height: 1.4
}

.question form .input-group {
    padding-left: 7.5px;
    margin-bottom: 10px
}

.question form input {
    margin-bottom: 10px;
    width: 100%
}

.question form input::-webkit-input-placeholder {
    color: #49545d
}

.question form input:-moz-placeholder {
    color: #49545d
}

.question form input::-moz-placeholder {
    color: #49545d
}

.question form input:-ms-input-placeholder {
    color: #49545d
}

.nav_gallery .next img, .nav_gallery .prev img {
    max-width: 100%;
    height: auto;
    display: block
}

.carousel {
    margin-bottom: 4px
}

.price {
    color: #222;
    font-size: 37px
}

.price .pound {
    font-family: Oswald, "Helvetica Neue", Helvetica, Arial, sans-serif
}

.moreOffersList .itemCard h1, .moreOffersList .itemCard h2 {
    font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

a.list-group-item {
    color: #555;
    border: none
}

a.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:focus, a.list-group-item:hover {
    text-decoration: none;
    background-color: #f5f5f5
}

a.list-group-item.active, a.list-group-item.active:focus, a.list-group-item.active:hover {
    z-index: 2;
    color: #455a64;
    font-size: 26px;
    border-color: transparent;
    background: #fff !important;
    box-shadow: 3px 3px 10px #000
}

a.list-group-item.active .list-group-item-heading, a.list-group-item.active:focus .list-group-item-heading, a.list-group-item.active:hover .list-group-item-heading {
    color: inherit
}

a.list-group-item.active .list-group-item-text, a.list-group-item.active:focus .list-group-item-text, a.list-group-item.active:hover .list-group-item-text {
    color: #c7ddef
}

.form-control {
    border-radius: 0;
    border: 1px solid #fff
}

.moreOffersList {
    background: 0 0 !important
}

.moreOffersList .offerSearch {
    background: #FFF;
    padding: 18px;
    margin-bottom: 2px;
    font-size: 20px;
    color: #2c3138
}

.moreOffersList .offerSearch input {
    border: 0;
    border-bottom: 1px dotted #2c3138;
    text-align: center
}

.moreOffersList .itemCard {
    background: #fff
}

.moreOffersList .itemCard h1 {
    font-size: 17px;
    color: #4db6ac
}

.moreOffersList .itemCard h2 {
    font-size: 13px;
    margin-top: 0;
    color: #586370;
    margin-bottom: 25px
}

.moreOffersList .itemCard p {
    font-size: 14px;
    color: #586370;
    margin: 0
}

.moreOffersList .itemCard .btn-Cont a {
    text-decoration: none;
    font-family: "PT Sans:700", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.moreOffersList .itemCard .btn-Cont a:hover {
    text-decoration: underline
}

.moreOffersList .itemCard .btn-Cont a:first-child {
    color: #2c3138
}

.moreOffersList .itemCard .btn-Cont a:last-child {
    color: #4db6ac
}

.moreOffersList .itemCard .price .euro {
    font-size: 33px
}

.moreOffersList .itemCard .price .pound {
    font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4db6ac;
    font-size: 33px
}

.dot {
    position: absolute;
    top: 5px;
    left: 5px
}

.whyBox {
    background: #4caf50;
    color: #FFF
}

.subDetailBox {
    background: #4db6ac;
    margin-top: 10px;
    color: #FFF
}

.subDetailLeftCont {
    background: #FFF
}

.subDetailLeftCont p {
    font-size: 15px;
    font-family: Oswald, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #2c3138
}

.subDetailLeftCont b {
    font-size: 15px;
    font-family: "PT Sans:700", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.subDetailLeftCont h2 {
    font-size: 22px;
    color: #4db6ac;
    margin-top: 30px
}

.subDetailLeftCont .table td {
    border: 1px solid #f3f3f3;
    padding: 20px 25px
}

.subDetailRightCont {
    background: url(../css/img/leftPadding.png) repeat-y;
    padding-top: 10px
}

.nav-tabs {
    border-bottom: 1px dashed #e8e8e8
}

.nav-tabs a {
    border: none !important;
    font-family: Oswald, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: #2c3138
}

.nav-tabs a:hover {
    background-color: transparent !important
}

.nav-tabs a span {
    margin-right: 10px
}

.nav-tabs li.active, .nav-tabs li:hover {
    border-bottom: 2px solid #4db6ac
}

.nav-tabs li.active a {
    color: #4db6ac !important;
    font-size: 15px;
}

.nav-tabs li.active a:hover {
    color: #4db6ac;
    font-size: 15px;
}

.nav_gallery {
    margin-top: 10px;
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 7.5px;
    padding-right: 7.5px
}

.nav_gallery .next, .nav_gallery .prev {
    width: 16.66666667%;
    padding: 0;
    position: relative;
    float: left;
    min-height: 1px
}

.nav_gallery .next {
    margin-left: 66.66666667%
}

.searchContainer {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    background: #d6dbde;
    border-color: #d4afc2;
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 15px
}

.progress-container, progress {
    width: 100%;
    position: fixed;
    left: 0
}

.searchContainer .form-inline > div {
    margin-top: 12px;
    margin-bottom: 12px
}

progress {
    bottom: 0;
    z-index: 1000;
    height: .5em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-color: transparent;
    color: red
}

progress::-webkit-progress-bar {
    background-color: transparent
}

progress[value]::-webkit-progress-value {
    background-color: #2C8BCB
}

.flat::-webkit-progress-value {
    background-color: red
}

.flat::-moz-progress-bar {
    background-color: red
}

.single::-webkit-progress-value {
    background-color: transparent;
    background-image: -webkit-linear-gradient(left, transparent, red)
}

.single::-moz-progress-bar {
    background-color: transparent;
    background-image: -moz-linear-gradient(left, transparent, red)
}

.multiple::-webkit-progress-value {
    background-image: -webkit-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0, 0, 0, .1) 66%, transparent 66%), -webkit-linear-gradient(left, green, red)
}

.multiple::-moz-progress-bar {
    background-image: -moz-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0, 0, 0, .1) 66%, transparent 66%), -moz-linear-gradient(left, green, red)
}

.progress-container {
    background-color: transparent;
    top: 0;
    height: .25em;
    display: block
}

.banner_leftCont, .banner_top, .specialOfferContainer {
    position: relative;
    min-height: 1px;
    padding-left: 7.5px;
    padding-right: 7.5px;
    float: left
}

.progress-bar {
    background-color: red;
    width: 50%;
    display: block;
    height: inherit
}

.banner_leftCont img, .banner_top img {
    display: block;
    height: auto;
    width: 100%;
    max-width: 100%
}

input:focus {
    outline: 0
}

.banner_top {
    width: 100%
}

.banner_leftCont {
    width: 100%;
    margin-bottom: 10px
}

.specialOfferContainer {
    width: 100%;
    margin-bottom: 10px
}

.specialOfferContainer .sync1 {
    margin-bottom: 2px
}

.specialOfferContainer .sync1 .item {
    color: #FFF;
    text-align: center
}

.specialOfferContainer .sync1 .item .title {
    position: absolute;
    left: 0;
    bottom: 5%;
    padding: 0 15px 10px;
    background: rgba(68, 140, 203, .5)
}

.specialOfferContainer .sync1 .item .title a {
    color: #FFF
}

.specialOfferContainer .sync2 .owl-item {
    margin: 0 1px
}

.specialOfferContainer .sync2 .item {
    margin: 0;
    color: #FFF;
    text-align: center;
    cursor: pointer;
    min-height: 65px
}

.specialOfferContainer .sync2 .item h1 {
    font-size: 18px
}

.specialOfferContainer .sync2 .synced .item {
    background: #0c83e7
}

.specialContainer {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 7.5px;
    padding-right: 7.5px;
    margin-bottom: 10px
}

.specialContainer #specialCarousel {
    background: #478ECA
}

.specialContainer #specialCarousel img {
    border: 1px solid #FFF
}

.project_detail .project_facilities, .project_detail .project_info {
    border-bottom: 3px solid #2c8bcb;
    border-top: 3px solid #2c8bcb
}

.specialContainer #specialCarousel .item .info h1, .specialContainer #specialCarousel .item .info p {
    color: #FFF
}

.specialContainer .owl-carousel {
    padding: 30px
}

.specialContainer .owl-theme .owl-controls {
    position: absolute;
    top: 18%;
    width: 100%;
    left: 0
}

.specialContainer .owl-theme .owl-controls .owl-prev {
    left: -5px;
    font-size: 20px;
    position: absolute;
    background: 0 0;
    color: #FFF;
    opacity: 1
}

.specialContainer .owl-theme .owl-controls .owl-next {
    right: -5px;
    font-size: 20px;
    position: absolute;
    background: 0 0;
    color: #FFF;
    opacity: 1
}

.newsletterContainer .newsletter {
    min-height: 1px;
    padding-left: 7.5px;
    padding-right: 7.5px;
    position: absolute;
    background: #5cb1e8;
    top: 50px;
    z-index: 10;
    width: 98% !important;
    height: 0;
    overflow: hidden;
    opacity: 0;
    left: 8px
}

.newsletterContainer a, .newsletterContainer form, .newsletterContainer form .input-group {
    position: relative;
    float: left;
    min-height: 1px
}

.newsletterContainer a {
    width: 100%;
    padding: 0
}

.newsletterContainer form {
    margin-top: 30px;
    width: 100%;
    padding-left: 7.5px;
    padding-right: 7.5px
}

.newsletterContainer form h5 {
    color: #fff;
    padding-left: 7px
}

.getMoreDetailsContainer, .getMoreDetailsContainer .newsletter, .newsletterContainer form .input-group {
    padding-left: 7.5px;
    padding-right: 7.5px
}

.newsletterContainer form .input-group {
    width: 100%;
    margin-bottom: 10px
}

.newsletterContainer form input {
    margin-bottom: 10px;
    width: 100%
}

.newsletterContainer form input::-webkit-input-placeholder {
    color: #49545d
}

.newsletterContainer form input:-moz-placeholder {
    color: #49545d
}

.newsletterContainer form input::-moz-placeholder {
    color: #49545d
}

.newsletterContainer form input:-ms-input-placeholder {
    color: #49545d
}

@keyframes newslatteranim {
    from {
        opacity: 0
    }
    to {
        height: 210px;
        opacity: 1
    }
}

.newsletterContainer .newsletter_icon {
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    z-index: 12;
    opacity: 0
}

.getMoreDetailsContainer, .getMoreDetailsContainer a {
    padding-bottom: 5px;
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px
}

.getMoreDetailsContainer p.moredetail {
    padding-bottom: 5px;
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px
}

.newsletterContainer:hover .newsletter {
    animation: newslatteranim2 .5s ease-in-out forwards
}

.newsletterContainer:hover .newsletter_icon {
    animation: iconopacity .5s ease-in-out forwards
}

@media (min-width: 768px) {
    .newsletterContainer .newsletter {
        float: left;
        width: 100%
    }

    .getMoreDetailsContainer {
        float: left;
        width: 41.66666667%
    }
}

.getMoreDetailsContainer .newsletter {
    min-height: 1px;
    position: absolute;
    background: #5cb1e8;
    top: 30px;
    z-index: 10;
    width: 98% !important;
    height: 0;
    overflow: hidden;
    opacity: 0;
    left: 8px
}

@media (min-width: 768px) {
    .getMoreDetailsContainer .newsletter {
        float: left;
        width: 100%
    }
}

@media (max-width: 767px) {
    .authorName .h4 {
        margin-top: 5px;
        margin-bottom: 5px;
        font-size: 13px;
    }
}

.getMoreDetailsContainer a {
    padding: 0;
    z-index: 11
}

.getMoreDetailsContainer p.moredetail {
    margin: 5px !important;
    padding: 0;
}

.getMoreDetailsContainer form, .getMoreDetailsContainer form .input-group {
    position: relative;
    float: left;
    min-height: 1px;
    padding-right: 7.5px;
    width: 100%
}

.getMoreDetailsContainer form {
    margin-top: 30px;
    padding-left: 7.5px
}

.getMoreDetailsContainer form h5 {
    color: #fff;
    padding-left: 7px;
    line-height: 1.4
}

.getMoreDetailsContainer form .input-group {
    padding-left: 7.5px;
    margin-bottom: 10px
}

.getMoreDetailsContainer form input {
    margin-bottom: 10px;
    width: 100%
}

.getMoreDetailsContainer form input::-webkit-input-placeholder {
    color: #49545d
}

.getMoreDetailsContainer form input:-moz-placeholder {
    color: #49545d
}

.getMoreDetailsContainer form input::-moz-placeholder {
    color: #49545d
}

.getMoreDetailsContainer form input:-ms-input-placeholder {
    color: #49545d
}

@keyframes newslatteranim {
    from {
        opacity: 0
    }
    to {
        height: 320px;
        opacity: 1
    }
}

@keyframes newslatteranim2 {
    from {
        opacity: 0
    }
    to {
        height: 150px;
        opacity: 1
    }
}

@keyframes iconopacity {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.getMoreDetailsContainer .newsletter_icon {
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    z-index: 12;
    opacity: 0
}

#headerCarousel .btn-getQ, #headerCarousel .btn-info {
    position: relative;
    float: left;
    padding-left: 7.5px;
    padding-right: 7.5px;
    min-height: 1px
}

.getMoreDetailsContainer:hover .newsletter {
    animation: newslatteranim .5s ease-in-out forwards
}

.getMoreDetailsContainer:hover .newsletter_icon {
    animation: iconopacity .5s ease-in-out forwards
}

#headerCarousel {
    float: left;
    width: 100%
}

#headerCarousel h3 {
    font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 22%
}

.project_detail, table {
    font-family: 'PT Sans'
}

#headerCarousel .btn-getQ {
    width: 50%
}

@media (min-width: 768px) {
    #headerCarousel .btn-getQ {
        float: left;
        width: 100%
    }
}

#headerCarousel .btn-info {
    width: 50%
}

@media (min-width: 768px) {
    #headerCarousel .btn-info {
        float: left;
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    #headerCarousel .btn {
        font-size: 13px
    }
}

.eventContainer .v-center, .eventContainer.v-center {
    display: table;
    width: 100%
}

.eventContainer .v-center > div, .eventContainer.v-center > div {
    display: table-cell;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
    float: none
}

@media (min-width: 768px) {
    .eventContainer .v-center.row:after, .eventContainer .v-center.row:before, .eventContainer.v-center.row:after, .eventContainer.v-center.row:before {
        display: none
    }
}

@media (max-width: 767px) {
    .eventContainer .v-center, .eventContainer.v-center {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 5px;
        padding-right: 5px
    }

    .eventContainer .v-center.row, .eventContainer.v-center.row {
        display: block;
        width: auto
    }

    .eventContainer .v-center.row:after, .eventContainer .v-center.row:before, .eventContainer.v-center.row:after, .eventContainer.v-center.row:before {
        display: none
    }

    .eventContainer .v-center.row > *, .eventContainer.v-center.row > * {
        display: block;
        vertical-align: baseline
    }
}

.eventContainer .arrowLeft {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block
}

.eventContainer .eventHeader {
    position: relative;
    min-height: 1px;
    padding-left: 7.5px;
    padding-right: 7.5px;
    display: table;
    width: 100%;
    height: 239px;
    background: #768491;
    color: #FFF
}

@media (min-width: 768px) {
    .eventContainer .eventHeader {
        float: left;
        width: 25%
    }
}

@media (min-width: 1200px) {
    .eventContainer .eventHeader {
        float: left;
        width: 25%
    }
}

.eventContainer .eventHeader > div {
    display: table-cell;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
    float: none
}

@media (min-width: 768px) {
    .eventContainer .eventHeader.row:after, .eventContainer .eventHeader.row:before {
        display: none
    }
}

@media (max-width: 767px) {
    .eventContainer .eventHeader {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 5px;
        padding-right: 5px
    }

    .eventContainer .eventHeader.row {
        display: block;
        width: auto
    }

    .eventContainer .eventHeader.row:after, .eventContainer .eventHeader.row:before {
        display: none
    }

    .eventContainer .eventHeader.row > * {
        display: block;
        vertical-align: baseline
    }
}

.eventContainer .eventImg {
    position: relative;
    min-height: 1px;
    padding: 0
}

.detail, .project_detail, table {
    position: relative;
    float: left;
    padding-left: 7.5px;
    padding-right: 7.5px;
    min-height: 1px
}

@media (min-width: 768px) {
    .eventContainer .eventImg {
        float: left;
        width: 25%
    }
}

@media (min-width: 1200px) {
    .eventContainer .eventImg {
        float: left;
        width: 25%
    }
}

.eventContainer .eventImg img.img {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100%
}

.project_detail {
    width: 100%
}

.project_detail .project_info {
    margin-bottom: 30px
}

.project_detail .project_info tr td {
    width: 25%
}

@media (max-width: 767px) {
    .project_detail .project_info tr td {
        width: 50% !important;
        display: block;
        float: left;
        white-space: -moz-pre-wrap !important; /* webkit */
        white-space: -pre-wrap; /* Opera 4-6 */
        white-space: -o-pre-wrap; /* Opera 7 */
        white-space: pre-wrap; /* css-3 */
        word-wrap: break-word; /* Internet Explorer 5.5+ */
    }
}

.project_detail .project_info tr td:nth-child(2n-1) {
    font-weight: 700;
    width: 15%
}

.project_detail .project_info tr td[colspan] {
    font-weight: 400
}

.project_detail .project_facilities td, .project_detail .project_facilities thead > tr > th {
    border: none;
    width: 33%
}

table .project_facilities, table .project_info {
    border-bottom: 3px solid #2c8bcb;
    border-top: 3px solid #2c8bcb
}

@media (max-width: 767px) {
    .project_detail .project_facilities td {
        width: 100% !important;
        display: block;
        float: left
    }
}

.detail {
    width: 100%
}

.detail img {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100%
}

table {
    width: 100%
}

table .project_info {
    margin-bottom: 30px
}

table .project_info tr td {
    width: 25%
}

@media (max-width: 767px) {
    table .project_info tr td {
        width: 50% !important;
        display: block;
        float: left
    }
}

table .project_info tr td:nth-child(2n-1) {
    font-weight: 700;
    width: 15%
}

table .project_info tr td[colspan] {
    font-weight: 400
}

table .project_facilities td, table .project_facilities thead > tr > th {
    border: none;
    width: 33%
}

@media (max-width: 767px) {
    table .project_facilities td {
        width: 100% !important;
        display: block;
        float: left
    }
}

.datepicker-dropdown:after, .datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-top: 0;
    position: absolute
}

/*!
 * Datepicker for Bootstrap v1.4.0 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
    padding: 4px;
    border-radius: 4px;
    direction: ltr
}

.datepicker.datepicker-rtl, .owl-carousel.owl-rtl {
    direction: rtl
}

.datepicker-inline {
    width: 220px
}

.datepicker.datepicker-rtl table tr td span {
    float: right
}

.datepicker-dropdown {
    top: 0;
    left: 0
}

.datepicker-dropdown:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, .2)
}

.datepicker-dropdown:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff
}

.datepicker-dropdown.datepicker-orient-left:before {
    left: 6px
}

.datepicker-dropdown.datepicker-orient-left:after {
    left: 7px
}

.datepicker-dropdown.datepicker-orient-right:before {
    right: 6px
}

.datepicker-dropdown.datepicker-orient-right:after {
    right: 7px
}

.datepicker-dropdown.datepicker-orient-top:before {
    top: -7px
}

.datepicker-dropdown.datepicker-orient-top:after {
    top: -6px
}

.datepicker-dropdown.datepicker-orient-bottom:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #999
}

.datepicker-dropdown.datepicker-orient-bottom:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #fff
}

.datepicker > div {
    display: none
}

.datepicker.days .datepicker-days, .datepicker.months .datepicker-months, .datepicker.years .datepicker-years {
    display: block
}

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.datepicker table tr td, .datepicker table tr th {
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: none
}

.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
    background-color: transparent
}

.datepicker table tr td.day.focused, .datepicker table tr td.day:hover {
    background: #eee;
    cursor: pointer
}

.datepicker table tr td.new, .datepicker table tr td.old {
    color: #999
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: 0 0;
    color: #999;
    cursor: default
}

.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
    color: #000;
    background-color: #ffdb99;
    border-color: #ffb733
}

.datepicker table tr td.today.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled:hover:focus, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:active, .datepicker table tr td.today:focus, .datepicker table tr td.today:hover, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today:hover:focus, .datepicker table tr td.today:hover:hover, .open .dropdown-toggle.datepicker table tr td.today, .open .dropdown-toggle.datepicker table tr td.today.disabled, .open .dropdown-toggle.datepicker table tr td.today.disabled:hover, .open .dropdown-toggle.datepicker table tr td.today:hover {
    color: #000;
    background-color: #ffcd70;
    border-color: #f59e00
}

.datepicker table tr td.today.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today:active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover:active, .open .dropdown-toggle.datepicker table tr td.today, .open .dropdown-toggle.datepicker table tr td.today.disabled, .open .dropdown-toggle.datepicker table tr td.today.disabled:hover, .open .dropdown-toggle.datepicker table tr td.today:hover {
    background-image: none
}

.datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled.disabled.active, .datepicker table tr td.today.disabled.disabled:active, .datepicker table tr td.today.disabled.disabled:focus, .datepicker table tr td.today.disabled.disabled:hover, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today.disabled:hover.disabled.active, .datepicker table tr td.today.disabled:hover.disabled:active, .datepicker table tr td.today.disabled:hover.disabled:focus, .datepicker table tr td.today.disabled:hover.disabled:hover, .datepicker table tr td.today.disabled:hover[disabled], .datepicker table tr td.today.disabled:hover[disabled].active, .datepicker table tr td.today.disabled:hover[disabled]:active, .datepicker table tr td.today.disabled:hover[disabled]:focus, .datepicker table tr td.today.disabled:hover[disabled]:hover, .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled[disabled].active, .datepicker table tr td.today.disabled[disabled]:active, .datepicker table tr td.today.disabled[disabled]:focus, .datepicker table tr td.today.disabled[disabled]:hover, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today:hover.disabled.active, .datepicker table tr td.today:hover.disabled:active, .datepicker table tr td.today:hover.disabled:focus, .datepicker table tr td.today:hover.disabled:hover, .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today:hover[disabled].active, .datepicker table tr td.today:hover[disabled]:active, .datepicker table tr td.today:hover[disabled]:focus, .datepicker table tr td.today:hover[disabled]:hover, .datepicker table tr td.today[disabled], .datepicker table tr td.today[disabled].active, .datepicker table tr td.today[disabled]:active, .datepicker table tr td.today[disabled]:focus, .datepicker table tr td.today[disabled]:hover, fieldset[disabled] .datepicker table tr td.today, fieldset[disabled] .datepicker table tr td.today.active, fieldset[disabled] .datepicker table tr td.today.disabled, fieldset[disabled] .datepicker table tr td.today.disabled.active, fieldset[disabled] .datepicker table tr td.today.disabled:active, fieldset[disabled] .datepicker table tr td.today.disabled:focus, fieldset[disabled] .datepicker table tr td.today.disabled:hover, fieldset[disabled] .datepicker table tr td.today.disabled:hover.active, fieldset[disabled] .datepicker table tr td.today.disabled:hover:active, fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus, fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover, fieldset[disabled] .datepicker table tr td.today:active, fieldset[disabled] .datepicker table tr td.today:focus, fieldset[disabled] .datepicker table tr td.today:hover, fieldset[disabled] .datepicker table tr td.today:hover.active, fieldset[disabled] .datepicker table tr td.today:hover:active, fieldset[disabled] .datepicker table tr td.today:hover:focus, fieldset[disabled] .datepicker table tr td.today:hover:hover {
    background-color: #ffdb99;
    border-color: #ffb733
}

.datepicker table tr td.today:hover:hover {
    color: #000
}

.datepicker table tr td.today.active:hover {
    color: #fff
}

.datepicker table tr td.range, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range:hover {
    background: #eee;
    border-radius: 0
}

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active:active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected:hover:active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.range.today, .open .dropdown-toggle.datepicker table tr td.range.today.disabled, .open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover, .open .dropdown-toggle.datepicker table tr td.range.today:hover, .open .dropdown-toggle.datepicker table tr td.selected, .open .dropdown-toggle.datepicker table tr td.selected.disabled, .open .dropdown-toggle.datepicker table tr td.selected.disabled:hover, .open .dropdown-toggle.datepicker table tr td.selected:hover {
    background-image: none
}

.datepicker table tr td.range.today, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today:hover {
    color: #000;
    background-color: #f7ca77;
    border-color: #f1a417;
    border-radius: 0
}

.datepicker table tr td.range.today.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.disabled:hover:focus, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today:hover:focus, .datepicker table tr td.range.today:hover:hover, .open .dropdown-toggle.datepicker table tr td.range.today, .open .dropdown-toggle.datepicker table tr td.range.today.disabled, .open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover, .open .dropdown-toggle.datepicker table tr td.range.today:hover {
    color: #000;
    background-color: #f4bb51;
    border-color: #bf800c
}

.datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled.disabled.active, .datepicker table tr td.range.today.disabled.disabled:active, .datepicker table tr td.range.today.disabled.disabled:focus, .datepicker table tr td.range.today.disabled.disabled:hover, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today.disabled:hover.disabled.active, .datepicker table tr td.range.today.disabled:hover.disabled:active, .datepicker table tr td.range.today.disabled:hover.disabled:focus, .datepicker table tr td.range.today.disabled:hover.disabled:hover, .datepicker table tr td.range.today.disabled:hover[disabled], .datepicker table tr td.range.today.disabled:hover[disabled].active, .datepicker table tr td.range.today.disabled:hover[disabled]:active, .datepicker table tr td.range.today.disabled:hover[disabled]:focus, .datepicker table tr td.range.today.disabled:hover[disabled]:hover, .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today.disabled[disabled].active, .datepicker table tr td.range.today.disabled[disabled]:active, .datepicker table tr td.range.today.disabled[disabled]:focus, .datepicker table tr td.range.today.disabled[disabled]:hover, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today:hover.disabled.active, .datepicker table tr td.range.today:hover.disabled:active, .datepicker table tr td.range.today:hover.disabled:focus, .datepicker table tr td.range.today:hover.disabled:hover, .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today:hover[disabled].active, .datepicker table tr td.range.today:hover[disabled]:active, .datepicker table tr td.range.today:hover[disabled]:focus, .datepicker table tr td.range.today:hover[disabled]:hover, .datepicker table tr td.range.today[disabled], .datepicker table tr td.range.today[disabled].active, .datepicker table tr td.range.today[disabled]:active, .datepicker table tr td.range.today[disabled]:focus, .datepicker table tr td.range.today[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.today, fieldset[disabled] .datepicker table tr td.range.today.active, fieldset[disabled] .datepicker table tr td.range.today.disabled, fieldset[disabled] .datepicker table tr td.range.today.disabled.active, fieldset[disabled] .datepicker table tr td.range.today.disabled:active, fieldset[disabled] .datepicker table tr td.range.today.disabled:focus, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover, fieldset[disabled] .datepicker table tr td.range.today:active, fieldset[disabled] .datepicker table tr td.range.today:focus, fieldset[disabled] .datepicker table tr td.range.today:hover, fieldset[disabled] .datepicker table tr td.range.today:hover.active, fieldset[disabled] .datepicker table tr td.range.today:hover:active, fieldset[disabled] .datepicker table tr td.range.today:hover:focus, fieldset[disabled] .datepicker table tr td.range.today:hover:hover {
    background-color: #f7ca77;
    border-color: #f1a417
}

.datepicker table tr td.selected, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover {
    color: #fff;
    background-color: #999;
    border-color: #555;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td.selected.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.disabled:hover:focus, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected:active, .datepicker table tr td.selected:focus, .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected:hover:focus, .datepicker table tr td.selected:hover:hover, .open .dropdown-toggle.datepicker table tr td.selected, .open .dropdown-toggle.datepicker table tr td.selected.disabled, .open .dropdown-toggle.datepicker table tr td.selected.disabled:hover, .open .dropdown-toggle.datepicker table tr td.selected:hover {
    color: #fff;
    background-color: #858585;
    border-color: #373737
}

.datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled.disabled.active, .datepicker table tr td.selected.disabled.disabled:active, .datepicker table tr td.selected.disabled.disabled:focus, .datepicker table tr td.selected.disabled.disabled:hover, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected.disabled:hover.disabled.active, .datepicker table tr td.selected.disabled:hover.disabled:active, .datepicker table tr td.selected.disabled:hover.disabled:focus, .datepicker table tr td.selected.disabled:hover.disabled:hover, .datepicker table tr td.selected.disabled:hover[disabled], .datepicker table tr td.selected.disabled:hover[disabled].active, .datepicker table tr td.selected.disabled:hover[disabled]:active, .datepicker table tr td.selected.disabled:hover[disabled]:focus, .datepicker table tr td.selected.disabled:hover[disabled]:hover, .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected.disabled[disabled].active, .datepicker table tr td.selected.disabled[disabled]:active, .datepicker table tr td.selected.disabled[disabled]:focus, .datepicker table tr td.selected.disabled[disabled]:hover, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected:hover.disabled.active, .datepicker table tr td.selected:hover.disabled:active, .datepicker table tr td.selected:hover.disabled:focus, .datepicker table tr td.selected:hover.disabled:hover, .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected:hover[disabled].active, .datepicker table tr td.selected:hover[disabled]:active, .datepicker table tr td.selected:hover[disabled]:focus, .datepicker table tr td.selected:hover[disabled]:hover, .datepicker table tr td.selected[disabled], .datepicker table tr td.selected[disabled].active, .datepicker table tr td.selected[disabled]:active, .datepicker table tr td.selected[disabled]:focus, .datepicker table tr td.selected[disabled]:hover, fieldset[disabled] .datepicker table tr td.selected, fieldset[disabled] .datepicker table tr td.selected.active, fieldset[disabled] .datepicker table tr td.selected.disabled, fieldset[disabled] .datepicker table tr td.selected.disabled.active, fieldset[disabled] .datepicker table tr td.selected.disabled:active, fieldset[disabled] .datepicker table tr td.selected.disabled:focus, fieldset[disabled] .datepicker table tr td.selected.disabled:hover, fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover, fieldset[disabled] .datepicker table tr td.selected:active, fieldset[disabled] .datepicker table tr td.selected:focus, fieldset[disabled] .datepicker table tr td.selected:hover, fieldset[disabled] .datepicker table tr td.selected:hover.active, fieldset[disabled] .datepicker table tr td.selected:hover:active, fieldset[disabled] .datepicker table tr td.selected:hover:focus, fieldset[disabled] .datepicker table tr td.selected:hover:hover {
    background-color: #999;
    border-color: #555
}

.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active:hover:hover, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover, .open .dropdown-toggle.datepicker table tr td.active:hover {
    color: #fff;
    background-color: #3276b1;
    border-color: #285e8e
}

.datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled.disabled.active, .datepicker table tr td.active.disabled.disabled:active, .datepicker table tr td.active.disabled.disabled:focus, .datepicker table tr td.active.disabled.disabled:hover, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover.disabled.active, .datepicker table tr td.active.disabled:hover.disabled:active, .datepicker table tr td.active.disabled:hover.disabled:focus, .datepicker table tr td.active.disabled:hover.disabled:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled:hover[disabled].active, .datepicker table tr td.active.disabled:hover[disabled]:active, .datepicker table tr td.active.disabled:hover[disabled]:focus, .datepicker table tr td.active.disabled:hover[disabled]:hover, .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled[disabled].active, .datepicker table tr td.active.disabled[disabled]:active, .datepicker table tr td.active.disabled[disabled]:focus, .datepicker table tr td.active.disabled[disabled]:hover, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover.disabled.active, .datepicker table tr td.active:hover.disabled:active, .datepicker table tr td.active:hover.disabled:focus, .datepicker table tr td.active:hover.disabled:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active:hover[disabled].active, .datepicker table tr td.active:hover[disabled]:active, .datepicker table tr td.active:hover[disabled]:focus, .datepicker table tr td.active:hover[disabled]:hover, .datepicker table tr td.active[disabled], .datepicker table tr td.active[disabled].active, .datepicker table tr td.active[disabled]:active, .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active[disabled]:hover, fieldset[disabled] .datepicker table tr td.active, fieldset[disabled] .datepicker table tr td.active.active, fieldset[disabled] .datepicker table tr td.active.disabled, fieldset[disabled] .datepicker table tr td.active.disabled.active, fieldset[disabled] .datepicker table tr td.active.disabled:active, fieldset[disabled] .datepicker table tr td.active.disabled:focus, fieldset[disabled] .datepicker table tr td.active.disabled:hover, fieldset[disabled] .datepicker table tr td.active.disabled:hover.active, fieldset[disabled] .datepicker table tr td.active.disabled:hover:active, fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus, fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover, fieldset[disabled] .datepicker table tr td.active:active, fieldset[disabled] .datepicker table tr td.active:focus, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active:hover.active, fieldset[disabled] .datepicker table tr td.active:hover:active, fieldset[disabled] .datepicker table tr td.active:hover:focus, fieldset[disabled] .datepicker table tr td.active:hover:hover {
    background-color: #428bca;
    border-color: #357ebd
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px
}

.datepicker table tr td span:hover {
    background: #eee
}

.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
    background: 0 0;
    color: #999;
    cursor: default
}

.datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active:hover:hover, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover, .open .dropdown-toggle.datepicker table tr td span.active:hover {
    color: #fff;
    background-color: #3276b1;
    border-color: #285e8e
}

.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover, .open .dropdown-toggle.datepicker table tr td span.active:hover {
    background-image: none
}

.datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled.disabled.active, .datepicker table tr td span.active.disabled.disabled:active, .datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover.disabled.active, .datepicker table tr td span.active.disabled:hover.disabled:active, .datepicker table tr td span.active.disabled:hover.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled:hover[disabled].active, .datepicker table tr td span.active.disabled:hover[disabled]:active, .datepicker table tr td span.active.disabled:hover[disabled]:focus, .datepicker table tr td span.active.disabled:hover[disabled]:hover, .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled[disabled].active, .datepicker table tr td span.active.disabled[disabled]:active, .datepicker table tr td span.active.disabled[disabled]:focus, .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover.disabled.active, .datepicker table tr td span.active:hover.disabled:active, .datepicker table tr td span.active:hover.disabled:focus, .datepicker table tr td span.active:hover.disabled:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active:hover[disabled].active, .datepicker table tr td span.active:hover[disabled]:active, .datepicker table tr td span.active:hover[disabled]:focus, .datepicker table tr td span.active:hover[disabled]:hover, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active[disabled].active, .datepicker table tr td span.active[disabled]:active, .datepicker table tr td span.active[disabled]:focus, .datepicker table tr td span.active[disabled]:hover, fieldset[disabled] .datepicker table tr td span.active, fieldset[disabled] .datepicker table tr td span.active.active, fieldset[disabled] .datepicker table tr td span.active.disabled, fieldset[disabled] .datepicker table tr td span.active.disabled.active, fieldset[disabled] .datepicker table tr td span.active.disabled:active, fieldset[disabled] .datepicker table tr td span.active.disabled:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover, fieldset[disabled] .datepicker table tr td span.active:active, fieldset[disabled] .datepicker table tr td span.active:focus, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active:hover.active, fieldset[disabled] .datepicker table tr td span.active:hover:active, fieldset[disabled] .datepicker table tr td span.active:hover:focus, fieldset[disabled] .datepicker table tr td span.active:hover:hover {
    background-color: #428bca;
    border-color: #357ebd
}

.datepicker table tr td span.new, .datepicker table tr td span.old {
    color: #999
}

.datepicker .datepicker-switch {
    width: 145px
}

.datepicker tfoot tr th, .datepicker thead tr:first-child th {
    cursor: pointer
}

.datepicker tfoot tr th:hover, .datepicker thead tr:first-child th:hover {
    background: #eee
}

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle
}

.datepicker thead tr:first-child .cw {
    cursor: default;
    background-color: transparent
}

.input-group.date .input-group-addon {
    cursor: pointer
}

.input-daterange {
    width: 100%
}

.input-daterange input {
    text-align: center
}

.input-daterange input:first-child {
    border-radius: 3px 0 0 3px
}

.input-daterange input:last-child {
    border-radius: 0 3px 3px 0
}

.input-daterange .input-group-addon {
    width: auto;
    min-width: 16px;
    padding: 4px 5px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    background-color: #eee;
    border: solid #ccc;
    border-width: 1px 0;
    margin-left: -5px;
    margin-right: -5px
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height .5s ease-in-out;
    -moz-transition: height .5s ease-in-out;
    -ms-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-carousel {
    display: none;
    width: 100%;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
    display: none
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -ms-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale .1s ease;
    -moz-transition: scale .1s ease;
    -ms-transition: scale .1s ease;
    -o-transition: scale .1s ease;
    transition: scale .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -ms-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}

.seperator .h1, .seperator .h2 {
    background: #FFF;
    float: left;
    padding-left: 0;
    padding-right: 9px;
    font-size: 15px;
    margin: 0;
    color: #8ca2b3;
    letter-spacing: .19em;
}
.pagination{
    display: block !important;

}

.tags a{border:1px solid #DDD;display:inline-block;color:#717171;background:#FFF;-webkit-box-shadow:0 1px 1px 0 rgba(180,180,180,0.1);box-shadow:0 1px 1px 0 rgba(180,180,180,0.1);-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;transition:all .1s ease-in-out;border-radius:2px;margin:0 3px 6px 0;padding:5px 10px}
.tags a:hover{border-color:#08C;text-decoration:none}
.tags a.primary{color:#FFF;background-color:#428BCA;border-color:#357EBD}
.tags a.success{color:#FFF;background-color:#5CB85C;border-color:#4CAE4C}
.tags a.info{color:#FFF;background-color:#5BC0DE;border-color:#46B8DA}
.tags a.warning{color:#FFF;background-color:#F0AD4E;border-color:#EEA236}
.tags a.danger{color:#FFF;background-color:#D9534F;border-color:#D43F3A}

/* youtube responsive */
iframe, object, embed {
    max-width: 100%;
    max-height: 100%;
}

ul.comments {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.comments li .comment {
    margin-bottom: 10px;
}
ul.comments .comment-block {
    background: #F4F4F4;
    border-radius: 5px;
    padding: 20px 20px 30px;
    position: relative;
}
ul.comments .comment-block .comment-by {
    display: block;
    font-size: 1em;
    line-height: 21px;
    margin: 0;
    padding: 0 0 5px 0;
}
ul.comments .comment-block p {
    font-size: 0.9em;
    line-height: 21px;
    margin: 0;
    padding: 0;
}
ul.comments .comment-block .date {
    color: #999;
    font-size: 0.9em;
}