h1, h2 {
    margin: 30px 0 20px
}

h1, h3, h5 {
    text-transform: uppercase
}

.align-left, img.align-left {
    text-align: left
}

#container, img {
    max-width: 100%
}

@font-face {
    src: url('../fontTajawalRegular.eot');
    src: url('../fontTajawalRegular.eot') format('embedded-opentype');
    font-family: Tajawal;
    font-style: normal;
    font-weight: 400;
    src: local('Tajawal Regular'),url('../font/Tajawal-Regular.woff') format('woff')
}

@font-face {
    font-family: 'Tajawal ExtraLight';
    font-style: normal;
    font-weight: 400;
    src: local('Tajawal ExtraLight'),url('../font/Tajawal-ExtraLight.woff') format('woff')
}

@font-face {
    font-family: 'Tajawal Light';
    font-style: normal;
    font-weight: 400;
    src: local('Tajawal Light'),url('../font/Tajawal-Light.woff') format('woff')
}

@font-face {
    font-family: 'Tajawal Medium';
    font-style: normal;
    font-weight: 400;
    src: local('Tajawal Medium'),url('../font/Tajawal-Medium.woff') format('woff')
}

@font-face {
    font-family: 'Tajawal Bold';
    font-style: normal;
    font-weight: 400;
    src: local('Tajawal Bold'),url('../font/Tajawal-Bold.woff') format('woff')
}

@font-face {
    font-family: 'Tajawal ExtraBold';
    font-style: normal;
    font-weight: 400;
    src: local('Tajawal ExtraBold'),url('../font/Tajawal-ExtraBold.woff') format('woff')
}

@font-face {
    font-family: 'Tajawal Black';
    font-style: normal;
    font-weight: 400;
    src: local('Tajawal Black'),url('../font/Tajawal-Black.woff') format('woff')
}

img {
    width: 100%
}

.mobile-spacer-10, .spacer-10 {
    height: 10px
}

.main-revolution li, .panner-larg {
    min-height: 380px
}

body {
    font: 15px/23px Tajawal,sans-serif !important;
    overflow: hidden;
    color: #3e474c;
    background: url(../img/body-background.jpg)
}

.h1, .h2, .h3, .h4, .h5, .h6, a, h1, h2, h3, h4, h5, h6 {
    font-family: Tajawal,sans-serif !important
}

@media only screen and (min-width :992px) {
    .min-height-170 {
        min-height: 170px
    }

    .padding-0 {
        padding-right: 0;
        padding-left: 0
    }

    .padding-5 {
        padding-right: 5px;
        padding-left: 5px
    }

    .is-table-row {
        display: table;
        width: calc(100% + 30px)
    }

        .is-table-row [class*=col-] {
            float: none;
            display: table-cell;
            vertical-align: top
        }

    .mobile-spacer-10 {
        display: none
    }
}

@media only screen and (max-width :640px) {
 .fix-slider-disturtion {
        margin-bottom: 180px
    }
}

@media only screen and (max-width :991px) {
    .slider-row > :first-child {
        margin-bottom: 15px
    }

    .slider-row-citizenplan > :first-child {
        margin-bottom: 0
    }

    .fix-slider-disturtion {
        margin-bottom: 180px
    }

    .mobileside {
        margin-right: 0 !important
    }

    .logosize {
        width: 100%;
        margin-right: -5px;
        margin-top: -19px
    }

    .eventsup {
        margin-top: 0
    }

    .main-revolution li, .panner-larg {
        min-height: 220px
    }

    .mobilerightfooter {
        margin-right: -279px
    }
}

#qLbar, .no-margin-top {
    margin-top: 0 !important
}

#lower-header, #main-header, .full-width-bg, .page-heading {
    margin-left: -5000px;
    margin-right: -5000px
}

html {
    overflow-x: hidden
}

body.boxed-layout {
    background: url(../img/background/1.jpg) 0 0/cover no-repeat fixed #3d5e93
}

.align-center {
    text-align: center
}

.align-right, .post-meta-track .tags {
    text-align: right
}

img.align-left {
    float: left;
    margin: 0 15px 15px 0
}

img.align-center {
    text-align: center;
    margin: 10px auto
}

img.align-right {
    text-align: right;
    float: right;
    margin: 0 0 15px 15px
}

.section > .row, audio + h6, iframe + h6 {
    margin-bottom: 40px
}

iframe {
    width: 100%;
    border: none
}

#qLbar {
    top: 0 !important
}

.no-margin-bottom {
    margin-bottom: 0 !important
}

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

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

h1 {
    font-size: 28px;
    font-weight: 800
}

h2, h3 {
    font-size: 24px
}

h2 {
    font-weight: 500
}

h3 {
    font-weight: 800;
    margin: 30px 0 23px
}

h4, h5 {
    font-size: 18px;
    margin: 30px 0 20px
}

h4 {
    font-weight: 600
}

h5 {
    font-weight: 400
}

h6 {
    font-size: 16px;
    font-weight: 700;
    margin: 30px 0 20px
}

.shop-product-content ul li, p {
    margin: 10px 0
}

a {
    color: #28a5a3;
    transition: color .3s;
    -webkit-transition: color .3s;
    -moz-transition: color .3s
}

    a:hover {
        color: #c89637 !important;
        text-decoration: none
    }

.small-caption {
    color: #000;
    font-size: 13px
}

.great-vibes {
    font-family: Tajawal,sans-serif
}

#lower-footer .social-media ul {
    float: right;
    margin: 0
}

#main-header blockquote:after, #main-header blockquote:before {
    font-family: Tajawal,sans-serif;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    color: #50688c;
    font-size: 11px;
    top: 3px;
    font-weight: 400;
    display: inline-block;
    text-align: center
}

#lower-footer .social-icons, .button-pagination + .numeric-pagination, .numeric-pagination + .button-pagination {
    margin-left: 20px
}

.blue, .notification-input .info label, .responsive-calendar .day.calendar-event a {
    color: #4174c5
}

.green, .notification-input .success label, .success {
    color: #4a9b13
}

.alert-box a.toggle-link, .cart-item .remove-item:hover, .error, .red, .shopping-cart-table .remove-shopping-item:hover {
    color: #a82512
}

.yellow {
    color: #dd7d00
}

audio + h6, iframe + h6 {
    margin-top: 15px
}

h6.shortcodes-caption {
    margin-top: 20px;
    margin-bottom: 40px
}

.calendar-header, .row-separator-caption {
    margin-top: 50px
}

#header {
    z-index: 5000;
    top: 0;
    left: 0;
    right: 0;
    position: relative
}

    #header .container {
        padding: 0;
        width: auto
    }

    #header.sticky-header {
        position: fixed
    }

        #header.sticky-header .container {
            padding: 0 15px;
            width: 1230px
        }

.boxed-layout #lower-header, .boxed-layout #main-header {
    background: 0 0;
    padding: 0;
    margin: 0
}

    .boxed-layout #lower-header:before, .comments-box li:last-child, .popular-news li:last-child, .upcoming-events li:last-child {
        border: none
    }

    .boxed-layout #main-header > .container {
        background: #28a5a3;
        padding: 17px 15px
    }

    .boxed-layout #lower-header > .container {
        background: #f2f4f9;
        position: relative;
        padding-left: 0;
        padding-right: 0
    }

        #lower-header:before, .boxed-layout #lower-header > .container:before {
            position: absolute;
            content: '';
            display: block;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border-top: 1px solid #fff;
            border-bottom: 1px solid #dee0e5;
            z-index: 0
        }

@media (min-width:768px) {
    .boxed-layout #lower-header > .container, .boxed-layout #main-header > .container {
        width: 780px !important
    }
}

@media (min-width:992px) {
    .boxed-layout #lower-header > .container, .boxed-layout #main-header > .container {
        width: 1000px !important
    }
}

@media (min-width:1200px) {
    .boxed-layout #lower-header > .container, .boxed-layout #main-header > .container {
        width: 1200px !important
    }
}

#main-header {
    background: #28a5a3;
    color: #e2eaf2;
    height: 130px;
    padding: 17px 5000px;
    position: relative;
    z-index: 5000;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s
}

.sticky-header-on .animate-header #main-header {
    padding: 0;
    overflow: hidden;
    height: 110px !important
}

.animate-header #main-header {
    height: 130px;
    padding-top: 17px;
    padding-bottom: 17px
}

#main-header blockquote {
    margin: 25px 0 0;
    padding: 0 0 0 18px;
    border: none;
    font-size: 14px;
    color: #97acc3;
    font-style: italic;
    position: relative;
    background: 0 0;
    font-weight: 400
}

    #main-header blockquote:before {
        margin-left: .2em;
        content: '\ebe1';
        position: absolute;
        left: 0
    }

    #main-header blockquote:after {
        margin-left: .2em;
        content: '\ebe2';
        position: relative
    }

#instagram-feed a:hover, .banner:hover, .flickr-feed a:hover {
    text-decoration: none
}

#logo {
    padding-top: 25px;
    padding-left: 40px
}

#newsletter {
    background: #28a5a3;
    padding: 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    position: relative
}

    #newsletter h5 {
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 400;
        margin-top: 0;
        margin-bottom: 7px
    }

    #newsletter p.error {
        font-size: 12px;
        display: inline-block;
        position: absolute;
        padding: 3px 10px;
        background: #fff;
        bottom: -25px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px
    }

        #newsletter p.error:before {
            content: '';
            display: block;
            position: absolute;
            top: -5px;
            left: 50%;
            margin-left: -5px;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 5px solid #fff
        }

    #newsletter p.success {
        color: #fff;
        margin: 10px 0
    }

.newsletter-form, .tabs.style2 {
    display: table
}

    .newsletter-form > * {
        display: table-cell;
        overflow: hidden;
        vertical-align: top;
        height: 35px
    }

    .newsletter-form .newsletter-email {
        width: 63%
    }

    .newsletter-form .newsletter-zip {
        width: 37%;
        padding: 0 5px
    }

    .newsletter-form input[type=text] {
        padding: 7px 10px;
        border: none;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        height: 35px;
        background: #f3f4f6;
        width: 100%;
        color: #fff;
        font-size: 13px;
        margin-bottom: 0
    }

    .newsletter-form input[type=submit] {
        position: relative;
        width: 40px;
        height: 35px;
        border: none;
        padding: 0;
        display: block;
        margin: 0;
        background: #63b2f5;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        z-index: 100;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        transition: background .3s;
        -webkit-transition: background .3s;
        -moz-transition: background .3s
    }

    .newsletter-form .newsletter-submit {
        position: relative !important
    }

        .newsletter-form .newsletter-submit .icons {
            display: block;
            position: relative;
            top: -35px;
            margin-bottom: -35px;
            padding-top: 5px;
            padding-left: 8px;
            font-size: 16px;
            width: 40px;
            height: 35px;
            background: #63b2f5;
            color: #fff;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-bottom: 1px solid #213b63;
            transition: background .3s;
            -webkit-transition: background .3s;
            -moz-transition: background .3s
        }

        .newsletter-form .newsletter-submit:hover .icons, .newsletter-form .newsletter-submit:hover input {
            background: #4174c5;
            border-top-color: #5191d4
        }

#lower-header {
    padding-left: 5000px;
    padding-right: 5000px;
    background: #f2f4f9;
    color: #3e474c;
    position: relative;
    z-index: 5000;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s
}

.animate-header #lower-header {
    opacity: 1.9;
    -moz-opacity: 1.9;
    -khtml-opacity: 1.9
}

    .animate-header #lower-header:hover {
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1
    }

#menu-button, .background-color, .background-image, .banner.donate-banner input[type=radio], .media-filters, .media-items .mix, .responsive-calendar .day .badge, .shop-items .mix, input[type=checkbox], input[type=radio] {
    display: none
}

#navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    display: table;
    width: 100%
}

    #navigation > li {
        -webkit-perspective: 500px;
        perspective: 500px;
        display: table-cell;
        text-align: center;
        position: relative;
        border-right: 1px solid #dee0e5;
        background: #f2f4f9
    }

    #navigation ul {
        list-style: none;
        margin: 0;
        padding: 0;
        -webkit-perspective: 500px;
        perspective: 500px
    }

    #navigation > li:first-child {
        border-left: 1px solid #dee0e5
    }

    #navigation > li.home-button {
        width: 60px
    }

    #navigation > li > a, #navigation > li > span {
        border-top: 1px solid #fff;
        border-bottom: 1px solid #dee0e5
    }

    #navigation > li.current-menu-item > a, #navigation > li.current-menu-item > span, #navigation > li:hover > a, #navigation > li:hover > span {
        border-top: 1px solid #c89637;
        border-bottom: 1px solid #c89637
    }

    #navigation li:hover, #navigation li:hover > a, #navigation li:hover > span, #navigation > li.current-menu-item, #navigation > li.current-menu-item > a, #navigation > li.current-menu-item > span {
        text-decoration: none;
        background: #c89637;
        color: #fff;
        border-right-color: transparent;
        border-left-color: transparent
    }

    #navigation li ul li > a:after, #navigation li ul li > span:after, #navigation > li > a:after, #navigation > li > span:after {
        display: inline-block;
        width: 1em;
        color: #a8abae;
        margin-left: 5px;
        font-size: 13px;
        font-weight: 400;
        text-align: center;
        font-style: normal;
        speak: none;
        text-decoration: inherit;
        margin-right: .2em;
        font-variant: normal;
        text-transform: none;
        line-height: 1em;
        font-family: fontello
    }

    #navigation li:hover > a:after, #navigation li:hover > span:after, #navigation > li.current-menu-item > a:after, #navigation > li.current-menu-item > span:after, .accordion-header:hover .accordion-icon:before, .active-sort > button:after, .banner:hover h4, .event-calendar td:hover .events > li > a, .event-calendar td:hover > span.day, .filter-dropdown.opened > li > span, .filter-dropdown.opened > li > span:after, .filter-dropdown > li > span:hover, .filter-dropdown > li > span:hover:after, .filter-sorting button:hover i, .issue-block:hover a.button:after, .issue-block:hover a.button:before, .tab-header li.active-tab a, .tab-header li:hover a, a.button.donate.button-arrow:hover:after, button.donate.button-arrow:hover:after {
        color: #fff
    }

    #navigation > li > a:after, #navigation > li > span:after {
        content: '\e88e'
    }

    #navigation li ul li > a:only-child:after, #navigation li ul li > span:only-child:after, #navigation > li.home-button > a:after, #navigation > li.home-button > span:after, #navigation > li > a:only-child:after, #navigation > li > span:only-child:after, a.button.twitter-button:after, blockquote.link-quote:after {
        content: '';
        display: none
    }

    #navigation li.donate-button {
        color: #fff;
        text-transform: uppercase;
        font-size: 18px;
        background: #c89637;
        border: none;
        transition: background .3s;
        -webkit-transition: background .3s;
        -moz-transition: background .3s
    }

        #navigation li.donate-button:hover {
            background: #c89637
        }

            #navigation li.donate-button:hover > a {
                border-top-color: #c89637
            }

        #navigation li.donate-button > a {
            color: #fff;
            padding: 18px 10px;
            background: 0 0;
            font-size: 18px;
            border-top: 1px solid #c89637;
            border-bottom: 1px solid #c89637
        }

    #navigation li ul li, .blog-post-single, .post-image, .tp-banner-container {
        position: relative
    }

    #navigation li ul {
        display: none;
        text-align: left;
        position: absolute;
        font-size: 15px;
        background: #f2f4f9;
        z-index: 6000;
        box-shadow: 0 1px 2px rgba(0,0,0,.1);
        top: 100%;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px
    }

        #navigation li ul li > a:after, #navigation li ul li > span:after {
            content: '\e891';
            position: absolute;
            right: 15px;
            top: 15px
        }

.csstransforms3d #navigation li ul {
    display: block;
    width: 200px;
    transform: rotate3d(1,0,0,-90deg);
    -webkit-transform: rotate3d(1,0,0,-90deg);
    -moz-transform: rotate3d(1,0,0,-90deg);
    -ms-transform: rotate3d(1,0,0,-90deg);
    -o-transform: rotate3d(1,0,0,-90deg);
    -webkit-transform-origin: 0 0 0;
    -moz-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transition: transform .5s,opacity .3s;
    -webkit-transition: -webkit-transform .5s,opacity .3s;
    -moz-transition: -moz-transform .5s,opacity .3s
}

.csstransforms3d #navigation ul ul {
    transform: rotate3d(0,1,0,90deg);
    -webkit-transform: rotate3d(0,1,0,90deg);
    -moz-transform: rotate3d(0,1,0,90deg);
    -ms-transform: rotate3d(0,1,0,90deg);
    -o-transform: rotate3d(0,1,0,90deg)
}

#navigation li ul li ul {
    left: 100%;
    top: 0;
    margin-left: -10px;
    margin-top: 10px;
    z-index: 7000
}

#navigation ul li:last-child, #navigation ul li:last-child > a, #navigation ul li:last-child > span {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom: none
}

#navigation ul li:last-child, .payment-options > ul > li.active, .payment-options > ul > li:last-child, .post-comments > ul > li:last-child li:last-child > .comment:only-child, .post-comments > ul > li:last-child > .comment:only-child {
    border-bottom: none
}

#navigation li ul li > a, #navigation li ul li > span {
    display: block;
    color: #3e474c;
    font-size: 16px;
    padding: 10px 20px;
    border-bottom: 1px solid #dee0e5
}

#navigation li:hover > ul {
    display: block;
    width: 200px;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    transform: rotate3d(0,0,0,0);
    -webkit-transform: rotate3d(0,0,0,0);
    -moz-transform: rotate3d(0,0,0,0);
    -ms-transform: rotate3d(0,0,0,0);
    -o-transform: rotate3d(0,0,0,0)
}

    #instagram-feed li a, #navigation li:hover > ul > li, .csstransforms .shopping-cart-dropdown, .flickr-feed li a, .post-side-meta > a, .tabs.style2 .tab-header li, .testimonial-author .author-meta span {
        display: block
    }

.section {
    padding: 30px 0;
    background: #fff
}

    .category-box li > a, .project-details tr:first-child td, .section.full-width-slider-section {
        padding-top: 0
    }

.section-row {
    margin-top: 36px
}

.blog-post.style2:last-child, .blog-post:last-child, .section > .row:last-child {
    margin-bottom: 0
}

.boxed-layout #lower-footer, .boxed-layout #main-footer, .boxed-layout .full-width-bg, .boxed-layout .section {
    padding-left: 30px;
    padding-right: 30px;
    margin-left: -30px;
    margin-right: -30px
}

.full-width-bg {
    padding-left: 5000px;
    padding-right: 5000px
}

.gray-bg {
    background: #f2f4f9;
    padding-top: 60px;
    padding-bottom: 60px
}

.page-heading {
    background: #fff;
    padding: 27px 5000px;
    position: relative
}

.owl-header, .owl-item {
    padding: 0 15px
}

.accordion-header h6, .alert-box p, .blog-post.style2 .post-image blockquote, .comment-content p, .horizontal .event-meta-block, .order-group button + button, .page-heading h1, .post-author .author-info p, .tab-header li h6 {
    margin: 0
}

.page-heading .breadcrumb {
    margin: 8px 0 0;
    font-size: 13px;
    color: #95999e
}

.main-flexslider .slides > li {
    height: 460px;
    color: #fff;
    background-size: cover !important;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

.main-flexslider .slide {
    padding: 80px 50px
}

.full-width-slider .slide {
    width: 1170px;
    margin: 0 auto
}

.alert-box + .alert-box, .blog-post.big, .event-meta.horizontal + .event-image, .main-flexslider .great-vibes + h2, .main-revolution .great-vibes + h2, .sidebar-box a.button, .testimonial-author, .white-box > :first-child {
    margin-top: 10px
}

.main-flexslider h2 {
    font-size: 48px;
    font-weight: 800;
    line-height: 60px
}

.main-flexslider p {
    font-size: 16px
}

.main-flexslider a.button {
    border-bottom-color: #738497
}

.main-flexslider p + a.button {
    margin-top: 37px
}

.main-flexslider .great-vibes {
    font-size: 36px;
    position: relative;
    display: inline-block;
    margin-bottom: 0
}

    .main-flexslider .great-vibes:before, .main-revolution .great-vibes:before {
        content: '';
        display: block;
        width: 40px;
        border-top: 1px solid #fff;
        border-color: rgba(255,255,255,.6);
        position: absolute;
        top: 50%;
        left: -60px
    }

    .main-flexslider .great-vibes:after, .main-revolution .great-vibes:after {
        content: '';
        display: block;
        width: 40px;
        border-top: 1px solid #fff;
        border-color: rgba(255,255,255,.6);
        position: absolute;
        top: 50%;
        right: -60px
    }

#main_flex_1 {
    background: url(../img/slide1.jpg) no-repeat
}

    #main_flex_1 .slide, .blog-post-single.fullwidth-post {
        padding-left: 100px
    }

#main_flex_2 {
    background: url(../img/slide2.jpg) no-repeat
}

    #main_flex_2 .slide h2, .payment-header label {
        font-weight: 700
    }

#main_flex_3 {
    background: url(../img/slide3.jpg) no-repeat
}

.tp-caption.align-right {
    padding-right: 30px
}

.main-revolution h2 {
    font-size: 48px;
    font-weight: 800;
    color: #fff;
    line-height: 54px;
    margin: 0
}

.main-revolution p {
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    margin: 0
}

.main-revolution a.button {
    border-bottom-color: #738497;
    margin: 0
}

.main-revolution .great-vibes {
    font-size: 36px;
    position: relative;
    display: inline-block;
    color: #fff;
    margin-bottom: 0
}

.tparrows.default {
    width: 45px;
    height: 45px;
    left: -40px !important;
    cursor: pointer;
    background: rgba(0,0,0,.6);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    text-align: center;
    vertical-align: middle;
    padding-top: 12px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    top: 50% !important
}

    .tparrows.default.tp-rightarrow {
        right: -40px !important;
        left: auto !important
    }

.tp-banner-container:hover .tparrows.default {
    left: 20px !important;
    right: auto !important
}

    .tp-banner-container:hover .tparrows.default.tp-rightarrow {
        right: 20px !important;
        left: auto !important
    }

.tparrows.default:hover {
    background: rgba(0,0,0,.8)
}

.tparrows.default:before {
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    color: #fff;
    font-size: 24px;
    content: '\e891';
    position: absolute;
    left: 50%;
    margin-left: -3px
}

#main-footer h4, .banner h4, .event-info .date .month, .filter-dropdown ul li, .filter-dropdown > li > span, .image-banner .button, .post-author h4 {
    text-transform: uppercase
}

.tparrows.default.tp-leftarrow:before {
    content: '\e890';
    margin-left: -6px
}

.owl-carousel-container {
    margin: 0 -15px 50px
}

.testimonial-carousel + a.button {
    margin-top: -20px
}

.owl-header {
    position: relative
}

    .owl-header .carousel-arrows {
        position: absolute;
        top: -10px;
        right: 15px
    }

.testimonial-carousel .owl-header .carousel-arrows {
    top: -25px
}

.owl-header .carousel-arrows span {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    padding-top: 3px;
    color: #808ca4;
    border-top: 1px solid #f3f7fa;
    border-bottom: 1px solid #bfc8d7;
    background: #e2eaf2;
    cursor: pointer;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    transition: background .3s,color .2s,border .3s;
    -webkit-transition: background .3s,color .2s,border .3s;
    -moz-transition: background .3s,color .2s,border .3s
}

.testimonial-carousel .owl-header .carousel-arrows span {
    width: 25px;
    height: 25px;
    padding-top: 0
}

.owl-header .carousel-arrows span:hover {
    color: #fff;
    background: #63b2f5;
    border-top-color: #7cc5f8;
    border-bottom-color: #579dd9
}

#main-footer > .row > div:after, #main-footer > .row > div:before, .blog-post:after, .blog-post:before, .post-author:after, .post-author:before, .shop-header:after, .shop-header:before, .shop-single:after, .shop-single:before, .sidebar-box:after, .sidebar-box:before, .tab:after, .tab:before {
    content: "";
    display: table
}

#main-footer > .row > div:after, .blog-post:after, .post-author:after, .shop-header:after, .shop-single:after, .sidebar-box:after, .tab:after {
    clear: both
}

.blog-post.big {
    margin-bottom: 50px;
    overflow: hidden
}

    .blog-post.big .post-image {
        float: left;
        width: 55.5555%;
        margin-right: 30px
    }

#instagram-feed li img, .flickr-feed li img, .post-image img {
    width: 100%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

.post-title {
    margin: 20px 0 7px;
    height: 45px
}

.blog-post.big .post-title {
    margin-top: 0;
    font-size: 24px;
    font-weight: 400
}

.post-meta {
    margin-bottom: 15px;
    line-height: 16px
}

    .post-meta > span {
        display: inline-block;
        font-size: 13px;
        color: #95999e;
        line-height: 16px
    }

.blog-post a.button {
    margin-top: 11px
}

.banner-rotator-flexslider {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    overflow: hidden
}

    .banner-rotator-flexslider .flex-control-nav {
        bottom: 10px;
        width: 35%;
        z-index: 100
    }

        .banner-rotator-flexslider .flex-control-nav li {
            margin: 0 2px
        }

            .banner-rotator-flexslider .flex-control-nav li a {
                background: #a3cef3;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                -o-box-shadow: none;
                box-shadow: none
            }

                .banner-rotator-flexslider .flex-control-nav li a.flex-active, .event-calendar tr:hover > th, .issue-block:hover {
                    background: #e2eaf2
                }

.banner-rotator-content {
    padding: 40px 10px 60px;
    background: #63b2f5;
    color: #fff;
    display: inline-block;
    width: 35%;
    text-align: center;
    border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px
}

    .banner-rotator-content h5 {
        color: #274472;
        font-size: 16px;
        margin: 0 0 10px
    }

    .banner-rotator-content h2 {
        font-size: 48px;
        font-weight: 700;
        margin: 0;
        white-space: nowrap
    }

    .banner-rotator-content span.date {
        display: block;
        font-size: 18px
    }

    .banner-rotator-content a.button {
        margin-top: 15px;
        padding: 6px 14px;
        border: none;
        border-top-color: #f3f7fa;
        border-bottom-color: #5496d4
    }

        .banner-rotator-content a.button:hover {
            background: #324e79;
            border-bottom-color: #243f6a;
            border-top-color: #41669e
        }

.banner-rotator-flexslider .slides > li {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

#flex_rotator_1 {
    background: url(../img/rotator_slide1.jpg) center center/cover no-repeat
}

#flex_rotator_2 {
    background: url(../img/rotator_slide2.jpg) center center/cover no-repeat
}

#flex_rotator_3 {
    background: url(../img/rotator_slide3.jpg) center center/cover no-repeat
}

.team-member {
    position: relative;
    overflow: hidden;
    padding-bottom: 89px;
    margin-bottom: 30px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

.contact-map, .issue-block {
    overflow: hidden;
    border-radius: 3px
}

.event-item .event-image img, .issue-image img, .media-item img, .section.full-width-image img, .section.full-width-map iframe, .shop-product-gallery .main-image img, .shop-product-gallery .slider-navigation li img, .team-member .team-member-image {
    width: 100%
}

.team-member-info {
    padding: 20px;
    position: absolute;
    z-index: 10;
    margin-top: -89px;
    top: 100%;
    left: 0;
    background: #fff;
    right: 0;
    bottom: 0;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    backface-visibility: hidden
}

.team-member .social-media li {
    margin-right: 4px
}

    .social-buttons li:last-child, .team-member .social-media li:last-child {
        margin-right: 0
    }

.team-member-more {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transition: .4s .1s;
    -webkit-transition: .4s .1s;
    -moz-transition: .4s .1s
}

.team-member:hover .team-member-info {
    top: 80px
}

.team-member.big .team-member-more, .team-member:hover .team-member-more {
    opacity: 1;
    -moz-opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1)
}

.team-member-info h2 {
    margin: 3px 0 0
}

.team-member-info .job {
    color: #95999e;
    font-size: 13px;
    display: block;
    margin-bottom: 17px;
    white-space: nowrap
}

.team-member.big {
    background: #fff;
    padding: 0
}

    .team-member.big .team-member-image {
        width: 50%;
        padding-right: 15px;
        float: left
    }

    .team-member.big .team-member-info {
        position: relative;
        margin-top: 0;
        top: 0;
        float: left;
        width: 50%;
        padding: 30px 30px 30px 15px
    }

.contact-map {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-bottom: -10px
}

.issue-block {
    background: #fafbfd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-top: 30px;
    text-align: center;
    transition: background .3s;
    -webkit-transition: background .3s;
    -moz-transition: background .3s
}

.issue-icon {
    display: inline-block;
    background: #63b2f5;
    color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding-top: 10px;
    margin-top: 20px;
    font-size: 24px;
    transition: color .3s,background .3s;
    -webkit-transition: color .3s,background .3s;
    -moz-transition: color .3s,background .3s
}

.issue-block:hover .issue-icon {
    color: #274472;
    background: #fff
}

.issue-block:hover a.button {
    color: #fff;
    background: #28a5a3;
    border-top-color: transparent
}

.issue-content {
    padding: 30px 20px
}

    .issue-content h4 {
        color: #4174c5;
        font-size: 16px;
        margin: 0 0 15px;
        transition: color .3s;
        -webkit-transition: color .3s;
        -moz-transition: color .3s
    }

    .blog-post-single .post-meta, .blog-post.style2 .read-more-button, .issue-content a.button {
        margin-top: 15px
    }

.calendar-header .filter-dropdown {
    text-align: left;
    margin-right: 0
}

.calendar-header label {
    color: #95999e;
    font-size: 13px;
    margin-right: 5px;
    position: relative;
    top: 2px
}

.calendar-header h3 {
    margin: 0;
    position: relative;
    top: 5px
}

.event-calendar {
    overflow: visible;
    margin: 15px 0 30px;
    border: none;
    table-layout: fixed
}

    .event-calendar, .event-calendar td, .event-calendar th, .event-calendar tr, .event-calendar tr:hover, .media-item.gallery-media, .pricing-tables tr:hover td, .project-details tr:hover td {
        background: 0 0
    }

        .event-calendar th {
            background: #e2eaf2;
            font-weight: 700;
            padding: 18px 20px;
            font-size: 16px;
            border: 2px solid #f2f4f9;
            border-radius: 6px;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            overflow: hidden;
            text-align: center
        }

        .event-calendar td {
            border: 2px solid #f2f4f9;
            background: #fafbfd;
            height: 150px;
            vertical-align: top;
            padding: 10px 5px 10px 15px;
            border-radius: 6px;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            transition: background .3s;
            -webkit-transition: background .3s;
            -moz-transition: background .3s
        }

            .event-calendar td > span.day {
                font-size: 18px;
                font-weight: 700;
                display: block;
                transition: color .3s;
                -webkit-transition: color .3s;
                -moz-transition: color .3s
            }

            .event-calendar td.no-events > span.day {
                color: #dee0e5
            }

            .event-calendar td .events {
                list-style: none;
                margin: 0;
                padding: 0;
                font-size: 13px
            }

                .event-calendar td .events li {
                    border-bottom: 1px solid #ecedf1;
                    padding: 5px 0;
                    transition: border .3s;
                    -webkit-transition: border .3s;
                    -moz-transition: border .3s;
                    position: relative
                }

                    .event-calendar td .events li:last-child {
                        padding-bottom: 0;
                        border: none
                    }

            .event-calendar td:hover {
                background: #28a5a3
            }

                .event-calendar td:hover .events li {
                    border-color: #28a5a3
                }

            .event-calendar td.not-this-month {
                opacity: 0
            }

.event-popover {
    position: absolute;
    bottom: 130px;
    background: #e2eaf2;
    display: none;
    width: 320px;
    vertical-align: top;
    padding: 15px 10px;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    z-index: 100;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1)
}

.event-calendar td:last-child .event-popover, .event-calendar td:nth-child(6) .event-popover {
    right: 0
}

    .event-calendar td:last-child .event-popover:after, .event-calendar td:nth-child(6) .event-popover:after {
        left: auto;
        right: 20px
    }

.csstransforms .event-popover {
    display: block;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0)
}

.event-popover:after {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 8px solid #e2eaf2;
    bottom: -15px;
    left: 20px
}

.event-popover h6 {
    margin: 5px 0 10px
}

.event-popover .event-meta {
    list-style: none;
    margin: 0 0 10px;
    padding: 0
}

#checkout-form textarea, .event-item, .event-popover img.align-left, .submit-review input[type=submit], .toggle-alert-box, form .chosen-container, form input[type=text], form select {
    margin-bottom: 10px
}

.event-popover .event-meta li {
    border: none !important;
    padding: 0 !important;
    color: #95999e;
    font-size: 13px
}

.event-popover p {
    font-size: 13px;
    line-height: 22px
}

.event-calendar td .events li:hover .event-popover {
    display: block;
    bottom: 120%;
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1)
}

.section.full-width-image, .section.full-width-map {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    background: #fff
}

    .section.full-width-map iframe {
        margin-bottom: -5px
    }

.event-single {
    margin-bottom: 30px
}

.event-meta, .shop-featured-image, .social-buttons {
    overflow: hidden
}

.event-meta-block {
    background: #e2eaf2;
    display: block;
    padding: 18px 13px 18px 50px;
    height: 75px;
    position: relative
}

    .event-meta-block p {
        font-size: 15px;
        white-space: nowrap;
        margin: 0
    }

    .event-meta-block > .icons {
        position: absolute;
        top: 17px;
        left: 10px;
        color: #c6d0dc;
        font-size: 24px
    }

    .event-meta-block .social-share li a, .responsive-calendar .controls .icons {
        color: #808ca4
    }

    .event-meta-block:first-child, .portfolio-single .flexslider img {
        border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px 3px 0 0;
        -moz-border-radius: 3px 3px 0 0
    }

    .event-meta-block:last-child {
        border-radius: 0 0 3px 3px;
        -webkit-border-radius: 0 0 3px 3px;
        -moz-border-radius: 0 0 3px 3px
    }

    .event-meta-block + .event-meta-block {
        margin-top: 1px
    }

    .event-meta-block p.title, .upcoming-events .event-content .event-meta {
        color: #95999e;
        font-size: 13px;
        line-height: 16px
    }

.banner-wrapper + .banner-wrapper, .event-image + .event-meta.horizontal {
    margin-top: 5px
}

.horizontal .event-meta-block + .event-meta-block {
    border-left: 1px solid #f2f4f9
}

.horizontal .event-meta-block:first-child {
    border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px
}

.horizontal .event-meta-block:last-child {
    border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0
}

.event-pagination {
    margin-bottom: -20px;
    margin-top: -16px
}

#comment-form, .banner-wrapper + .social-media, .event-details h6, .media-item h4.related-title, .portfolio-single h6, .sidebar-box + .social-media, .social-media + .banner-wrapper, .social-media + .sidebar-box {
    margin-top: 20px
}

.event-details .project-details {
    margin-top: -7px
}

.event-info {
    display: table;
    margin-top: 30px
}

    .cart-item > *, .event-info > *, .media-header > div, .popular-news > li > *, .shop-items-widget li > *, .tabs.style2 > div, .upcoming-events > li > * {
        display: table-cell;
        vertical-align: top
    }

    .comments-box ul, .event-info ul, .menu, .payment-options > ul, .popular-news, .popular-news ul, .post-comments ul, .pricing-features, .product-reviews, .shop-items-widget, .social-buttons, .social-icons, .tab-header ul, .upcoming-events, .upcoming-events ul, ul.list {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .event-info .date > span {
        background: #ebf4fc;
        text-align: center;
        padding: 7px 10px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        width: 42px;
        display: block;
        transition: color .2s,background .3s;
        -webkit-transition: color .2s,background .3s;
        -moz-transition: color .2s,background .3s
    }

    .event-info .date .day, .upcoming-events .date .day {
        font-size: 18px;
        font-weight: 700;
        display: block;
        padding: 0
    }

    .event-info .date .month {
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        display: block;
        padding: 0
    }

    .event-info .event-content, .upcoming-events .event-content {
        padding-left: 15px;
        vertical-align: top
    }

        .event-info .event-content h6 {
            margin: 0 0 5px;
            font-size: 16px;
            font-weight: 700
        }

        .event-info .event-content .event-meta {
            color: #95999e;
            line-height: 16px;
            font-size: 13px
        }

            .event-info .event-content .event-meta .icons {
                font-size: 10px;
                margin-right: 2px;
                color: #cbcdd1;
                position: relative;
                top: -1px;
                transition: color .3s;
                -webkit-transition: color .3s;
                -moz-transition: color .3s
            }

.event-item:hover .date > span, .filter-select + div.chosen-with-drop .chosen-single, .media-item:hover .media-format > div, .post-side-meta .post-format:hover, a.tag:hover {
    background: #63b2f5;
    color: #fff
}

.category-box a:hover:before, .col-lg-3 .media-button a.button:hover:after, .col-lg-9 .col-lg-4 .media-button a.button:hover:after, .event-item:hover h6 a, .tab-header li a, .upcoming-events > li:hover h6 a {
    color: #274472
}

.event-item:hover .event-content .event-meta .icons, .upcoming-events > li:hover .event-content .event-meta .icons {
    color: #b1b4b8
}

.related-events h3 {
    margin-bottom: 23px;
    margin-top: 0
}

.media-filters {
    border-bottom: 1px solid #dee0e5;
    padding-bottom: 20px;
    margin-bottom: 30px;
    position: relative;
    z-index: 1000
}

    .media-filters label {
        color: #95999e;
        font-size: 13px;
        margin-right: 10px
    }

.filter-filtering, .testimonial-author .author-meta {
    display: inline-block;
    vertical-align: middle
}

.filter-dropdown {
    list-style: none;
    margin: 0 20px 0 0;
    padding: 0;
    display: inline-block;
    width: 130px
}

    .filter-dropdown > li > span {
        background: #e2eaf2;
        border-radius: 3px;
        display: block;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-bottom: 1px solid #bfc8d7;
        font-weight: 600;
        border-top: 1px solid #f3f7fa;
        padding: 5px 10px;
        color: #274472;
        font-size: 13px;
        position: relative;
        cursor: pointer;
        transition: background .3s,border .3s,color .3s;
        -webkit-transition: background .3s,border .3s,color .3s;
        -moz-transition: background .3s,border .3s,color .3s
    }

        .filter-dropdown.opened > li > span, .filter-dropdown > li > span:hover {
            background: #28a5a3;
            border-top-color: #28a5a3;
            border-bottom-color: #28a5a3
        }

        .filter-dropdown > li > span:after {
            font-family: fontello;
            font-style: normal;
            font-weight: 400;
            speak: none;
            display: inline-block;
            text-decoration: inherit;
            width: 1em;
            margin-right: .2em;
            text-align: center;
            font-variant: normal;
            text-transform: none;
            line-height: 1em;
            margin-left: .2em;
            content: '\e88e';
            position: absolute;
            right: 15px;
            top: 9px;
            color: #808ca4;
            transition: color .3s;
            -webkit-transition: color .3s;
            -moz-transition: color .3s
        }

    .filter-dropdown.opened > li > span:after {
        content: '\e88f'
    }

.sorting-desc:after {
    content: '\e88f';
    margin-left: 10px;
    margin-right: -5px
}

.filter-dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
    position: absolute;
    z-index: 1000;
    width: 130px;
    display: none;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px
}

.csstransforms .filter-dropdown ul {
    display: block;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transition: transform .4s;
    -webkit-transition: -webkit-transform .4s;
    -moz-transition: -moz-transform .4s
}

.filter-dropdown.opened ul {
    z-index: 1000;
    display: block;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1)
}

.filter-dropdown ul li {
    padding: 6px 20px;
    border-bottom: 1px solid #ddd;
    cursor: pointer
}

    .dropcap.blue, .filter-dropdown ul li.active-filter, .filter-dropdown ul li:hover, a.button.transparent:hover:after, button.transparent:hover:after {
        color: #63b2f5
    }

.filter-select + div .chosen-results > li {
    padding: 6px 15px !important;
    text-transform: uppercase !important;
    color: #3e474c;
    font-size: 13px;
    border-bottom: 1px solid #ecedf1;
    transition: color .3s;
    -webkit-transition: color .3s;
    -moz-transition: color .3s
}

    .filter-select + div .chosen-results > li.result-selected, .filter-select + div .chosen-results > li:hover {
        color: #63b2f5;
        background: 0 0
    }

.comment-author .author-meta, .filter-sorting, .twitter-widget li > span {
    display: inline-block
}

.order-group, .social-share li {
    display: inline-block;
    margin-right: 5px
}

.sorting-asc:after {
    content: '\e88e';
    margin-left: 10px;
    margin-right: -5px
}

.active-sort > button {
    background: #63b2f5;
    border-bottom-color: #579dd9;
    border-top-color: #80bef0;
    color: #fff
}

.filter-sorting button i {
    color: #808ca4;
    margin-right: -5px;
    transition: color .3s;
    -webkit-transition: color .3s;
    -moz-transition: color .3s
}

button.small {
    padding: 5px 20px
}

.media-items {
    margin-bottom: -30px
}

.media-item {
    position: relative;
    background: #fafbfd;
    overflow: hidden;
    z-index: 100;
    margin-bottom: 30px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

.media-image {
    position: relative;
    overflow: hidden;
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0
}

.media-hover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(14,30,51,.4);
    color: #fff;
    text-align: center;
    width: 100%;
    height: 100%;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0
}

.blog-post:hover .media-hover, .media-item:hover .media-hover {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    display: block
}

.blog-post:hover .media-icon, .media-item:hover .media-icon {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
}

.media-hover .media-icons {
    position: relative;
    top: 50%;
    margin-top: -25px
}

.media-hover .media-icon {
    background: rgba(16,30,51,.7);
    width: 50px;
    height: 50px;
    margin: 0 3px;
    color: #fff;
    display: inline-block;
    text-align: center;
    font-size: 20px;
    border-radius: 3px;
    line-height: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding-top: 15px;
    cursor: pointer;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    -webkit-transition: background .3s,-webkit-transform .5s;
    -moz-transition: background .3s,-moz-transform .5s;
    transition: background .3s,transform .5s
}

.media-format > div, a.tag {
    transition: background .3s,color .3s
}

.media-hover .media-icon:hover {
    background: #101e33
}

.media-info {
    padding: 20px 20px 30px
}

.media-header, .notification-input {
    display: table;
    width: 100%
}

.media-format {
    width: 45px
}

    .media-format > div {
        width: 45px;
        height: 45px;
        background: #e2eaf2;
        color: #274472;
        text-align: center;
        font-size: 20px;
        padding-top: 10px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-transition: background .3s,color .3s;
        -moz-transition: background .3s,color .3s
    }

.media-caption {
    padding-left: 20px
}

    .media-caption h2 {
        margin-top: 0;
        margin-bottom: 5px;
        color: #4174c5
    }

.col-lg-3 .media-caption h2, .col-lg-9 .col-lg-4 .media-caption h2 {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    margin-right: -15px
}

.col-lg-3 .media-button a.button, .col-lg-9 .col-lg-4 .media-button a.button {
    padding: 0;
    font-size: 13px;
    background: 0 0;
    color: #274472;
    border: none
}

.col-lg-3 .media-button, .col-lg-9 .col-lg-4 .media-button {
    margin-bottom: -6px;
    margin-top: -11px
}

    .col-lg-3 .media-button a.button:first-child, .col-lg-9 .col-lg-4 .media-button a.button:first-child {
        margin-right: 10px
    }

    .col-lg-3 .media-button a.button:hover, .col-lg-9 .col-lg-4 .media-button a.button:hover, a.button.transparent:hover, button.transparent:hover {
        background: 0 0;
        color: #63b2f5
    }

.media-caption span.tags {
    color: #4174c5;
    font-size: 13px
}

.media-description {
    margin: 20px 0 28px
}

.portfolio-single {
    background: #fafbfd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 20px;
    margin-bottom: 30px
}

.portfolio-slideshow-section {
    padding-top: 0;
    padding-bottom: 0
}

.portfolio-slideshow.flexslider {
    max-height: 500px;
    overflow: hidden
}

.portfolio-single .flexslider, .portfolio-single .portfolio-video {
    margin: -20px -20px 0
}

.project-details, .project-details td, .project-details th, .project-details tr, .project-details tr:hover {
    background: 0 0;
    border: none;
    padding: 0
}

    .project-details tr:only-child td {
        padding-top: 7px
    }

    .project-details td {
        padding: 7px 0
    }

.social-share {
    list-style: none;
    margin: 0 0 0 -5px;
    padding: 0
}

    .social-share li a {
        color: #cbcdd1;
        font-size: 16px
    }

    .social-share li.facebook:hover a {
        color: #4862a3
    }

    .social-share li.twitter:hover a, a.button.twitter-button:hover:before {
        color: #40bff5
    }

    .social-share li.google:hover a {
        color: #eb5b4c
    }

    .social-share li.pinterest:hover a {
        color: #cd322c
    }

    .social-share li.email:hover a {
        color: #324e79
    }

.blog-post {
    zoom: 1;
    margin-bottom: 30px
}

    .blog-post .post-meta span + span:before, .blog-post-single .post-meta span + span:before, .comment-author .comment-meta span + span:before {
        display: inline-block;
        content: '\2022 ';
        margin-right: 3px;
        font-size: 10px
    }

.post-content {
    position: relative;
    padding: 20px 0 20px 100px
}

.post-side-meta {
    position: absolute;
    top: 25px;
    left: 0;
    width: 70px;
    text-align: center
}

    .post-side-meta .date {
        background: #f2f4f9;
        color: #95999e;
        width: 70px;
        height: 60px
    }

        .post-side-meta .date .day {
            font-size: 36px;
            line-height: 26px;
            font-weight: 800;
            display: block
        }

        .post-side-meta .date .month {
            font-size: 18px;
            font-weight: 400;
            display: block
        }

    .post-side-meta .post-format {
        background: #e2eaf2;
        color: #274472;
        font-size: 24px;
        padding-top: 20px;
        border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px 3px 0 0;
        -moz-border-radius: 3px 3px 0 0;
        width: 70px;
        height: 70px;
        transition: color .3s,background .3s;
        -webkit-transition: color .3s,background .3s;
        -moz-transition: color .3s,background .3s
    }

    .post-side-meta .post-comments {
        background: #fafbfd;
        width: 70px;
        padding: 10px 0;
        color: #4174c5;
        border-radius: 0 0 5px 5px;
        -webkit-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px
    }

.blog-post h2 {
    margin: 0 0 5px
}

.blog-post p {
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 600
}

.post-header {
    margin-bottom: 16px
}

.blog-post.style2 {
    margin-bottom: 50px
}

    .blog-post.style2 .post-image {
        float: left;
        width: 50%;
        position: relative;
        z-index: 100;
        margin-bottom: 0
    }

    .blog-post.style2 .post-content {
        padding: 0 0 0 50%;
        margin-left: 30px
    }

    .blog-post.style2 .read-more-button:only-child {
        margin-top: 14px
    }

.blog-post-single .portfolio-slideshow .slides img {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

.post-author, .post-meta-track {
    border-radius: 3px;
    background: #fafbfd
}

.blog-post-single .post-content, .image-banner, .menu-container {
    padding: 0
}

.blog-post-single .post-side-meta {
    top: 10px
}

.post-meta-track {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 3px 20px;
    font-size: 13px;
    color: #95999e;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

    .customize-box input[type=radio] + label + input[type=radio] + label, .post-meta-track .social-share {
        margin-left: 0
    }

.post-author {
    padding: 20px;
    min-height: 110px;
    margin-top: 30px;
    margin-bottom: 50px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    zoom: 1
}

    .post-author h4 {
        margin-top: 0;
        font-weight: 400;
        font-size: 18px
    }

    .post-author .author-info .author-img {
        width: 100px;
        float: left
    }

    .post-author .author-info img {
        width: 80px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px
    }

.post-comments, .upcoming-events {
    margin-bottom: -10px
}

    .post-comments h3 {
        margin-bottom: -7px
    }

    .post-comments ul ul {
        padding-left: 30px
    }

.comment {
    padding: 30px 0;
    border-bottom: 1px solid #dee0e5
}

.comment-author {
    position: relative;
    padding-left: 90px;
    min-height: 70px;
    padding-top: 10px
}

    .comment-author img {
        position: absolute;
        left: 0;
        top: 0;
        width: 70px
    }

    .comment-author h6 {
        display: inline-block;
        margin: 0;
        font-weight: 400;
        font-size: 15px
    }

    .comment-author .comment-meta span {
        display: inline-block;
        color: #95999e;
        font-size: 13px
    }

.comment-content:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 90px;
    top: -20px;
    background: url(../img/blog/comment-arrow.png) left bottom no-repeat
}

.comment-content {
    background: #fafbfd;
    border: 1px solid #dee0e5;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 20px;
    font-size: 15px;
    font-style: italic;
    margin-top: 12px;
    position: relative
}

#checkout-form a.button.donate, #comment-form input[type=submit], .product-reviews li + li, .shop-item, .sidebar-box + .sidebar-box {
    margin-top: 30px
}

.related-articles h3 {
    margin-bottom: 23px
}

.shopping-cart {
    display: inline-block;
    position: relative
}

.cart-button {
    width: 45px;
    height: 45px;
    background: #e2eaf2;
    color: #808ca4;
    font-size: 20px;
    text-align: center;
    padding-top: 7px;
    border-top: 1px solid #f3f7fa;
    border-bottom: 1px solid #c5cdda;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    transition: color .3s,background .3s,border .3s;
    -webkit-transition: color .3s,background .3s,border .3s;
    -moz-transition: color .3s,background .3s,border .3s
}

.accordion-active .accordion-header, .accordion-header:hover, .shopping-cart:hover .cart-button, .tab-header li.active-tab, .tab-header li:hover {
    background: #63b2f5;
    border-top-color: #7cc5f8;
    border-bottom-color: #579dd9;
    color: #fff
}

.shopping-cart-dropdown {
    position: absolute;
    top: 45px;
    right: 0;
    z-index: 1000;
    width: 280px;
    padding-top: 7px;
    display: none;
    opacity: 0;
    -moz-opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transition: opacity .4s,transform .4s;
    -webkit-transition: opacity .4s,-webkit-transform .4s;
    -moz-transition: opacity .4s,-moz-transform .4s
}

.shopping-cart:hover .shopping-cart-dropdown {
    opacity: 1;
    -moz-opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    display: block
}

.shopping-cart-content {
    background: #fafbfd;
    border: 3px solid #63b2f5;
    text-align: left;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 1px 1px rgba(39,68,114,.25)
}

.cart-item {
    display: table;
    width: 100%;
    padding: 10px 20px;
    border-bottom: 1px solid #ecedf1;
    position: relative
}

    .cart-item .featured-image {
        width: 65px;
        padding-right: 15px
    }

        .cart-item .featured-image img {
            border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            width: 50px
        }

    .cart-item .item-content h6 {
        margin: 5px 0 2px;
        font-size: 15px;
        font-weight: 400
    }

    .cart-item > h6 {
        margin: 0;
        padding: 5px 0;
        font-size: 15px
    }

    .cart-item .remove-item {
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -12px;
        color: #d3a7a4;
        font-size: 18px;
        cursor: pointer;
        transition: color .3s;
        -webkit-transition: color .3s;
        -moz-transition: color .3s
    }

    .cart-item > a.button {
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 5px;
        margin-bottom: 5px;
        font-size: 13px;
        text-transform: uppercase !important
    }

.shop-header {
    border-bottom: 1px solid #dee0e5;
    padding-bottom: 15px;
    zoom: 1
}

    .shop-header span.results {
        font-size: 13px;
        color: #95999e;
        display: inline-block;
        margin-top: 10px
    }

    .shop-header .filter-filtering {
        float: right
    }

    .shop-header .filter-dropdown {
        margin-right: 0;
        width: 250px
    }

        .shop-header .filter-dropdown ul {
            width: 250px
        }

.shop-item {
    background: #fafbfd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    display: block;
    width: 100%
}

.shop-image {
    position: relative;
    width: 100%
}

.shop-ribbon-sale {
    position: absolute;
    top: -4px;
    left: -4px;
    right: 0;
    bottom: 0;
    z-index: 100;
    background: url(../img/shop/ribbon-sale.png) top left no-repeat;
    -webkit-transform: translateZ(0)
}

.shop-ribbon-new, .shop-ribbon-stock {
    top: -4px;
    right: -4px;
    z-index: 100;
    -webkit-transform: translateZ(0);
    position: absolute;
    left: 0;
    bottom: 0
}

.shop-ribbon-stock {
    background: url(../img/shop/ribbon-stock.png) top right no-repeat
}

.shop-ribbon-new {
    background: url(../img/shop/ribbon-new.png) top right no-repeat
}

.shop-product-gallery .shop-ribbon-new, .shop-product-gallery .shop-ribbon-sale, .shop-product-gallery .shop-ribbon-stock {
    z-index: 0
}

.shop-image img {
    width: 100%;
    transition: transform .5s;
    -webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-transform: translateZ(0)
}

.shop-hover {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    background: #eee;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: opacity .4s;
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s
}

    .shop-hover img {
        transform: scale(2);
        -webkit-transform: scale(2) translateZ(0);
        -moz-transform: scale(2)
    }

.shop-item:hover .shop-hover {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

    .shop-item:hover .shop-hover img {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1)
    }

.shop-content {
    padding: 20px
}

    .shop-content h4 {
        margin-top: 0;
        margin-bottom: 5px
    }

    .shop-content .price, .testimonial-author .name {
        font-size: 15px
    }

        .customize-box select, .shop-content .price del, .shop-product-content .price del {
            color: #95999e
        }

.shop-rating {
    margin: 10px 0 20px
}

    .shop-rating img + img {
        margin-left: -5px
    }

a.button.add-to-cart-button {
    color: #a82512 !important;
    margin-right: 5px
}

    a.button.add-to-cart-button:hover, a.button.add-to-cart-button:hover:after {
        color: #d3311a !important
    }

    a.button.add-to-cart-button:after {
        content: '\e874';
        color: #c37d78;
        margin-left: 5px;
        transition: color .3s;
        -webkit-transition: color .3s;
        -moz-transition: color .3s
    }

a.button.details-button {
    color: #274472 !important
}

    a.button.details-button:after {
        color: #808ca4 !important
    }

    a.button.details-button:hover, a.button.details-button:hover:after {
        color: #63b2f5 !important
    }

.shop-single {
    margin: 30px 0;
    zoom: 1
}

    .shop-single .tabs {
        margin: 30px 0 40px
    }

.shop-product-gallery {
    width: 55.5555%;
    background: 0 0;
    float: left;
    padding-right: 15px;
    position: relative
}

    .shop-product-gallery .shop-ribbon-sale {
        width: 100px;
        height: 100px
    }

    .shop-product-gallery .main-image {
        position: relative;
        cursor: pointer
    }

    .shop-product-gallery .fullscreen-icon {
        width: 35px;
        height: 35px;
        background: #7f8690;
        color: #fff;
        text-align: center;
        position: absolute;
        bottom: 10px;
        right: 10px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        font-size: 18px;
        padding-top: 6px;
        z-index: 9999;
        transition: background .3s;
        -webkit-transition: background .3s;
        -moz-transition: background .3s
    }

.payment-options, .sidebar-box.white {
    background: #fafbfd
}

.shop-product-gallery .fullscreen-icon .icons {
    margin: 0 0 0 -2px
}

.shop-product-gallery .fullscreen-icon:hover {
    background: #63b2f5
}

.shop-product-gallery .slider-navigation {
    margin: 10px 0 0;
    position: relative;
    list-style: none;
    padding: 0
}

    .shop-product-gallery .slider-navigation li {
        margin: 0 10px 0 0;
        width: 90px;
        display: inline-block;
        transition: opacity .3s;
        -webkit-transition: opacity .3s;
        -moz-transition: opacity .3s;
        position: relative;
        cursor: pointer
    }

        .shop-product-gallery .slider-navigation li:after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: 0 0
        }

        .shop-product-gallery .slider-navigation li.active, .shop-product-gallery .slider-navigation li:hover {
            opacity: .6;
            -moz-opacity: .6
        }

.shop-product-content {
    width: 44.4445%;
    float: left;
    padding-left: 15px
}

    .shop-product-content h2 {
        color: #4174c5;
        margin: 0 0 -5px
    }

    .shop-product-content .price {
        font-size: 18px;
        display: block;
        margin: -15px 0 15px
    }

    .shop-product-content ul {
        padding: 0;
        margin: 20px 0;
        list-style-position: inside
    }

    .shop-product-content a.add-to-cart-button {
        background: #a82512 !important;
        color: #fff !important;
        margin: 20px 0;
        text-transform: uppercase !important;
        font-size: 13px;
        padding: 10px 20px
    }

        .shop-product-content a.add-to-cart-button:after {
            color: #d6aaa7 !important
        }

        .shop-product-content a.add-to-cart-button:hover {
            background: #d3311a !important;
            color: #fff !important
        }

            #navigation li ul li > a:hover, #navigation li.donate-button > a:hover, #navigation > li.current-menu-item > a:hover, .image-banner a.button:after, .shop-product-content a.add-to-cart-button:hover:after {
                color: #fff !important
            }

    .shop-product-content .social-share {
        margin: -10px 0 0
    }

.product-single-tabs.style2 .tab-header {
    width: 30% !important
}

.product-reviews li {
    position: relative;
    padding-left: 70px
}

    .product-reviews li > img {
        position: absolute;
        top: 0;
        left: 0;
        width: 50px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px
    }

.payment-header label img, .social-buttons li.facebook-share > div {
    top: -2px;
    position: relative
}

.product-reviews li .shop-rating {
    position: absolute;
    margin: 0;
    top: -5px;
    right: -20px
}

.product-reviews li h5 {
    margin: 0;
    text-transform: none;
    font-size: 16px
}

.product-reviews li .date {
    margin-bottom: 10px;
    display: block;
    font-size: 13px;
    margin-top: 5px;
    color: #95999e
}

.banners-inline > .banner-wrapper + .banner-wrapper, .related-products .shop-item, .submit-review .shop-rating, .tab img:first-child {
    margin-top: 0
}

.related-products {
    margin-top: 20px;
    margin-bottom: -20px
}

    .related-products h3 {
        margin-bottom: 23px;
        margin-top: 26px
    }

.related-media-items {
    margin-bottom: -54px
}

.shopping-cart-table .product-thumbnail {
    width: 50px;
    display: inline-block;
    margin-right: 10px
}

    .shopping-cart-table .product-thumbnail img {
        width: 50px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px
    }

.audio-current-time, .audio-time, .shopping-cart-table td {
    width: 1%
}

    .shopping-cart-table td.price {
        min-width: 100px
    }

.shopping-cart-table .apply-coupon, .shopping-cart-table .shopping-cart-item {
    width: auto
}

.shopping-cart-item {
    vertical-align: top
}

    .shopping-cart-item h6 {
        font-size: 14px;
        font-weight: 400;
        margin: 0;
        vertical-align: top;
        display: inline-block
    }

.shopping-cart-table .remove-shopping-item {
    color: #d3a7a4;
    cursor: pointer;
    transition: color .3s;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    font-size: 18px
}

.shopping-cart-table .apply-coupon input {
    padding: 5px 10px
}

.shopping-cart-table .apply-coupon > * {
    width: auto;
    display: inline-block
}

.shopping-cart-table a.button {
    font-size: 13px;
    text-transform: uppercase !important
}

    .shopping-cart-table a.button + a.button {
        margin-left: 2px
    }

.update-totals-form input[type=submit] {
    margin-top: 10px;
    font-size: 13px
}

.shopping-cart-forms {
    margin-top: 16px;
    margin-bottom: 16px
}

.your-order-table .product-thumbnail {
    width: 50px;
    margin-right: 15px;
    display: inline-block
}

    .your-order-table .product-thumbnail img {
        width: 50px;
        display: inline-block;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px
    }

.your-order-table .order-product p {
    margin: 0;
    vertical-align: top;
    display: inline-block
}

.your-order-table .price {
    width: 20%;
    min-width: 175px
}

.payment-options {
    margin: 30px 0 0;
    padding: 20px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

    .payment-options > ul > li {
        border-bottom: 1px solid #ecedf1;
        padding: 10px 0
    }

.payment-header label img {
    margin-left: 5px
}

.payment-content {
    padding-left: 37px
}

.toggle-alert-box + form {
    padding: 20px 0 30px
}

.checkout-login-form p {
    margin-bottom: 15px;
    margin-top: -5px
}

.checkout-login-form input[type=submit] {
    margin-right: 15px;
    margin-top: 15px
}

.checkout-coupon-form input[type=submit] {
    padding: 8px 20px;
    margin: 0 0 0 3px
}

.checkout-coupon-form input[type=text] {
    width: auto;
    min-width: 390px;
    max-width: 100%;
    margin: 0
}

.sidebar-box {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 0;
    zoom: 1
}

    .sidebar-box h3 {
        font-size: 20px;
        font-weight: 600;
        margin-top: 5px;
        margin-bottom: 23px;
        color: #28a5a3
    }

    .sidebar-box a.button.transparent:hover:after, a.button.active-button:after, a.button:hover:after, a.button:hover:before, button.active-button:after, button:hover:after, button:hover:before {
        color: #c89637
    }

.banners-inline {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-left: -3px;
    margin-right: -3px;
    margin-top: 30px
}

    .banners-inline > .banner-wrapper {
        display: table-cell;
        vertical-align: top;
        padding: 0 3px
    }

    .banners-inline .banner {
        padding-left: 48px;
        min-height: 97px
    }

        .banners-inline .banner.donate-banner {
            padding-bottom: 18px
        }

        .banners-inline .banner h4 {
            font-size: 24px;
            margin-top: 8px
        }

        .banners-inline .banner .icons {
            top: 50%;
            left: -25px
        }

.banner {
    background: #e2eaf2;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 18px 10px 15px 50px;
    overflow: hidden;
    position: relative;
    display: block;
    min-height: 75px;
    transition: background .3s;
    -webkit-transition: background .3s;
    -moz-transition: background .3s
}

.banner-wrapper {
    /*margin-top: 25px;
    padding: 50px 20px;*/
    margin-top: 0px; /*08012024*/
    padding: 0px 15px;
}

.banner h4 {
    color: #28a5a3;
    font-weight: 800;
    margin: 0;
    white-space: nowrap;
    transition: color .2s;
    -webkit-transition: color .2s;
    -moz-transition: color .2s
}

.banner p {
    color: #808ca4;
    margin-top: 0;
    font-size: 13px;
    margin-bottom: 0;
    transition: color .2s;
    -webkit-transition: color .2s;
    -moz-transition: color .2s
}

.banner .icons {
    position: absolute;
    font-size: 48px;
    width: 50px;
    color: #c6d0dc;
    left: -23px;
    top: 50%;
    margin-top: -26px;
    z-index: 500;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -webkit-transition: color .2s,opacity .7s,-webkit-transform .6s;
    -moz-transition: color .2s,opacity .7s,-moz-transform .6s;
    transition: color .2s,opacity .7s,transform .6s
}

.banner:hover {
    background: #63b2f5
}

    .banner:hover p {
        color: #dbe7f2
    }

    .banner:hover .icons {
        color: #9ccbf8
    }

        .banner:hover .icons.icons-fadeout {
            color: #9ccbf8;
            -webkit-transform: scale(4);
            -moz-transform: scale(4);
            transform: scale(4);
            opacity: 0;
            -moz-opacity: 0;
            -khtml-opacity: 0
        }

.banner.donate-banner {
    background: #ede1e2;
    padding: 20px 18px 20px 20px
}

    .banner.donate-banner h5 {
        margin: 0 0 8px;
        font-size: 14px;
        color: #a82512;
        font-weight: 400
    }

    .banner.donate-banner input[type=submit] {
        background: #a82512;
        border-top: 1px solid #be2e17;
        border-bottom: 1px solid #911f0f;
        margin-top: 0;
        padding: 5px 12px;
        height: 35px;
        color: #fff;
        display: inline-block;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        transition: background .3s;
        -webkit-transition: background .3s;
        -moz-transition: background .3s;
        vertical-align: bottom
    }

    .banner.donate-banner input[type=radio] + label {
        background: #fff;
        box-shadow: 0 0 1px #a82512;
        cursor: pointer;
        padding: 6px 8px;
        display: inline-block;
        margin: 0;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        transition: background .3s,color .2s;
        -webkit-transition: background .3s,color .2s;
        -moz-transition: background .3s,color .2s
    }

        .banner.donate-banner input[type=radio] + label:before {
            display: none;
            content: '';
            margin: 0
        }

    .banner.donate-banner input[type=radio]:checked + label, .banner.donate-banner label.radio-checked {
        background: #a82512 !important;
        color: #fff
    }

    .banner.donate-banner input[type=submit]:hover, a.button.donate:hover, button.donate:hover {
        background: #d3311a;
        border-top-color: #de3d21;
        border-bottom-color: #b02713
    }

.small-caption + .social-icons, h3 + table {
    margin-top: 3px
}

.social-buttons li, .social-icons li {
    display: inline-block;
    margin: 4px 0
}

.social-buttons li {
    float: left;
    margin-right: 4px;
    height: 25px
}

    .social-buttons li.twitter-share > iframe {
        width: 95px !important
    }

.social-icons li > a {
    display: block;
    width: 35px;
    height: 35px;
    color: #fff;
    background: #444;
    padding-left: 7px;
    text-align: end;
    font-size: 16px;
    padding-top: 5px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

.social-icons .facebook > a {
    background-color: #4862a3
}

.social-icons .twitter > a {
    background-color: #40bff5
}

.social-icons .google > a {
    background-color: #eb5b4c;
    border-top: 1px solid #f17663;
    border-bottom: 1px solid #cc4f42
}

.social-icons .youtube > a {
    background-color: #cd322c
}

.social-icons .flickr > a {
    background-color: #ff1981;
    border-top: 1px solid #ff21a7;
    border-bottom: 1px solid #d8166e
}

.social-icons .email > a {
    background-color: #324e79;
    padding-top: 6px !important;
    height: 36px
}

.featured-video {
    padding: 20px 0
}

    .featured-video > a, .featured-video > h3 {
        margin-left: 20px;
        margin-right: 20px
    }

    .featured-video iframe {
        width: 100%;
        height: 150px
    }

.popular-news > li, .upcoming-events > li {
    display: table;
    padding: 0 0 15px;
    border-bottom: 1px solid #eee
}

    .popular-news > li + li, .upcoming-events > li + li {
        padding-top: 15px
    }

.upcoming-events .date > span {
    background: #ebf4fc;
    text-align: center;
    padding: 7px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width: 42px;
    display: block;
    transition: color .2s,background .3s;
    -webkit-transition: color .2s,background .3s;
    -moz-transition: color .2s,background .3s
}

.upcoming-events .date .month {
    font-size: 13px;
    line-height: 16px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 0
}

#instagram-feed li > a:after, .flickr-feed li > a:after, .image-banner .button:after, .image-banner .button:before {
    font-style: normal;
    font-weight: 400;
    speak: none;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-right: .2em
}

.upcoming-events .event-content h6 {
    margin: 0 0 4px;
    font-size: 15px;
    font-weight: 400
}

.upcoming-events .event-content .event-meta .icons {
    font-size: 10px;
    margin-left: -2px;
    margin-right: 2px;
    color: #cbcdd1;
    position: relative;
    top: -1px;
    transition: color .3s;
    -webkit-transition: color .3s;
    -moz-transition: color .3s
}

.upcoming-events > li:hover .date > span {
    background: #ebf4fc;
    color: #000
}

.popular-news .thumbnail {
    width: 70px
}

.popular-news .post-content {
    padding: 0 0 0 15px
}

.popular-news .post-meta {
    margin-bottom: 0;
    line-height: 16px
}

    .popular-news .post-meta span {
        display: initial
    }

        .popular-news .post-meta span:last-child:before {
            display: initial;
            content: '\2022 ';
            margin-right: 3px;
            font-size: 10px
        }

.popular-news h6 {
    margin: 0 0 3px;
    font-size: 15px;
    font-weight: 400
}

.image-banner a {
    background: #28a5a3;
    color: #fff;
    text-align: center;
    padding: 0 0 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-bottom: 1px solid #579dd9;
    display: block;
    transition: background .3s,border .3s;
    -webkit-transition: background .3s,border .3s;
    -moz-transition: background .3s,border .3s
}

.image-banner:hover a {
    background: #c89637;
    border-bottom-color: #c89637
}

.image-banner:hover img {
    border-bottom-color: #5191d4;
    transition: border .3s;
    -webkit-transition: border .3s;
    -moz-transition: border .3s
}

.image-banner img {
    width: 100%;
    border-bottom: 1px solid #80bff0
}

.image-banner h3 {
    margin: 15px 0 0;
    font-weight: 700;
    color: #fff
}

.image-banner a.button {
    color: #fff !important;
    font-size: 13px;
    margin-top: 5px
}

.image-banner .button {
    border: none;
    color: #fff;
    display: inline-block;
    font-size: 13px
}

    .image-banner .button.transparent {
        padding: 0;
        font-size: 13px
    }

    .image-banner .button:after, .image-banner .button:before {
        font-family: fontello;
        display: inline-block;
        margin-left: .2em;
        color: #fff;
        font-size: 13px
    }

    .image-banner .button.button-arrow:after, a.button.button-arrow:after, button.button-arrow:after {
        margin-left: 5px;
        content: '\e891';
        color: #fff;
        margin-right: -5px
    }

#instagram-feed, .flickr-feed {
    list-style: none;
    margin: -3px;
    padding: 0;
    overflow: hidden
}

    #instagram-feed li, .flickr-feed li {
        width: 33.3333%;
        float: left;
        padding: 3px;
        position: relative
    }

        #instagram-feed lI > a:before, .flickr-feed li > a:before {
            content: '';
            position: absolute;
            display: block;
            background: rgba(0,0,0,.4);
            left: 3px;
            right: 3px;
            top: 3px;
            bottom: 3px;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -moz-opacity: 0;
            -khtml-opacity: 0;
            opacity: 0;
            transform: scale(0);
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            transition: opacity .3s,transform .4s;
            -webkit-transition: opacity .3s,-webkit-transform .4s;
            -moz-transition: opacity .3s,-moz-transform .4s;
            z-index: 10
        }

        #instagram-feed li > a:after, .flickr-feed li > a:after {
            font-family: Tajawal,sans-serif;
            display: inline-block;
            content: '\e987';
            position: absolute;
            left: 50%;
            color: #fff;
            font-size: 18px;
            top: 50%;
            margin-top: -10px;
            margin-left: -10px;
            -moz-opacity: 0;
            -khtml-opacity: 0;
            opacity: 0;
            visibility: hidden;
            transform: scale(0);
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            transition: opacity .3s,transform .4s;
            -webkit-transition: opacity .3s,-webkit-transform .4s;
            -moz-transition: opacity .3s,-moz-transform .4s;
            z-index: 10
        }

.category-box a:before, .menu li a:before {
    font-style: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    line-height: 1em;
    content: '\e891';
    font-weight: 400;
    width: 1em;
    text-transform: none
}

#instagram-feed li:hover > a:after, #instagram-feed li:hover > a:before, .flickr-feed li:hover > a:after, .flickr-feed li:hover > a:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    z-index: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    visibility: visible
}

#footer, #lower-footer, #main-footer, .numeric-input-holder {
    -webkit-transform: translateZ(0)
}

.search-box input[type=submit] {
    margin-top: 15px;
    font-size: 13px;
    padding: 6px 20px
}

#lower-footer, .shop-items-widget li:last-child {
    padding-bottom: 0
}

a.tag {
    background: #e2eaf2;
    color: #274472;
    font-size: 13px;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-bottom: 6px;
    margin-right: 3px;
    -webkit-transition: background .3s,color .3s;
    -moz-transition: background .3s,color .3s
}

.category-box ul {
    list-style: none;
    margin: 0 -20px;
    padding: 0
}

.category-box a {
    display: block;
    color: #4174c5;
    padding: 8px 20px;
    transition: background .3s,color .3s;
    -webkit-transition: background .3s,color .3s;
    -moz-transition: background .3s,color .3s
}

.category-box li + li > a {
    padding-top: 8px
}

.category-box a:before {
    font-family: Tajawal,sans-serif;
    margin-left: .2em;
    color: #808ca4;
    margin-right: 5px;
    transition: color .3s;
    -webkit-transition: color .3s;
    -moz-transition: color .3s
}

.category-box a:hover {
    background: #fff;
    color: #274472
}

.comments-box li {
    color: #95999e;
    padding: 0 0 10px;
    line-height: 17px;
    border-bottom: 1px solid #ecedf1
}

    .comments-box li + li {
        padding-top: 10px
    }

.responsive-calendar {
    margin: 0 -20px -20px
}

    .responsive-calendar .controls {
        background: #e2eaf2;
        padding: 10px 15px
    }

        .responsive-calendar .controls span {
            font-size: 15px;
            color: #3e474c;
            font-weight: 400
        }

    .responsive-calendar .day.header {
        background: #eef2f7;
        border: none;
        padding: 5px 0
    }

    .responsive-calendar .day.not-current a {
        opacity: 0;
        visibility: hidden
    }

    .responsive-calendar .day {
        border-bottom: 1px solid #ecedf1;
        padding: 2px
    }

        .responsive-calendar .day a {
            transition: background .3s,color .3s;
            -webkit-transition: background .3s,color .3s;
            -moz-transition: background .3s,color .3s;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            color: #95999e
        }

            .responsive-calendar .day a:hover, .responsive-calendar .day.today a {
                background: #e2eaf2;
                color: #4e575c
            }

.shop-items-widget li {
    position: relative;
    display: table;
    width: 100%;
    padding: 0 0 15px
}

    .shop-items-widget li + li {
        border-top: 1px solid #ecedf1;
        padding: 15px 0
    }

.shop-items-widget .featured-image {
    width: 85px;
    padding-right: 15px
}

    .shop-items-widget .featured-image img {
        width: 70px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px
    }

.shop-items-widget h6 {
    margin: 0 0 2px;
    font-weight: 400;
    font-size: 15px
}

.shop-items-widget .shop-rating {
    margin: -2px 0 0
}

#footer {
    position: relative
}

#lower-footer, #main-footer {
    margin-left: -5000px;
    margin-right: -5000px;
    padding-left: 5000px;
    padding-right: 5000px;
    background: #28a5a3;
    color: #e2eaf2;
    transition: margin .3s,padding .3s;
    -webkit-transition: margin .3s,padding .3s;
    -moz-transition: margin .3s,padding .3s
}

    #main-footer > .row > div {
        zoom: 1
    }

#main-footer {
    padding-left: 4680px !important;
    padding-right: 5000px !important
}

    #main-footer h4 {
        margin-top: 0;
        font-weight: 700;
        margin-bottom: 22px
    }

    #main-footer p, .customize-box label, .twitter-widget a {
        color: #97acc3
    }

.menu li {
    position: relative;
    margin: 0 0 13px
}

    .menu li a {
        color: #e2eaf2;
        display: block;
        font-size: 15px;
        font-weight: 600;
        line-height: 23px;
        padding: 0 0 0 20px
    }

        .menu li a:before {
            font-family: fontello;
            margin-right: .2em;
            font-size: 13px;
            margin-left: 5px;
            position: absolute;
            left: -5px;
            top: 5px;
            color: #f2f4f9
        }

        .menu li a:hover, .menu li a:hover:before {
            color: #c89637;
            text-decoration: none
        }

.twitter-widget-area {
    background: url(../img/twitter-widget-bg.png) 55px center no-repeat
}

.twitter-widget ul {
    list-style: none;
    margin: 0 0 20px;
    padding: 0
}

.twitter-widget li {
    color: #e2eaf2;
    font-size: 15px;
    font-style: italic
}

a.button.twitter-button:before, a.button:after, a.button:before, button:after, button:before {
    font-style: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    line-height: 1em
}

.twitter-widget .tweet_time > a {
    color: #808ca4;
    font-size: 13px
}

a.button.twitter-button {
    background: #40bff5;
    border-top-color: #53d2f8;
    color: #fff;
    height: 35px;
    border-bottom: none
}

    a.button.twitter-button:before {
        content: '\e965';
        font-family: Tajawal,sans-serif;
        font-weight: 400;
        width: 1em;
        text-transform: none;
        margin-left: -5px;
        margin-right: 10px;
        color: #b1e1fa;
        transition: color .2s;
        -webkit-transition: color .2s;
        -moz-transition: color .2s
    }

    a.button.twitter-button:hover {
        background: #e2eaf2;
        color: #274472;
        border-top-color: #f3f7fa;
        border-bottom-color: #e2eaf2
    }

#lower-footer {
    border-top: 1px solid #28a5a3;
    padding-top: 0
}

    #lower-footer .social-buttons {
        margin: 8px 0 0 !important;
        overflow: hidden
    }

.copyright {
    color: #fff;
    padding-top: 9px;
    margin: 0
}

#button-to-top {
    background: #e2eaf2;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    display: block;
    width: 45px;
    height: 45px;
    text-align: center;
    font-size: 24px;
    padding-top: 7px;
    color: #808ca4;
    border-top: 1px solid #f3f7fa;
    border-bottom: 1px solid #bfc8d7;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    transition: background .3s,color .2s;
    -webkit-transition: background .3s,color .2s;
    -moz-transition: background .3s,color .2s
}

    #button-to-top:hover {
        background: #63b2f5;
        color: #fff;
        border-top-color: #7cc5f8;
        border-bottom-color: #579dd9
    }

.customize-box input[type=radio] + label, .customize-box-button {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent
}

.customize-box {
    position: fixed;
    display: none;
    left: -200px;
    top: 200px;
    width: 200px;
    background: #274472;
    color: #e2eaf2;
    padding: 20px;
    z-index: 9999;
    border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s
}

    .customize-box.opened {
        left: 0
    }

.customize-box-button {
    width: 45px;
    height: 45px;
    position: absolute;
    left: 200px;
    top: 0;
    padding-top: 8px;
    text-align: center;
    font-size: 16px;
    border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    cursor: pointer;
    transition: background .3s,border .3s;
    -webkit-transition: background .3s,border .3s;
    -moz-transition: background .3s,border .3s;
    background: #274472
}

    .customize-box-button:hover, .customize-box.opened .customize-box-button {
        background: #4174c5;
        border-top: 1px solid #5191d4;
        border-bottom: 1px solid #213b63
    }

.customize-box h5 {
    margin: 0 0 30px;
    font-size: 16px
}

.customize-box input[type=radio] + label:before {
    display: none;
    content: ''
}

.customize-box input[type=radio] + label {
    background: #324e79;
    color: #fff;
    text-transform: uppercase;
    padding: 8px 10px;
    transition: background .3s,border .3s;
    -webkit-transition: background .3s,border .3s;
    -moz-transition: background .3s,border .3s;
    margin-bottom: 30px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

    .customize-box input[type=radio] + label:hover, .customize-box input[type=radio]:checked + label {
        background: #4174c5;
        border-top-color: #5191d4;
        border-bottom-color: #213b63
    }

.customize-box input[type=reset], .customize-box input[type=submit] {
    padding-left: 10px;
    padding-right: 10px;
    width: 70px
}

.colorpicker {
    z-index: 20000
}

#colorpicker {
    width: 30px;
    height: 30px;
    display: block;
    border: 2px solid #fafbfd;
    background: #000;
    position: relative;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-bottom: 10px;
    margin-top: 10px
}

    #colorpicker:after {
        content: '';
        display: block;
        width: 4px;
        height: 4px;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-bottom: 4px solid #fafbfd;
        position: absolute;
        bottom: 3px;
        right: 3px
    }

.background-image input[type=radio] + label {
    width: 35px;
    height: 35px;
    overflow: hidden;
    padding: 0;
    border: 2px solid #324e79 !important;
    margin-bottom: 10px;
    margin-top: 10px
}

.background-image input[type=radio]:checked + label {
    border: 2px solid #4174c5 !important
}

.background-image input[type=radio] + label img {
    width: 33px;
    height: 33px
}

::-webkit-input-placeholder {
    color: #95999e
}

:-moz-placeholder {
    color: #95999e
}

::-moz-placeholder {
    color: #95999e
}

:-ms-input-placeholder {
    color: #95999e
}

::selection {
    background: #4174c5;
    color: #fff
}

::-moz-selection {
    background: #4174c5;
    color: #fff
}

a.button, button {
    background: #c89637;
    border: none;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    padding: 6px 20px;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 900;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-top: none;
    border-bottom: none;
    transition: background .3s,color .2s,border .3s;
    -webkit-transition: background .3s,color .2s,border .3s;
    -moz-transition: background .3s,color .2s,border .3s
}

    a.button.big, button.big {
        padding: 10px 20px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px
    }

    a.button.medium, button.medium {
        padding: 8px 20px;
        height: 39px
    }

    a.button.donate, button.donate {
        background: #a82512;
        border-top-color: #be2e17;
        border-bottom-color: #911f0f;
        color: #fff;
        text-transform: none
    }

        a.button.donate.button-arrow:after, button.donate.button-arrow:after {
            color: #d6aaa7
        }

        a.button.donate.big, button.donate.big {
            text-transform: uppercase
        }

    a.button + a.button, button + button {
        margin-left: 5px
    }

    a.button.transparent, button.transparent {
        padding: 0;
        font-size: 13px;
        background: 0 0;
        color: #28a5a3;
        border: none
    }

    a.button:after, a.button:before, button:after, button:before {
        font-family: fontello;
        font-weight: 400;
        width: 1em;
        margin-right: .2em;
        text-transform: none;
        margin-left: .2em;
        color: #fff !important;
        font-size: 13px
    }

    a.button.button-arrow-before:before, button.button-arrow-before:before {
        margin-left: -5px;
        content: '\e890';
        color: #fff;
        margin-right: 5px
    }

    a.button.active-button, a.button:hover, button.active-button, button:hover {
        background: #c89637;
        color: #fff !important;
        border-top-color: #c89637;
        border-bottom-color: #c89637;
        text-decoration: none
    }

.accordion-icon:before, blockquote.iconic-quote:after, blockquote.iconic-quote:before, ul.list li:before {
    font-style: normal;
    font-weight: 400;
    speak: none;
    text-decoration: inherit;
    width: 1em;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    display: inline-block;
    text-align: center;
    margin-right: .2em
}

.tooltip-inner {
    background: #4174c5;
    font-size: 12px;
    padding: 5px 10px;
    white-space: nowrap
}

.tooltip.top .tooltip-arrow {
    border-top-color: #4174c5
}

.tooltip.left .tooltip-arrow {
    border-left-color: #4174c5
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #4174c5
}

.accordion-header, .tab-header li {
    background: #e2eaf2;
    border-top: 1px solid #f3f7fa;
    border-bottom: 1px solid #bfc8d7;
    color: #274472;
    cursor: pointer
}

.tooltip.right .tooltip-arrow {
    border-right-color: #4174c5
}

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

.accordion, .tab-header li {
    margin-bottom: 7px
}

.accordion-header {
    padding: 15px 20px 15px 45px;
    position: relative;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    transition: background .3s,color .2s,border .3s;
    -webkit-transition: background .3s,color .2s,border .3s;
    -moz-transition: background .3s,color .2s,border .3s
}

.accordion-content, .tab-header li {
    border-radius: 3px;
    padding: 15px 20px
}

.accordion-icon {
    position: absolute;
    top: 11px;
    left: 15px;
    font-size: 16px
}

    .accordion-icon:before {
        font-family: fontello;
        content: '\e989';
        color: #808ca4;
        transition: color .3s;
        -webkit-transition: color .3s;
        -moz-transition: color .3s
    }

.accordion-active .accordion-icon:before {
    content: '\e98c';
    color: #f2f4f9
}

.accordion-content {
    color: #3e474c;
    margin-top: 7px;
    background: #fff;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

.tab-header li {
    display: inline-block;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    transition: background .3s,color .2s,border .3s;
    -webkit-transition: background .3s,color .2s,border .3s;
    -moz-transition: background .3s,color .2s,border .3s
}

.list li, .tab {
    position: relative;
    color: #3e474c
}

.tab {
    background: #fff;
    padding: 15px 20px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    zoom: 1
}

.testimonial-content, blockquote {
    background: #fafbfd;
    padding: 20px
}

.tabs.style2 .tab-header {
    width: 35%;
    padding-right: 7px
}

ol.list {
    margin: 0;
    padding: 0;
    list-style-position: inside
}

    ol.list li {
        padding-left: 0
    }

.list li {
    font-size: 15px;
    padding: 5px 5px 5px 15px
}

ul.list li:before {
    font-family: Tajawal,sans-serif;
    font-size: 12px;
    color: #808ca4;
    position: absolute;
    left: -5px;
    top: 11px
}

input[type=checkbox] + label:before, input[type=radio] + label:before {
    content: '';
    width: 22px;
    font-size: 12px;
    padding: 4px 3px;
    height: 22px
}

.arrow-list li:before {
    content: '\e891'
}

.check-list li:before {
    content: '\e818';
    font-size: 11px
}

.star-list li:before {
    content: '\e902';
    font-size: 9px
}

.plus-list li:before {
    content: '\e81f';
    font-size: 11px
}

.finger-list li:before {
    content: '\e8aa'
}

blockquote {
    border-left: 3px solid #63b2f5;
    font-size: 16px;
    color: #274472;
    font-weight: 700;
    text-align: left !important
}

    blockquote.italic {
        font-weight: 400;
        font-style: italic
    }

    blockquote.align-right {
        float: right;
        width: 33%;
        margin: 0 0 15px 20px
    }

    blockquote.align-left {
        float: left;
        width: 33%;
        margin: 0 20px 15px 0
    }

    blockquote.iconic-quote {
        padding-left: 65px;
        padding-right: 65px;
        position: relative
    }

    blockquote.link-quote {
        padding-right: 20px;
        border-left-color: #274472
    }

    blockquote.iconic-quote:after, blockquote.iconic-quote:before {
        font-family: Tajawal,sans-serif;
        font-size: 24px;
        color: #e2eaf2
    }

    blockquote.iconic-quote:before {
        content: '\e849';
        position: absolute;
        left: 15px;
        top: 23px
    }

    blockquote.iconic-quote:after {
        content: '\e84a';
        position: absolute;
        right: 15px;
        top: 23px
    }

    blockquote.link-quote:before {
        content: '\e82c';
        position: absolute;
        left: 15px;
        top: 23px
    }

.testimonial-content {
    border: 1px solid #dee0e5;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    position: relative
}

    .testimonial-content:after {
        content: '';
        display: block;
        background: url(../img/testimonials/arrow.png) no-repeat;
        position: absolute;
        bottom: -11px;
        left: 90px;
        width: 25px;
        height: 15px
    }

    .testimonial-content p {
        font-style: italic;
        font-size: 15px;
        margin: 0
    }

.testimonial-author img {
    width: 70px;
    display: inline-block;
    margin-right: 20px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

.testimonial-author .location {
    font-size: 13px;
    color: #95999e
}

.alert-box {
    background: #eee;
    padding: 15px 40px 15px 20px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    position: relative
}

.pricing-features li:nth-child(2n), .progressbar, table tr:hover > td, table tr:hover > th {
    background: #fff
}

.alert-box.alert-box-button a.button {
    position: relative;
    margin-right: -20px
}

.alert-box.alert-box-button p {
    margin-top: 7px
}

.alert-box .icons {
    position: absolute;
    top: 13px;
    right: 20px;
    font-size: 18px;
    cursor: pointer;
    z-index: 1000;
    width: 20px;
    height: 20px
}

.alert-box.warning {
    background: #ede8e1;
    color: #dd7d00
}

    .alert-box.warning .icons {
        color: #e5b78f
    }

.alert-box.error {
    background: #ede1e2;
    color: #a82512
}

    .alert-box.error .icons {
        color: #cc9693
    }

.alert-box.success {
    background: #d5edd4;
    color: #57a12c
}

    .alert-box.success .icons {
        color: #99c68a
    }

.alert-box.info {
    background: #d8e1f1;
    color: #4174c5
}

    .alert-box.info .icons {
        color: #98b0dc
    }

.alert-box a.toggle-link:hover {
    color: #d3311a
}

.button-pagination, .numeric-pagination {
    overflow: hidden;
    display: inline-block;
    vertical-align: top
}

    .numeric-pagination > a {
        width: 30px;
        height: 30px;
        padding: 3px 0;
        text-align: center;
        color: #808ca4;
        float: left
    }

        .numeric-pagination > a + a {
            margin-left: 3px !important
        }

    .button-pagination a.previous:before {
        content: '\e890';
        margin-right: 5px;
        color: #808ca4;
        margin-left: -5px
    }

    .button-pagination a.next:after {
        content: '\e891';
        margin-left: 5px;
        color: #808ca4;
        margin-right: -5px
    }

    .button-pagination a:hover:after, .button-pagination a:hover:before {
        color: #f2f4f9
    }

.divider {
    display: block;
    margin: 30px 0;
    border-top: 1px solid #dee0e5
}

    .divider + .numeric-pagination {
        margin-top: -15px
    }

    .divider.light {
        border-color: #ecedf1
    }

.progressbar {
    width: 100%;
    height: 15px;
    border: 4px solid #fff;
    box-shadow: 0 0 2px #ccc;
    -webkit-box-shadow: 0 0 2px #ccc;
    -moz-box-shadow: 0 0 2px #ccc;
    -o-box-shadow: 0 0 2px #ccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    position: relative;
    margin-top: -7px;
    margin-bottom: 15px
}

    .progressbar .progress-width {
        background: #63b2f5;
        width: 0%;
        height: 100%;
        display: block
    }

    .progressbar .progress-percent {
        display: block;
        position: absolute;
        top: -30px;
        font-weight: 700;
        font-size: 15px;
        right: 0
    }

.decrease-button:before, .increase-button:before, input[type=checkbox] + label:before, input[type=radio] + label:before {
    font-family: Tajawal,sans-serif;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em
}

table {
    width: 100%;
    background: #fafbfd;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #ecedf1;
    overflow: hidden
}

    table tr:first-child td:first-child, table tr:first-child th:first-child {
        border-top-left-radius: 5px;
        -webkit-border-top-left-radius: 5px;
        -moz-border-top-left-radius: 5px
    }

    table tr:first-child td:last-child, table tr:first-child th:last-child {
        border-top-right-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-top-right-radius: 5px
    }

    table tr:last-child td:first-child, table tr:last-child th:first-child {
        border-bottom-left-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-bottom-left-radius: 5px
    }

    table tr:last-child td:last-child, table tr:last-child th:last-child {
        border-top-right-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-bottom-right-radius: 5px
    }

    table td, table th {
        border: 1px solid #ecedf1;
        padding: 12px 20px;
        text-align: left;
        transition: background .3s;
        -webkit-transition: background .3s;
        -moz-transition: background .3s
    }

.white-box {
    background: #fafbfd;
    padding: 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

input[type=password], input[type=text], select, textarea {
    width: 100%;
    border: 1px solid #dee0e5;
    padding: 8px 10px;
    background: #fafbfd;
    color: #95999e;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px
}

label {
    font-size: 15px;
    padding-bottom: 5px;
    display: inline-block
}

input[type=checkbox] + label, input[type=radio] + label {
    vertical-align: middle;
    cursor: pointer;
    margin-bottom: 8px
}

    input[type=checkbox] + label + input[type=checkbox] + label, input[type=radio] + label + input[type=radio] + label {
        margin-left: 10px
    }

    input[type=checkbox] + label:before, input[type=radio] + label:before {
        vertical-align: top;
        margin-right: 12px;
        color: #95999e;
        position: relative;
        top: 1px
    }

    input[type=radio] + label:before {
        background: #fafbfd;
        border: 1px solid #dee0e5;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%
    }

input[type=radio]:checked + label:before {
    content: '\e8ff'
}

input[type=checkbox] + label:before {
    background: #fafbfd;
    border: 1px solid #dee0e5;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px
}

input[type=checkbox]:checked + label:before {
    content: '\e818'
}

input[type=reset], input[type=submit] {
    background: #e2eaf2;
    color: #274472;
    border: none;
    margin-top: 20px;
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-top: 1px solid #f3f7fa;
    border-bottom: 1px solid #bfc8d7;
    transition: background .3s,color .2s;
    -webkit-transition: background .3s,color .2s;
    -moz-transition: background .3s,color .2s
}

    input[type=reset]:hover, input[type=submit]:hover {
        background: #63b2f5;
        border-top-color: #7cc5f8;
        border-bottom-color: #579dd9;
        color: #fff;
        text-decoration: none
    }

.numeric-input-holder {
    width: 115px;
    display: block;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.decrease-button, .increase-button {
    width: 30px;
    display: block;
    top: 0;
    bottom: 0;
    position: absolute;
    background: #e2eaf2;
    color: #808ca4;
    border: 1px solid #dee0e5;
    cursor: pointer;
    text-align: center;
    -webkit-transform: translateZ(0);
    padding-top: 5px;
    transition: color .3s,border .3s,background .3s;
    -webkit-transition: color .3s,border .3s,background .3s;
    -moz-transition: color .3s,border .3s,background .3s
}

    .decrease-button:before, .increase-button:before {
        width: 1em;
        margin-right: .2em;
        font-size: 16px
    }

    .decrease-button:hover, .increase-button:hover {
        color: #fff;
        background: #63b2f5;
        border-color: #63b2f5
    }

.increase-button {
    right: 0;
    border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0
}

    .increase-button:before {
        content: '\e987'
    }

.decrease-button {
    left: 0;
    border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px
}

    .decrease-button:before {
        content: '\e98a'
    }

input.numeric-input {
    width: 115px;
    display: block;
    padding: 5px 40px
}

    input.numeric-input:focus {
        outline: 0
    }

.inline-inputs {
    margin: 0 -5px;
    overflow: hidden
}

    .inline-inputs > div {
        padding: 0 5px
    }

.notification-input > * {
    display: table-row
}

.notification-input > div > * {
    display: table-cell
}

.notification-input input {
    margin-top: 5px;
    margin-bottom: 15px;
    width: 100%
}

.notification-input > div > label {
    width: 1%;
    white-space: nowrap;
    padding-left: 10px;
    font-size: 13px
}

.notification-input .error input {
    border-color: #ad3422
}

.notification-input .error label {
    color: #ad3422
}

.notification-input .warning input {
    border-color: #de8512
}

.notification-input .warning label {
    color: #de8512
}

.notification-input .info input {
    border-color: #4174c5
}

.notification-input .success input {
    border-color: #4a9b13
}

.dropcap {
    float: left;
    font-weight: 700;
    font-size: 48px;
    line-height: 46px;
    padding: 0 8px 5px 0
}

    .dropcap.squared {
        font-size: 24px;
        line-height: 22px;
        margin-top: 5px;
        margin-right: 12px;
        padding: 8px;
        background: #e2eaf2;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px
    }

.audio-play-button:before, .audio-volume .volume-bar:before {
    font-family: Tajawal,sans-serif;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    font-weight: 400;
    text-align: center
}

.dropcap.squared.blue {
    color: #fff;
    background: #63b2f5
}

.highlight {
    color: #fff;
    background: #4174c5
}

.audio-player {
    width: 100%;
    display: table;
    height: 40px;
    background: #274472;
    position: relative;
    color: #97acc3;
    font-size: 12px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

    .audio-player > * {
        display: table-cell;
        vertical-align: middle
    }

.audio-play-button {
    border-right: 1px solid #324e79;
    width: 40px;
    height: 40px;
    cursor: pointer;
    transition: background .2s;
    -webkit-transition: background .2s;
    -moz-transition: background .2s;
    text-align: center;
    padding-top: 4px
}

    .audio-play-button:before {
        display: inline-block;
        content: '\e8bd';
        color: #fff;
        font-size: 14px
    }

    .audio-play-button.pause:before {
        content: '\e8c1'
    }

.audio-time {
    padding: 0 15px 0 12px
}

.audio-current-time {
    padding: 0 12px 0 15px
}

.audio-progress-wrapper, .volume-bar {
    border: 1px solid #808ca4;
    background: #324e79;
    width: 100%;
    padding: 3px;
    height: 15px;
    position: relative;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    cursor: pointer
}

.audio-buffer-bar {
    height: 7px;
    background: #416c9e;
    position: relative;
    width: 0
}

.audio-progress-bar {
    height: 7px;
    background: #63b2f5;
    position: relative;
    width: 0;
    top: -7px
}

.audio-volume {
    width: 100px;
    border-left: 1px solid #324e79;
    padding: 0 15px 0 38px;
    position: relative;
    cursor: pointer
}

    .audio-volume .volume-bar:before {
        display: inline-block;
        content: '\e87d';
        color: #97acc3;
        position: absolute;
        font-size: 16px;
        margin-top: -1px;
        left: -30px;
        top: 0
    }

    .audio-volume.volume-down .volume-bar:before {
        content: '\e87c'
    }

    .audio-volume.volume-off .volume-bar:before {
        content: '\e87b'
    }

.audio-volume-progress {
    height: 7px;
    background: #63b2f5;
    position: relative;
    width: 0
}

.pricing-tables {
    background: 0 0;
    vertical-align: top;
    margin: 0 -10px;
    overflow: visible;
    border: none
}

    .pricing-tables td, .pricing-tables th {
        border: none;
        padding: 0;
        text-align: center
    }

    .pricing-tables td {
        vertical-align: top;
        padding: 0 15px
    }

.pricing-table {
    display: inline-block;
    width: 100%;
    background: #fafbfd;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    padding-bottom: 100px;
    height: 100%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    transition: transform .3s;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s
}

.pricing-header, .pricing-price {
    padding: 20px 0;
    border-bottom: 1px solid #ecedf1
}

.pricing-table:after, .pricing-table:before {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.most-popular.pricing-table, .pricing-table:hover {
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08)
}

.pricing-header {
    background: #fafbfd;
    color: #63b2f5;
    height: 60px;
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0
}

.most-popular .pricing-header {
    background: #63b2f5;
    color: #fff;
    padding: 15px 0;
    height: 70px
}

    .most-popular .pricing-header span {
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
        color: #4377ae
    }

.pricing-header h4 {
    margin: 0;
    font-size: 24px;
    font-weight: 700
}

.pricing-price {
    background: #fff;
    font-size: 60px;
    line-height: 50px;
    color: #274472;
    font-weight: 800
}

    .pricing-price .price {
        letter-spacing: -3px
    }

    .pricing-price .currency {
        font-size: 22px;
        line-height: 40px;
        font-weight: 400;
        vertical-align: top;
        letter-spacing: -20px
    }

    .pricing-price .period {
        font-size: 22px;
        line-height: 22px;
        font-weight: 400;
        margin-left: -15px
    }

.pricing-features li {
    padding: 8px;
    border-bottom: 1px solid #ecedf1;
    font-size: 14px;
    color: #95999e
}

.pricing-button {
    text-align: center;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0
}

@media(min-width:992px) and (max-width:1199px) {
    #header.sticky-header .container, .full-width-slider .slide {
        width: 980px
    }

    #main-header blockquote br {
        display: none
    }

    .col-lg-3 .team-member-info p {
        height: 40px;
        overflow: hidden
    }

    .col-lg-4 .team-member-info p {
        height: 80px;
        overflow: hidden
    }

    .banner h4, .banners-inline .banner h4 {
        font-size: 18px;
        white-space: normal
    }

    .banner.donate-banner {
        text-align: center;
        padding: 20px 10px
    }

        .banner.donate-banner h5 {
            margin: 0 0 10px;
            font-size: 12px
        }

        .banner.donate-banner input[type=submit] {
            margin-top: 10px
        }

    .media-item a.button {
        font-size: 12px;
        padding: 7px 15px
    }

    .media-caption h2 {
        font-size: 22px
    }
}

@media(min-width:768px) and (max-width:991px) {
    #main-header blockquote br {
        display: none
    }

    .main-flexslider .slide {
        padding: 60px 40px !important
    }

    #main_flex_1 .slide {
        padding: 80px 40px !important
    }

    #main_flex_3 .slide {
        padding: 70px 40px !important
    }

    .banners-inline {
        display: block
    }

        .banners-inline > .banner-wrapper {
            width: 50%;
            display: block;
            float: left;
            padding: 3px
        }

    ol.list, ul.list {
        margin-bottom: 20px
    }

    .apply-coupon input[type=text] {
        margin-bottom: 5px
    }

    .banners-inline .banner.donate-banner input[type=submit], .shopping-cart-table a.button + a.button {
        margin-top: 5px
    }

    .main-revolution h2 {
        font-size: 28px;
        line-height: 34px
    }

    .main-revolution .great-vibes, .media-caption h2 {
        font-size: 20px
    }

    .banner.donate-banner {
        text-align: center
    }

        .banner.donate-banner h5 {
            margin: 0 0 20px
        }

    .banner h4 {
        white-space: normal
    }

    .banners-inline .banner.donate-banner h5 {
        margin: 0
    }

    .banner.donate-banner input[type=submit] {
        margin-top: 20px
    }

    .event-calendar th {
        padding: 10px;
        font-size: 14px
    }

    .event-meta-block {
        height: auto
    }

        .event-meta-block p {
            font-size: 13px;
            white-space: normal;
            line-height: 16px
        }

    .event-meta.horizontal .event-meta-block {
        margin-bottom: 1px
    }

    .portfolio-pagination a.button {
        font-size: 12px
    }

    .related-articles .blog-post, .testimonial {
        margin-bottom: 30px
    }

    .shopping-cart-table .product-thumbnail, .shopping-cart-table .product-thumbnail img {
        width: 40px
    }

    .shopping-cart-table td {
        width: 1%;
        padding: 5px
    }

    .shopping-cart-table th {
        padding: 7px
    }

    .shopping-cart-table .numeric-input-holder {
        width: 100px !important
    }

    .shopping-cart-table input.numeric-input {
        width: 100px
    }

    .shopping-cart-table td.price {
        min-width: 0
    }

    .shopping-cart-table .apply-coupon, .shopping-cart-table .shopping-cart-item {
        width: auto
    }

    .shopping-cart-item {
        vertical-align: top
    }

        .shopping-cart-item h6 {
            font-size: 14px;
            font-weight: 400;
            margin: 0;
            vertical-align: top;
            display: inline-block
        }

    .shopping-cart-table .remove-shopping-item {
        color: #d3a7a4;
        cursor: pointer;
        transition: color .3s;
        -webkit-transition: color .3s;
        -moz-transition: color .3s;
        font-size: 18px
    }

        .shopping-cart-table .remove-shopping-item:hover {
            color: #a82512
        }

    .shopping-cart-table .apply-coupon input {
        padding: 5px 10px
    }

    .shopping-cart-table .apply-coupon > * {
        width: auto;
        display: inline-block
    }

    .shopping-cart-table a.button {
        font-size: 13px;
        text-transform: uppercase !important
    }

    .full-width-slider .slide {
        width: 750px
    }

    .blog-post.big .post-image {
        float: none;
        display: block;
        width: 100%;
        margin: 0 0 20px
    }

    .banner-rotator .slides li {
        background-size: 100% !important;
        background-position: center top !important
    }

    .banner-rotator-content {
        width: 100%;
        margin-top: 300px;
        border-radius: 0 0 5px 5px
    }

    .banner-rotator-flexslider .flex-control-nav {
        width: 100%
    }

    #main-footer > .row > div {
        margin: 20px 0
    }
}

@media(max-width:991px) {
    #menu-button, #navigation > li {
        border-left: 1px solid #dee0e5;
        border-right: 1px solid #dee0e5
    }

    #navigation, #navigation li {
        text-align: left;
        width: 100% !important
    }

    .related-products .shop-item, .shop-product-gallery {
        margin-bottom: 30px
    }

    .shop-product-gallery, .team-member.big .team-member-image {
        padding-right: 0;
        float: none;
        width: 100%
    }

    #header.sticky-header .container {
        width: 765px
    }

    #menu-button {
        display: block;
        width: 100%;
        position: relative;
        z-index: 6000;
        height: 60px;
        padding-top: 20px;
        border-bottom: 1px solid #ddd;
        cursor: pointer;
        transition: background .3s;
        -webkit-transition: background .3s;
        -moz-transition: background .3s
    }

        #menu-button:hover {
            background: #c89637;
            border-bottom-color: transparent
        }

            #menu-button:hover > div > span {
                background: #fff
            }

        #menu-button > div {
            display: inline-block;
            vertical-align: top;
            margin-left: 20px;
            margin-right: 7px
        }

        #menu-button > span {
            font-size: 16px;
            transition: color .3s;
            -webkit-transition: color .3s;
            -moz-transition: color .3s
        }

        #menu-button:hover > span {
            color: #fff
        }

        #menu-button > div > span {
            display: block;
            width: 17px;
            height: 3px;
            background: #444;
            margin: 3px auto;
            transition: background .3s;
            -webkit-transition: background .3s;
            -moz-transition: background .3s
        }

    #navigation, #navigation > li.home-button > a:only-child:after, #navigation > li.home-button > span:only-child:after {
        display: none
    }

        #navigation li ul, #navigation ul, #navigation ul li:last-child, #navigation ul li:last-child > a, #navigation ul li:last-child > span {
            border-radius: 0 !important
        }

        #navigation li {
            display: block !important
        }

            #navigation li > span {
                cursor: default
            }

        #navigation > li.home-button > a:after, #navigation > li.home-button > span:after {
            content: '\e891';
            display: block
        }

        #navigation li, #navigation li > span #navigation li > a {
            border-color: #dee0e5 !important
        }

            #navigation li:hover, #navigation li:hover > a, #navigation li:hover > span {
                border-bottom-color: transparent !important;
                border-top-color: transparent !important
            }

            #navigation lI > a:after, #navigation li > span:after {
                right: 15px;
                position: absolute;
                top: 15px;
                content: '\e891'
            }

            #navigation li.dropdown-opened > a:after, #navigation li.dropdown-opened > span:after {
                content: '\e88e'
            }

        #navigation.navigation-opened {
            display: block
        }

        #navigation li ul {
            box-shadow: none
        }

            #navigation li ul, #navigation li ul li ul, .csstransforms #navigation li ul, .csstransforms #navigation li ul li ul {
                display: none;
                width: 100% !important;
                -moz-opacity: 1 !important;
                -khtml-opacity: 1 !important;
                opacity: 1 !important;
                transform: scale(1) !important;
                -webkit-transform: scale(1) !important;
                -moz-transform: scale(1) !important;
                position: relative;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                margin: 0
            }

        #navigation > li > a, #navigation > li > span {
            font-size: 15px;
            padding: 10px 20px !important
        }

        #navigation ul li > a, #navigation ul li > span {
            padding-left: 30px !important
        }

        #navigation ul ul li > a, #navigation ul ul li > span {
            padding-left: 40px !important
        }

        #navigation li > .dropdown-button {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            width: 50px;
            background: 0 0;
            cursor: pointer
        }

    .team-member.big .team-member-info {
        float: none;
        width: 100%;
        padding: 20px
    }

    .blog-post.style2 .post-image {
        float: none;
        width: 100%;
        margin-bottom: 20px
    }

    .blog-post.style2 .post-content {
        padding: 0;
        margin-left: 0;
        float: none
    }

    .shop-product-content {
        width: 100%;
        float: none;
        padding-left: 0
    }

    .checkout-coupon-form input[type=submit] {
        margin: 0
    }

    .checkout-coupon-form input[type=text] {
        width: 100%;
        margin-bottom: 5px;
        min-width: 0
    }

    .customize-box {
        display: none !important
    }
}

@media(max-width:767px) {
    .tabs.style2 .tab-header, blockquote.align-center, blockquote.align-left, blockquote.align-right, table, tbody, td, th, tr {
        width: 100% !important
    }

    #lower-footer, #main-header {
        text-align: center
    }

    .cursorshade, .customize-box, .magnifier, .statusdiv, .tracker {
        display: none !important
    }

    #main-header {
        height: auto;
        padding-left: 5000px;
        padding-right: 5028px
    }

    .sitemapmobileHeader {
        margin-right: -152px !important
    }

    #main-header blockquote {
        text-align: left;
        display: inline-block;
        margin: 30px 0
    }

        #main-header blockquote br, .blog-post-single.fullwidth-post .post-side-meta, .event-calendar .calendar-days, .events-calendar .not-this-month, .events-calendar th, .main-revolution .great-vibes, .main-revolution a.button, .main-revolution p, .shopping-cart-table th:last-child {
            display: none
        }

    #lower-footer ul, .tabs.style2 .tab-header li {
        display: inline-block
    }

    .portfolio-pagination > div {
        text-align: left;
        margin-top: 10px
    }

    .main-flexslider, .main-flexslider .slides > li {
        height: 350px
    }

        .main-flexslider .slide {
            padding: 40px 30px !important
        }

        .main-flexslider h2 {
            font-size: 32px;
            font-weight: 800;
            line-height: 42px
        }

        .main-flexslider p {
            font-size: 16px
        }

        .main-flexslider a.button {
            border-bottom-color: #738497
        }

        .alert-box, .event-pagination > div + div, .main-flexslider .great-vibes + h2, .media-pagination > div + div {
            margin-top: 10px
        }

        .main-flexslider .great-vibes {
            font-size: 34px;
            position: relative;
            display: inline-block;
            margin-bottom: 0
        }

    .main-revolution h2 {
        font-size: 24px;
        line-height: 30px
    }

    .tparrows.default {
        top: 50% !important
    }

    .portfolio-video iframe, .youtube-video {
        height: 200px
    }

    .calendar-header .filter-dropdown, .sidebar {
        margin-top: 20px
    }

        .sidebar .banner {
            margin: 5px 0
        }

    .banners-inline, .events-calendar, .events-calendar tbody, .events-calendar td, .events-calendar tr, .tabs.style2, .tabs.style2 > div {
        display: block
    }

        .banners-inline > .banner-wrapper {
            width: 100%;
            display: block;
            padding: 3px
        }

    .blog-post.big .post-image {
        float: none;
        display: block;
        width: 100%;
        margin: 0 0 20px
    }

    .media-item, .pricing-table, .pricing-tables, .testimonial, blockquote, ol.list, ul.list {
        margin: 20px 0
    }

    table, tbody, td, th, tr {
        display: block;
        max-width: 100%;
        min-width: 100%
    }

        table td, table th {
            border: none
        }

        table tr {
            border: 1px solid #ecedf1
        }

    .pricing-tables, .pricing-tables tbody, .pricing-tables td, .pricing-tables th, .pricing-tables tr {
        display: block;
        width: 100%;
        padding: 0
    }

    .pricing-table.most-popular, .pricing-table:hover {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }

    .event-calendar td {
        height: auto;
        min-height: 150px
    }

    .calendar-header .align-right, .event-pagination > div, .media-pagination > div, .shopping-cart-table .align-right, .your-order-table .align-right {
        text-align: left
    }

    .event-popover {
        width: auto
    }

    .filter-filtering {
        display: block;
        margin-bottom: 10px
    }

    .media-caption h2 {
        font-size: 18px
    }

    .media-button a.button, .media-button a.button + a.button {
        margin: 0 5px 5px 0
    }

    .event-item, .related-articles .blog-post {
        margin-bottom: 30px
    }

    .copyright, .post-author .author-info .author-img, .project-details tr {
        margin-bottom: 10px
    }

    .blog-post-single.fullwidth-post {
        padding-left: 0
    }

    .shop-items .mix {
        width: 50%;
        display: block !important;
        float: left
    }

    .shop-header .filter-filtering {
        float: none;
        margin-top: 10px
    }

    .shopping-cart-table a.button + a.button, .shopping-cart-table input + a.button {
        margin-top: 5px;
        margin-left: 0
    }

    .event-meta.horizontal .event-meta-block + .event-meta-block {
        margin-top: 1px
    }

    .project-details td {
        padding: 0;
        line-height: 20px
    }

    .banner-rotator .slides li {
        background-size: cover !important;
        background-position: center top !important
    }

    .banner-rotator-content {
        width: 100%;
        margin-top: 300px;
        border-radius: 0 0 5px 5px
    }

    .banner-rotator-flexslider .flex-control-nav {
        width: 100%
    }

    .team-member {
        padding-bottom: 0
    }

    .team-member-info {
        position: relative;
        margin-top: 0;
        top: 0
    }

    .team-member-more {
        opacity: 1;
        -moz-opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1)
    }

    .team-member:hover .team-member-info {
        top: 0
    }

    .team-member.big .team-member-image {
        width: 100%;
        padding-right: 0;
        float: none
    }

    .team-member.big .team-member-info {
        float: none;
        width: 100%;
        padding: 20px
    }

    #lower-footer ul {
        float: none !important
    }
}

@media(max-width:480px) {
    .main-revolution h2 {
        font-size: 18px;
        line-height: 26px
    }

    .main-revolution p {
        font-size: 13px;
        line-height: 20px
    }

    .main-revolution .great-vibes, .post-side-meta .date .month {
        font-size: 16px
    }

    .shop-items .mix {
        width: 100%;
        display: block !important;
        float: left
    }

    .post-image iframe {
        height: 150px
    }

    .post-side-meta, .post-side-meta .post-comments {
        width: 50px
    }

        .post-side-meta .date {
            width: 50px;
            height: 50px
        }

            .post-side-meta .date .day {
                font-size: 24px;
                line-height: 18px
            }

        .post-side-meta .post-format {
            width: 50px;
            height: 50px;
            font-size: 24px;
            padding-top: 13px
        }

    .blog-post h2 {
        margin: 0 0 5px;
        font-size: 20px
    }

    .post-content {
        padding-left: 70px
    }

    .product-reviews li .date {
        margin-bottom: 30px
    }

    .product-reviews li .shop-rating {
        right: auto;
        left: 70px;
        top: 45px
    }

    a.button + a.button {
        margin-left: 0;
        margin-top: 10px
    }

    .main-flexslider .slide {
        padding: 30px !important
    }

    #main_flex_1 .slide {
        padding-top: 70px !important
    }

    #main_flex_2 .slide {
        padding-top: 40px !important
    }

    .main-flexslider h2 {
        margin-top: 0
    }
}

.logosize {
    width: 55%;
    margin-top: -10px;
    margin-right: -5px
}

@media only screen and (max-width :991px) {
    #main-footer iframe {
        width: 50% !important
    }

    .longdivonmobile {
        height: 450px !important
    }

    .carousel-arrows {
        display: block !important;
        margin-top: 50px !important
    }

    .mobileside {
        margin-right: 0 !important
    }

    .logosize {
        width: 100%;
        margin-right: -5px;
        margin-top: -19px
    }

    .eventsup {
        margin-top: 0
    }

    .main-revolution li, .panner-larg {
        min-height: 220px
    }

    #main-footer > .row > div {
        padding-right: 0 !important
    }

    .mobilelogovision {
        width: 58%;
        margin-right: 70px
    }
}

@media (max-width:767px) {
    .boxed-layout #header {
        margin: 0 -15px
    }

    .langonmobile {
        margin-left: 100px !important
    }

    .headersocialonmobile {
        margin-left: 0 !important;
        margin-top: -12px !important
    }

    .searchonmoile {
        width: 299px !important
    }

    .longdivonmobile {
        height: 450px !important
    }

    .carousel-arrows {
        display: block !important;
        margin-top: 50px !important
    }

    .mobilelogovision {
        width: 58% !important;
        margin-right: 70px !important
    }

    .fontonmobile {
        font-size: 14px !important;
        margin: 20px 0
    }

    .mapup {
        margin-top: -100px !important
    }

    #content {
        overflow-y: auto
    }

    .hidehomeimgonmobile {
        display: none
    }

    .hidehomecoloronmobile {
        background: 0 0
    }

    .spacebottommobile {
        margin-bottom: -130px
    }

    .formonmobile {
        padding-right: 100px !important
    }
}

#container {
    height: 500px;
    min-width: 500px;
    margin: 0 auto;
    text-align: center
}

.loading {
    margin-top: 10em;
    text-align: center;
    color: gray
}

.event-calendar a {
    color: #000;
    font-weight: 600
}

.event-calendar td .events li:hover, .event-calendar td:hover li, .event-calendar td > span.day li {
    border-bottom: 1px solid #f6f6f6
}

.event-calendar td .events li {
    border-color: #f6f6f6 !important
}

    .event-calendar td .events li::before {
        color: #e2eaf2
    }

@media only screen and (device-width:768px) and (device-height:1024px) {
    .gapfitontablet {
        height: 365px !important
    }

    .longdivonmobile {
        height: 450px !important
    }

    .carousel-arrows {
        display: block;
        margin-top: 50px !important
    }
}

.social-buttons li {
    padding: 0 5px !important
}

@media (max-width:991px) and (min-width:768px) {
    #lower-footer > .row > .col-lg-7 > a {
        margin-top: 15px !important
    }

    #main-footer > .row > div {
        margin: 20px 10px !important
    }

    .mobilerightfooter {
        margin-right: 0 !important
    }

    .longdivonmobile {
        height: 310px !important
    }

    .carousel-arrows {
        display: block !important;
        margin-top: 50px !important
    }

    .owl-header .carousel-arrows {
        top: -55px
    }

    .blog-post a.button {
        margin-right: 10px
    }

    .sidebar-box.white {
        margin-top: 150px !important;
        height: auto !important
    }

    .post-image img {
        padding-left: 42px !important
    }

    .appimg {
        margin-top: 35px !important
    }

    .govbox {
        margin-top: 80px !important
    }

        .govbox img {
            width: 50% !important
        }

    .govheader {
        font-size: 22px !important
    }

    .hidehomeimgonmobile {
        display: none
    }

    .hidehomecoloronmobile {
        background: 0 0 !important;
        margin-bottom: -150px !important
    }

    .headersocail {
        margin-top: 50px !important
    }
}

@media (max-width:767px) {
    .sidebar-box.white {
        height: auto !important
    }

    #main-footer iframe {
        width: 50% !important
    }

    .shiftleftonmobilebtn {
        margin-right: 10px
    }

    .longdivonmobile {
        height: 415px !important
    }

    .carousel-arrows {
        display: block !important;
        margin-top: 50px !important
    }

    .no-margin-top {
        margin-top: 25px !important
    }

    .newsletter-form .newsletter-submit .icons {
        padding-left: 0;
        padding-right: 0
    }
}

.event-content a {
    font-size: 16px;
    font-weight: 600
}

.post-title h4 {
    font-size: 20px;
    font-weight: 600
}

#main-footer > .row > div + div {
    padding: 0 !important
}

#main-footer iframe {
    width: 55%
}

footer .social-media {
    margin-left: -18px
}

@media only screen and (min-width:1024px) and (max-height:1366px) and (-webkit-min-device-pixel-ratio:1.5) {
    .postimgpro {
        height: 632px !important
    }

    .longdivonmobile {
        height: 314px !important
    }
}

@media only screen and (device-width :375px) and (device-height :812px) and (-webkit-device-pixel-ratio :3) {
    .headersocialonmobile {
        margin-left: -3px !important;
        margin-top: -10px !important
    }

    .langonmobile {
        margin-left: 112px !important
    }
}

@media only screen and (max-device-width:640px),only screen and (max-device-width:667px),only screen and (max-width:480px) {
    .searchonmoile {
        width: 250px !important
    }

    .headersocialonmobile {
        margin-left: 168px !important;
        margin-top: -10px !important
    }

    .langonmobile {
        margin-left: 112px !important
    }
}

@media only screen and (min-device-width :414px) and (max-device-width :736px) and (orientation :landscape) and (-webkit-min-device-pixel-ratio :3) {
    .headersocialonmobile {
        margin-left: 0 !important;
        margin-top: -10px !important
    }

    .langonmobile {
        margin-left: 151px !important
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-device-pixel-ratio:2) and (device-aspect-ratio:40/71) {
    .searchonmoile {
        width: 242px !important
    }

    .langonmobile {
        margin-left: 110px !important
    }

    .headersocialonmobile {
        margin-left: 100px !important;
        margin-top: -10px !important
    }
}

@supports (-ms-accelerator:true) {
    .social-icons li > a {
        text-align: left !important
    }
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .social-icons li > a {
        text-align: left !important
    }
}

@media screen and (min-width:0) and (min-resolution:+72dpi) {
    .social-icons li > a {
        text-align: left !important
    }
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none),(max-width:1920px) {
    .social-icons li > a {
        text-align: left !important
    }
}

@media only screen and (max-width:767px) {
    #content {
        overflow-x: hidden !important;
        position: relative !important
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5) and (max-height:1366px) and (min-width:1024px) {
    .headersocail {
        margin-top: 50px !important
    }
}

.overlaytextcolor, .overlaytextcolorbottom {
    margin: 30px 0 10px;
    background: rgba(0,0,0,.7);
    border-right: 5px solid #c89637;
    right: 1px;
    bottom: 10px;
    overflow: hidden;
    line-height: 1.3;
    font-size: 16px;
    /*height: 88px;*/ /*15122023*/
    padding: 7px 5px; /*padding: 15px;*/ /*15122023*/
}

.headerimghegiht {
    height: 189px
}

.overlaytextcolor {
    width: 223px;
    height: 90px
}



.overlayspace {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    padding-left: 7px;
    padding-right: 0
}

.reports {
    letter-spacing: 0 !important
}

.headertopimghegiht {
    height: 170px
}

.justfiyslidertext {
    text-align: justify
}

.row.headersocail {
    margin-left: -125px !important
}

a.goldhover:hover {
    color: #c89637 !important
}

ul.social-icons.headersocialonmobile {
    margin-top: -2px
}

@media (max-width:767px) {
    .overlaytextcolorbottom {
        height: 55px
    }

    .upmargin20 {
        margin-top: 20px !important
    }

    .longmoilediv {
        height: 480px !important
    }

    .slider-row {
        padding: 40px 0 !important
    }

    .slider-row-citizenplan {
        padding: 0 !important
    }

    .main-flexslider .slides > li {
        background-size: cover !important
    }

    .main-flexslider {
        height: 130px
    }

    #lower-footer > .row {
        padding-bottom: 15px
    }

    #citizenplan-HP-text {
        margin-top: 0 !important;
        text-align: center !important
    }

    h3#topchorme {
        margin-top: 20% !important
    }

    .flex-viewport {
        height: 190px
    }
}

.home-blackbg h2 {
    background-color: rgba(0,0,0,.4);
    padding: 5px 10px
}

.home-blackbg p {
    background-color: rgba(0,0,0,.4);
    margin-top: 10px !important;
    padding: 10px;
    width: 100%
}

#navigation li ul li ul li > a {
    font-size: 14px;
    padding: 8px 20px
}

.post-image .overlay { /*15122023*/
    display: none !important;
}