/*
 Theme Name:   Miata
 Description:  Political  Responsive WordPress Theme
 Author:       HasTech
 Author URI:   http://bootexperts.com/
 Version:      1.0.0
 Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post
 License:      GPL 2.0
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Template:     layerswp
 
-------------------------------
    ** TABLE OF CONTENTS ** 
-------------------------------


/*------------------------------*/
/*- 1. THEME DEFAULT CSS -------*/
/*------------------------------*/



html {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: calc(100%) !important;
}
img {
    max-width: 100%;
    height: auto;
}
a {
    text-decoration: none;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #444;
    font-weight: 400;
}
a:focus,
:focus {
    outline: 0px solid;
}
a:hover {
    text-decoration: none;
}
a:active,
a:hover {
    outline: 0 none;
}
body {
    color: #333333;
}
.container {
    margin: auto;
    max-width: 1200px;
    padding: 0 20px;
}
.container.list-masonry {
    max-width: 1200px;
}
[class*="column"] {
    margin-bottom: 0px;
}
.content-vertical-massive {
    padding-top: 90px;
    padding-bottom: 90px;
}
.fix {
    overflow: hidden;
}
.clear {
    clear: both;
}
html {
    max-width: calc(100%) !important;
    margin: 0 !important;
}
body {
    overflow: hidden;
}
/*------------------------------*/
/*- Write your code here ---------*/
/*------------------------------*/
/* Slider style css here */

.hs-item {
    background-color: #f1f1f1;
    background-size: cover;
    margin: 0;
    min-height: 816px;
    position: relative;
    text-align: center;
}
.hs-content > h1 {
    color: #fff;
    font-family: "Raleway", sans-serif;
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
}
.hs-content > h1 span {
    color: #a499c9;
    font-weight: 600;
    text-decoration: underline dashed;
}
.hs-content > h2 {
    color: #fff;
    font-family: "Raleway", sans-serif;
    font-size: 65px;
    font-weight: 700;
    line-height: 1.2;
}
.slider-btns a {
    border: 1px solid #fff;
    border-radius: 7px;
    color: #fff;
    font-family: raleway;
    font-size: 14px;
    font-weight: 700;
    padding: 16px 24px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.slider-btns a:hover {
    background: #fff none repeat scroll 0 0;
    color: #a499c9;
}
.slick-dots button {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    height: 14px;
    margin: 8px 0;
    padding: 0;
    text-indent: -9900000px;
    width: 14px;
}
ul.slick-dots {
    margin-top: -23px;
    position: absolute;
    right: 35px;
    top: 50%;
}
.slick-initialized .hs-item.slick-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.hero__slider {
    padding: 0;
}
.hero-area li.slick-active button,
.hero-area li:hover button {
    background: #a499c9 none repeat scroll 0 0;
}
.hs-thumb img {
    display: inline-block;
    margin-bottom: 54px;
}
.hs-content {
    position: relative;
    text-align: left;
    z-index: 9;
}
.hs-item:after {
    background: #000 none repeat scroll 0 0;
   /* background_opacity content: ""; */
    height: 100%;
    left: 0;
    opacity: 0.34;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=34)";
    position: absolute;
    top: 0;
    width: 100%;
}
.hero-area .hidenav ul.slick-dots {
    display: none !important;
}
.hs-content > p {
    color: #fff;
}
.hs-item.slick-current .hs-content h1 {
    margin-bottom: -8px;
}
.hs-item.slick-current .hs-content h2 {
    margin-bottom: 17px;
}
.layers-header-overlay .hero__slider {
    margin-top: -112px;
}
.layers-header-overlay .header-site,
.layers-header-overlay .header-site.header-sticky {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
}
.layers-header-overlay .nav-horizontal li> a {
    color: #fff;
}
.layers-header-overlay .header-site nav ul li > ul > li > a {
    color: #333;
}
/*------------------------------*/
/*- 1. BREADCRUMB AREA ---------*/
/*------------------------------*/

.breadcrumb-area {
    background-color: #dcdcdc;
    background-size: cover;
    padding: 80px 0 83px;
    position: relative;
}
.breadcrumb-area.single-page {
    padding: 92px 0 96px;
}
.breadcrumb-title h1 {
    color: #5aa16a;
    font-size: 36px;
    font-weight: 500;
}
.bread-crumbs {
    margin: 0;
}
.breadcrumb-list {} .bread-crumbs li,
.bread-crumbs li a {
   /* color: ; */
    font-size: 14px;
}
.bread-crumbs li a:hover,
.bread-crumbs li .current > a {
    text-decoration: none;
}
.breadcrumb-padding.pages-p {
    text-align: center;
}
.bread-crumbs a,
.breadcrumb-list a {
    color: #5e5e5e;
}
.bread-crumbs a:hover {
    color: #5aa16a;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.breadcrumb-title {
    margin-bottom: 3px;
}
.bread-crumbs li span.current {
    color: #1293d4;
}
.breadcrumb-title h1 {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
}
.bread-crumbs {
    margin: 0;
}
.breadcrumb-list {
    line-height: 100%;
}
.bread-crumbs li {
    display: inline-block;
    float: none;
    margin-right: 3px;
}
.bread-crumbs li,
.bread-crumbs li a {
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    font-weight: 700;
}
.bread-crumbs li a:hover,
.bread-crumbs li .current > a {
    text-decoration: none;
}
.breadcrumb-padding.pages-p {
    text-align: left;
}
.bread-crumbs a,
.breadcrumb-list a {
    color: #ffffff;
}
.bread-crumbs a:hover {
    color: #1293d4;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.breadcrumb-list a:hover {
    color: #1293d4;
}
.not-found-title {
    font-size: 23px;
    margin-bottom: 7px;
}
.breadcrumb-list li {
    display: inline-block;
    font-size: 16px;
    margin: 0 5px;
}
.breadcrumb-list li:first-child {
    margin-left: 0;
}
.breadcrumb-list > ul {
    color: #ffffff;
}
.breadcrumb-list li:last-child {
    margin-right: 0;
}
.breadcrumb-list {
    margin-right: -9px;
    padding-left: 17px;
}
.header-site .nav-horizontal > ul > li > a {
    padding: 40px 0 40px 10px;
}
/*------------------------------*/
/*-  Sidebar AREA ---------*/
/*------------------------------*/

.sidebar .search-field:focus {
    border: 1px solid #ea000d;
}
.sidebar .content.well {
    background: transparent;
}
.push-bottom-large {
    margin-bottom: 0;
}
.pull-right.sidebar h5.section-nav-title,
.pull-left.sidebar h5.section-nav-title {
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 30px;
}
.pull-right.sidebar h5.section-nav-title,
.pull-left.sidebar h5.section-nav-title {
    border-bottom: 1.5px solid #e5e5e5;
    bottom: -1px;
    color: #ea000d;
    display: block;
    font-size: 22px;
    font-weight: 600;
    line-height: 17px;
    padding-bottom: 24px;
    position: relative;
    text-transform: capitalize;
}
.pull-right.sidebar h5.section-nav-title:before,
.pull-left.sidebar h5.section-nav-title:before {
    background: #ea000d none repeat scroll 0 0;
    bottom: -1.2px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 17%;
}
.sidebar {
    margin-top: -19px;
}
/* tag */

.tagcloud a {
    display: inline-block;
}
.tagcloud a {
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    color: #333333;
    display: inline-block;
    font-size: 13px !important;
    margin: 0 10px 19px 0;
    padding: 8px 17px;
    text-align: center;
    text-transform: capitalize;
}
.tagcloud a:hover {
    background: #ea000d none repeat scroll 0 0;
    border-color: #ea000d;
    color: #fff;
}
/* textwidget */

.textwidget {} .textwidget img {
    margin-top: 10px;
}
.textwidget form {
    margin-top: 5px;
}
/*------------------------------*/
/*- BLOG AREA ---------*/
/*------------------------------*/

.blog-pages {
    padding-bottom: 24px;
    padding-top: 75px;
}
.tempate-blog-page {
    padding-bottom: 24px;
    padding-top: 75px;
}
.blog-heading-title a {
    font-size: 22px;
    font-weight: 400;
}
.blog-heading-title .heading {
    margin-bottom: 7px;
}
.sk {
    margin-bottom: 20px;
}
.sk .sticky,
.sk .tag-sticky-2 {
    border: 1px solid #ea000d;
    padding: 0 10px 10px;
}
.extra-pagination .pagination {
    padding-top: 0;
}
.meta-info {
    line-height: 1;
    margin-bottom: 13px;
}
.meta-item {
    display: inline-block;
    font-size: 14px;
}
.button {
    padding: 8px 15px;
}
.ht-single-content {
    background: transparent none repeat scroll 0 0;
}
.ht-single-content {
    background: transparent none repeat scroll 0 0;
    padding: 0;
}
.ht-single-content > h2 {
    color: #333;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 6px;
}
.ht-blog-date > span {
    margin-right: 10px;
}
.thumbnail-body p {
    font-size: 13px;
    line-height: 24px;
    margin: 8px 0 12px;
}
.ht-blog-button .button:before {
    background: #ea000d none repeat scroll 0 0;
    bottom: 7px;
    content: "";
    height: 2px;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    width: 24px;
}
.ht-blog:hover .ht-blog-button .button:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.ht-blog:hover .ht-blog-button .button {
    padding-left: 37px;
}
.ht-blog-button .button {
    background: transparent none repeat scroll 0 0;
    color: #333;
    font-size: 1.1em;
    font-weight: 300;
    margin-top: 0;
    padding: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.ht-blog:hover .ht-blog-button .button {
    background: transparent none repeat scroll 0 0;
    color: #ea000d;
}
.ht-blog-thumb {
    line-height: 11px;
    margin-bottom: 12px;
}
.thumbnail-body a.button:hover {
    background: transparent;
}
.blog-carousel.indicator-style .owl-prev {
    left: -70px;
}
.blog-carousel.indicator-style.owl-theme:hover .owl-controls .owl-buttons div {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.all-contact-text .di-na input[type="text"],
.all-contact-text .tnm-textarea textarea,
.all-contact-text .di-na input[type="submit"],
.all-contact-text .di-na input[type="email"],
.all-contact-text .di-na input[type="tel"] {
    background-color: #fff;
    border: inherit;
    border-radius: 5px;
    box-shadow: inherit;
    color: #333;
    font-size: 1.2em;
    height: 44px;
    outline: medium none;
    padding: 0 13px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 100%;
}
.all-contact-text .di-na input[type="submit"] {
    background-color: #333333;
    color: #fff;
    font-size: 1.2em;
    font-weight: 600;
    margin-top: 4px;
    text-transform: uppercase;
}
.all-contact-text .di-na input[type="submit"]:hover {
    background-color: #ea000d;
}
.all-contact-text .tnm-textarea textarea {
    height: 270px;
    max-width: 100%;
    padding: 23px 12px;
}
.funfact-area .span-3 .image-left .media-image,
.funfact-area .span-4 .image-left .media-image {
    max-width: 100%;
}
.funfact-area .image-left .media-image {
    float: left;
    margin-right: 0;
    max-width: 49%;
}
.tnm-textarea {
    margin-top: 32px;
}
.res-sub-input {
    clear: both;
    overflow: hidden;
}
.all-contact-area .column.span-3 {
    display: block;
    float: left;
}
.res-sub-input input {
    max-width: 100%;
}
.di-na {
    font-size: 1.1em;
    line-height: 30px;
    margin-bottom: 27px;
    text-align: left;
}
.all-contact-area .all-contact-text p {
    display: none;
}
div.wpcf7-response-output {
    float: left;
    font-size: 1.2em;
    margin: 2em 0.5em 1em;
    padding: 7px 24px;
    text-align: left;
}
.di-na.res-sub {
    margin-bottom: 0;
}
div.wpcf7 .all-contact-area .ajax-loader {
    margin-top: 4px;
}
.index_contaact_widget_area {
    padding: 71px 0 18px;
}
.header-site .logo img {
    max-height: 100%;
}
.hwr_area_widget {
    padding: 68px 0 16px;
}
.slider_event_area_s {
    padding: 70px 0 6px;
}
/*------------------------------*/
/*- PAGE AREA ---------*/
/*------------------------------*/

.page-area {
    padding-top: 75px;
    padding-bottom: 90px;
}
/*------------------------------*/
/*- PAGE AREA ---------*/
/*------------------------------*/

.page-area {
    padding-top: 75px;
    padding-bottom: 70px;
}
/*------------------------------*/
/*-  single page AREA ---------*/
/*------------------------------*/

.single-blog-page {
    padding-top: 75px;
    padding-bottom: 90px;
}
.single-post-title {} .single-title-heading {
    color: #333;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 5px;
}
.single-article .thumbnail {
    line-height: 0;
    margin-bottom: 16px;
}
.single-article .meta-item {
    color: #333;
    display: inline-block;
    font-size: 15px; /* I changed this from 12px - jh */
}
.story h1,
.comment h1,
.story h2,
.comment h2,
.story h3,
.comment h3,
.story h4,
.comment h4,
.story h5,
.comment h5,
.story h6,
.comment h6 {
    font-weight: 700;
    margin-bottom: 15px;
}
.story h1,
.comment h1 {
    font-size: 54.4px;
    font-size: 3.4rem;
}
.story h2,
.comment h2 {
    font-size: 48px;
    font-size: 3rem;
}
.story h3,
.comment h3 {
    font-size: 43.2px;
    font-size: 2.7rem;
}
.story h4,
.comment h4 {
    font-size: 41.6px;
    font-size: 2.6rem;
}
.story h5,
.comment h5 {
    font-size: 38.4px;
    font-size: 2.4rem;
}
.story h6,
.comment h6 {
    font-size: 35.2px;
    font-size: 2.2rem;
    font-weight: 700;
}
pre {
    overflow-x: scroll;
}
pre {
    overflow-x: scroll;
}
.story {
    font-size: 1.4em;
    line-height: 24px;
}
.single-post footer.meta-info {
    margin-bottom: 24px;
}
a:hover {
    color: #ea000d;
}
/*------------------------------*/
/*-  404 AREA ---------*/
/*------------------------------*/

.page-404 {
    padding-top: 75px;
    padding-bottom: 90px;
}
.not-found-area {} .not-found-title {} .not-found-title h1 {} .not-found-subtitle {} .not-found-subtitle p {}
/*------------------------------*/
/*- search AREA ---------*/
/*------------------------------*/

.search-page-area {
    padding-top: 75px;
    padding-bottom: 90px;
}
.not-found-form {} .not-found-form h2 {}
/*------------------------------*/
/*- SHOP AREA ---------*/
/*------------------------------*/

.product-pages {
    padding-top: 75px;
    padding-bottom: 90px;
}
/*------------------------------*/
/*- SINGLE SHOP AREA ---------*/
/*------------------------------*/

.single-product-page {
    padding-top: 75px;
    padding-bottom: 90px;
}
/*------------------------------*/
/*- comment area ---------*/
/*------------------------------*/

.grid.comments-nested.push-top {
    border-top: 0px solid #ddd;
}
.push-top-large .children {
    margin-left: 20px;
}
.comment.even.content.well,
.comment-list .even.content.well {
    display: block;
    width: 100%;
    background-color: #f5f5f5;
}
.comment.odd.content.well,
.comment-list .odd.content.well {
    display: block;
    width: 100%;
    background-color: #f7f7f7;
}
.comment-respond {
    width: 100%;
}
.push-top-large {
    margin-top: 0;
}
.form-submit input[type="submit"] {
    padding: 10px 14px;
}
.comment-reply-title {
    color: #333;
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
}
.logged-in-as a:hover {
    text-decoration: none;
}
p.comment-form-comment label {
    clear: both;
    display: block;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 4px;
}
.comment-form textarea:focus,
.comment-form input:focus {
    border-color: #ea000d;
}
/*------------------------------*/
/*- some unit test style ---------*/
/*------------------------------*/
/* menu css */

.nav-horizontal li:hover > a {
    color: #f00;
}
.sub-menu li,
.nav .children li {
    border: 0;
}
.sub-menu li a,
.nav .children li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #333;
    font-size: 1.1em;
    font-weight: 500;
}
.sub-menu li a,
.nav .children li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #000;
}
.sub-menu li a:hover,
.nav .children li a:hover {
    color: #f00;
}
.nav-horizontal ul.menu li ul.children li ul.children {
    left: 120%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    top: 0;
}
.nav-horizontal ul.menu li ul.children li:hover ul.children {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.header-site .sub-menu,
.nav .children {
    background-color: #fff;
    border-color: #ea000d currentcolor currentcolor;
    border-style: solid none none;
    border-width: 1px 0 0;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    font-weight: 500;
    left: 0;
    margin: 0;
    padding: 30px 22px;
    position: absolute;
    text-align: left;
    top: 111px;
    -webkit-transform: rotateX(90deg);
            transform: rotateX(90deg);
    -webkit-transform-origin: center top 0;
            transform-origin: center top 0;
    -webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    visibility: hidden;
    width: 238px;
    z-index: -99;
}
.nav li:hover > .sub-menu,
.nav li:hover > .children {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    visibility: visible;
    z-index: 99999;
}
.nav li:hover > .sub-menu,
.nav li:hover .children {
    top: 111px;
}
.header-site nav ul li > ul > li {
    border: 0;
}
.header-site nav ul li > ul > li > a {
    color: #333;
    font-weight: 500;
    text-align: left;
    text-transform: capitalize;
}
.sub-menu li a:hover,
.nav .children li a:hover {
    background-color: hsla(0, 0%, 0%, 0);
}
.nav li:last-child .sub-menu .sub-menu,
.nav li:last-child .children .children {
    right: 202px;
}
.nav > ul > li .sub-menu .sub-menu,
.nav li:hover > .sub-menu .sub-menu,
.nav > ul > li .children .children,
.nav li:hover > .children .children {
    left: 216px;
}
nav ul > li.current-menu-item > a {
    color: #ea000d;
}
.social-area {
    background-color: #2a2a2a;
}
.social-icon li {
    float: left;
}
.social-icon li a {
    background-color: #404040;
    border-radius: 50%;
    color: #eee;
    display: inline-block;
    font-size: 18px;
    height: 48px;
    line-height: 48px;
    margin-left: 20px;
    text-align: center;
    width: 48px;
}
.social-icon li a.facebook:hover {
    background-color: #0a5fa6;
    color: #fff;
}
.social-icon li a.google:hover {
    background-color: #df4b38;
    color: #fff;
}
.social-icon li a.twitter:hover {
    background-color: #31aae2;
    color: #fff;
}
.social-icon li a.instagram:hover {
    background-color: #10dd76;
    color: #fff;
}
.social-icon li a.pinterest:hover {
    background-color: #e21b1b;
    color: #fff;
}
.social-icon {
    overflow: hidden;
    padding-top: 5px;
    text-align: right;
}
.footer-top-left,
.footer-middle-right,
.footer-bottom-right {
    display: block;
    overflow: hidden;
}
.footer-top-left > p,
.footer-middle-right > p,
.footer-bottom-right > p {
    float: left;
}
.footer-top {
    background: #2a2a2a none repeat scroll 0 0;
    margin-top: -20px;
    padding: 30px 0;
}
.social-icon.floatright > ul {
    display: inline-block;
    overflow: hidden;
}
.widget.video_area_widget.content-vertical-massive {
    padding: 0;
}
a.video-popup i {
    color: #fff;
    font-size: 60px;
    height: 70px;
    left: 0;
    line-height: 70px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 44%;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 70px;
}
.video__area {
    background: #ddd none repeat scroll 0 0;
    margin: 0;
    padding: 273px 0;
    position: relative;
}
.miata-video-widget {
    padding: 0;
}
.video_content_area {
    width: 50%;
    float: left;
}
.video__areas {
    float: left;
    width: 50%;
}
button.mfp-close:hover {
    background: transparent;
}
.footer-top-grid .section-nav-title {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 35px;
}

/* changed font size here from 13 -jh */
.footer-logo > p {
    font-size: 1.5em;
    line-height: 24px;
}
.ht-blog-date span i {
    margin-right: 4px;
}
.subscribe-section form p {
    margin-bottom: 0;
    color: #fff;
    font-size: 15px;
}
.footer-add-icon {
    color: #ccc;
    display: inline-block;
    float: left;
    font-size: 15px;
    margin-right: 14px;
}
.footer-add-info {
    color: #eee;
    display: block;
    font-size: 15px;
    margin-bottom: 20px;
    padding-left: 18px;
}

/* Added by jh */
.footer-logo > p {
	font-size:20px;
}

.footer-logo {
    margin-bottom: 19px;
}
.sidebar-blog a.image {
    display: inline-block;
    float: left;
    margin-right: 20px;
    width: 100px;
}
.miata_recent .sidebar-blog {
    border-bottom: 1px solid #3f3f3f;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.miata_recent .sidebar-blog:last-child {
    border-bottom: 0;
}
.miata_recent .info_of_title.fix a {
    font-size: 1em;
    font-weight: 600;
    text-transform: capitalize;
}
.miata_recent .time_recnt_post {
    font-size: 1.1em;
}
.footer-site .widget_nav_menu li a {
    font-size: 1.2em;
}
.footer-site .widget li {
    margin-bottom: 12px;
}
.copyright-area {
    background: #2a2a2a none repeat scroll 0 0;
    padding: 15px 0 12px;
}
.copyright .nav-horizontal a {
  font-size: 12px;
  font-weight: normal;
  padding: 0;
  text-transform: uppercase;
}
.copyright .nav-horizontal li {
    margin: 0 27px 0 0;
}
.copyright .site-text {
    font-size: 12px;
}
.footer-site .grid.footer-top-grid {
    padding-bottom: 45px;
}
.header-sticky {
    z-index: 999999;
}
.header-sticky.is_stuck.is_stuck_show {
    box-shadow: 1px 1px 2px 1px #f8f8f8;
}
.hwr_area_widget .video__areas {
    border: 3px solid #edf0f5;
    float: right;
    margin-right: 14px;
    padding: 24px;
    width: 45%;
}
.hwr_area_widget .video__area {
    background: #ddd none repeat scroll 0 0;
    margin: 0 0 -46px -46px;
    padding: 181px 0;
    position: relative;
}
.hwr_area_widget .video_content_area {
    float: left;
    width: 49%;
}
.hwr_area_widget .video-popup {
    background: #6e7071;
    border-radius: 50%;
    display: inline-block;
    width: 80px;
    height: 80px;
    font-size: 33px;
    line-height: 82px;
}
.hwr_area_widget a.video-popup i {
    color: #fff;
    font-size: 36px;
    height: 70px;
    left: 0;
    line-height: 69px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 42%;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 70px;
}
.hwr_area_widget a.video-popup:hover {
    background-color: #fff;
}
.hwr_area_widget a.video-popup:hover i {
    color: #ea000d;
}
.single-blog-image {
    line-height: 7px;
}
body.blog .header-site {
    border-bottom: 1px solid #ddd;
}
.site-description {
    padding-bottom: 0;
}
.sitename {
    line-height: 1;
}
.tagline {
    line-height: 1;
}
.header-site .container {
    padding: 3px 7px 1px 40px;
}
.header-site .nav-horizontal > ul > li {
    margin: 0 0 0 28px;
    padding-bottom: 0;
}
.header-site {
    padding: 0px 73px;
}
.slick-dots li button:focus {
    border: 0 none;
    outline: 0 none;
}
.nav-horizontal li a {
    color: #333;
    display: block;
    font-size: 1.3em;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}
.header-site .nav ul li a span {
    background: #ea000d none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    padding: 16px 14px;
}
/* page image aligment */

.alignleft {
    margin-right: 15px;
}
.wp-caption {
    background: transparent;
}
.avatar .avatar-body .avatar-name {
    color: #333;
    display: block;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0;
}
.post-password-form {} .post-password-form input[type="submit"] {
    background: #ea000d none repeat scroll 0 0;
    margin-top: 10px;
    padding: 10px 30px !important;
}
.search-form input[type="submit"]:hover,
.post-password-form input[type="submit"]:hover {
    background: #333!important;
}
.attachment .wrapper-content {
    padding-top: 76px;
}
.conmment-title_quick .heading.comment-title {
    font-size: 24px;
    font-weight: 500;
    margin: 20px 0 13px;
}
.copy blockquote {
    font-size: 24px;
    font-size: 1.5rem;
}
.avatar-body small {
    color: #333;
    font-size: 12px;
}
.comments-nested .copy.small {
    color: #333;
    font-size: 13px;
    font-weight: normal;
    line-height: 24px;
}
.comment-list .copy a:not(.button),
.comment-list .story a:not(.button) {
    background: #fff none repeat scroll 0 0;
    border: 0 none;
    border-radius: 50px;
    color: #ea000d;
    font-size: 13px;
    padding: 4px 20px 6px;
}
.comment-list .copy a:not(.button):hover,
.comment-list .story a:not(.button):hover {
    background: #ea000d none repeat scroll 0 0;
    color: #fff;
}
#comments p.form-submit input.submit[type="submit"] {
    background-color: #ea000d;
    border: inherit;
    border-radius: 50px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 15px 39px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
#comments p.form-submit input[type=submit].submit:hover {
    background-color: #333;
    color: #fff;
}
input[type="email"],
input[type="text"],
input[type="url"],
input[type="search"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="date"] {
    height: 45px;
    max-width: 100%;
}
textarea {
    max-width: 100%;
}
.event__area_start {
    padding-bottom: 18px;
    padding-top: 80px;
}
.subscribe-section {
    background: #fff none repeat scroll 0 0;
    position: relative;
}
.subscribe-section:after {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    position: absolute;
    top: 0;
    width: 100%;
}
.subscribe-section .container {
    position: relative;
    z-index: 9;
}
.event-text .section-title.large {
    margin-bottom: 9px;
}
.subscribe-section form {
    display: block;
    position: relative;
}
.subscribe-section input[type="email"] {
    border: 1px solid #fff;
    border-radius: 18px;
    box-shadow: none;
    color: #949494;
    font-size: 14px;
    height: 40px;
    margin-top: 6px;
    padding: 11px 174px 11px 30px;
    width: 100%;
}
.subscribe-section input[type="email"]:focus {
    border: 1px solid #ea000d;
}
.subscribe-section form p {
    margin-bottom: 0px;
}
.subscribe-section input[type="submit"] {
    background: #ea000d none repeat scroll 0 0;
    border: inherit;
    border-radius: 0 18px 18px 0;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    margin-top: 6px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 171px;
}
.subscribe-section h5.heading {
    color: #333;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 0;
    text-transform: uppercase;
}
.subscribe-section input[type="submit"]:hover {
    background-color: #333;
    color: #ffffff;
}
.timeline-widget {
    padding: 81px 0 80px;
}
.communication {
    background-color: #fff;
    border-radius: 10px;
    bottom: -80px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    display: inline-block;
    padding: 40px;
    position: absolute;
    right: 375px;
    z-index: 999;
}
.single-communication {
    display: block;
    margin-bottom: 40px;
    overflow: hidden;
}
.communication-icon {
    display: inline-block;
    float: left;
}
.communication-icon i {
    border: 1px solid #ea000d;
    border-radius: 50%;
    color: #ea000d;
    font-size: 24px;
    height: 66px;
    line-height: 66px;
    text-align: center;
    width: 66px;
}
.communication-text {
    padding-left: 84px;
    padding-right: 5px;
    padding-top: 9px;
}
.communication-text > p.bold {
    color: #ea000d;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    margin-bottom: 10px;
}
.communication-text > p,
.communication-text > p a,
.communication-text {
    color: #333;
    font-size: 1.1em;
    font-weight: normal;
    font-style: normal;
    margin-bottom: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.map-areas address.copy {
    position: relative;
}
.single-communication:last-child {
    margin-bottom: 0;
}
.copy .communication-text a:not(.button),
.story .communication-text a:not(.button) {
    border: 0 none;
    color: #333;
}
.copy .communication-text a:not(.button):hover,
.story .communication-text a:not(.button):hover {
    color: #ea000d;
}
.contact_page_form {
    padding-top: 160px;
}
.contact-form-areas {
    padding-top: 0;
}
.map-input-contact-area .contact-form input::-moz-placeholder {
    color: #333;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.map-input-contact-area .contact-form textarea::-moz-placeholder {
    color: #333;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.map-input-contact-area input.form-control2 {
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #333;
    font-size: 13px;
    height: 44px;
    margin-bottom: 30px;
}
.map-input-contact-area textarea.form-control2 {
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #333;
    height: 275px;
    margin-bottom: 30px;
}
.map-input-contact-area input:focus,
.map-input-contact-area textarea:focus {
    border-color: #ea000d;
}
.map-input-contact-area input.submit {
    background-color: #ea000d;
    border: inherit;
    border-radius: 50px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 12px 48px 12px 29px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.map-input-contact-area input.submit:hover {
    background-color: #444;
}
.submit_cnt_p {
    clear: both;
    display: inline-block;
    overflow: hidden;
    position: relative;
}
.submit_cnt_p i {
    color: #fff;
    font-size: 14px;
    position: absolute;
    right: 22px;
    top: 13px;
}
.submit_cnt_p .ajax-loader {
    left: 5px;
    position: absolute;
    top: 12px;
}
.map-input-contact-area span span {
    font-size: 12px;
    margin-bottom: 18px;
    margin-top: -20px;
}
.contact-form-areas {
    padding: 0;
}
.nrbstyle.team-style-3 [class*="span-"] {
    float: left;
    margin-bottom: 40px;
    width: calc(100% / 12 * 3 - 20px);
}
.index_contaact_widget_area .ajax-loader {
    bottom: 41px;
    left: 5px;
    position: absolute;
}
.tab-img2 {
    display: inline-block;
    float: left;
    margin-right: 40px;
    overflow: hidden;
    width: 470px;
}
.team-mrg {
    margin: 30px 0;
}
.team-details-text h1 {
    color: #333;
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
}
.team-details-text > h3 {
    color: #ea000d;
    font-size: 18px;
    font-weight: normal;
    margin: 14px 0 20px;
}
.team-details-text > p {
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 28px;
}
.team-details-text > p span {
    color: #333;
}
.team-icon > ul {
    float: right;
}
.team-icon li {
    display: inline-block;
}
.team-icon a {
    color: #9a9a9a;
    font-size: 18px;
    padding-left: 30px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.team-icon a:hover {
    color: #ea000d;
}
.team-icon {
    display: block;
    overflow: hidden;
    position: relative;
}
.team-icon:before {
    background: #eaeaea none repeat scroll 0 0;
    bottom: 12px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 181px;
}
.team-details-top .event-list {
    border: medium none;
    margin-top: 27px;
    padding: 0;
}
.single-team-area {
    padding-bottom: 65px;
    padding-top: 81px;
}
.service-area.section-icone.fix.widget {
    padding: 81px 0 77px;
}
.section-title .heading {
    color: #333333;
    display: inline-block;
    font-size: 36px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 62px;
    position: relative;
}
.pagination {
    margin: 0 20px 46px 0;
}
.pagination_mine {
    margin-bottom: 24px;
    padding-bottom: 49px;
}
#today > a {
    color: #fff;
}
.pagination a,
.pagination span {
    border-radius: 4px;
    border-right: 0 none;
    font-size: 14px;
    font-weight: 400;
    margin-right: 7px;
}
.extra-pagination .next.page-numbers:after {
    color: #000;
    content: "→";
    height: 100%;
    left: 0;
    position: absolute;
    text-indent: 0;
    top: 5px;
    width: 100%;
}
.extra-pagination .prev.page-numbers:after {
    color: #000;
    content: "←";
    height: 100%;
    left: 0;
    position: absolute;
    text-indent: 0;
    top: 5px;
    width: 100%;
}
.extra-pagination .next.page-numbers,
.extra-pagination .prev.page-numbers {
    position: relative;
    text-indent: -999999px;
}
.extra-pagination .prev.page-numbers:hover:after,
.extra-pagination .next.page-numbers:hover:after {
    color: #fff;
}
.blg_post.column.span-4 {
    margin-bottom: 21px;
}
.section-title .heading:before {
    background: #fff none repeat scroll 0 0;
    bottom: -49px;
    color: #ddd;
    content: "";
    font-family: fontawesome;
    font-size: 14px;
    height: 27px;
    margin-right: -20px;
    position: absolute;
    right: 50%;
    text-align: center;
	
    width: 40px;
    z-index: 9;
}
.section-title .heading:after {
    background: #eaeaea none repeat scroll 0 0;
    bottom: -37px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.section-title .excerpt {
    color: #333;
    font-size: 1.5em;
    line-height: 1.4em;
    padding: 0 8%;
}
.section-title.text-right .excerpt {
    clear: both;
    float: right;
    padding-right: 0;
}
.text-right.section-title .heading {
    float: right;
}
.section-title.text-left .excerpt {
    max-width: 745px;
    padding-left: 0;
}
/* What We Do sttyle  */

.what-bottom {
    margin-top: 44px;
}
.then-icon > i {
    background-color: #fff;
    border-radius: 100%;
    color: #a7a7a7;
    display: inline-block;
    font-size: 30px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 60px;
}
.what-bottom .btn-icon {
    background-color: #f6f6f6;
    display: inline-block;
    padding: 15px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.what-bottom:hover .btn-icon {
    background-color: #ea000d;
}
.what-bottom:hover a,
.what-bottom:hover h3 {
    color: #ea000d;
}
.mission-text .service-title:before {
    background: #ccc none repeat scroll 0 0;
    bottom: -20px;
    content: "";
    height: 2px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 50px;
}
.mission-text .service-title {
    color: #333;
    display: inline-block;
    font-size: 1.2em;
	line-height:1.1em;
    font-weight: 600;
    margin-bottom: 31px;
    margin-top: 10px;
    position: relative;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.single-service p {
    color: #333;
    font-size: 1.2em;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 10px;
}
.what-bottom:hover .mission-text .service-title:before {
    background: #ea000d none repeat scroll 0 0;
}
.what-bottom:hover a,
.what-bottom:hover .service-title {
    color: #ea000d;
}
.service-area .section-title {
    margin: 0;
}
.event-infos .cdown {
    display: inline-block;
    margin-right: 5px;
    color: #ea000d;
    font-size: 15px;
    font-weight: 500;
}
.event-text .event-time i {
    color: #ea000d;
    font-size: 15px;
}
.event-infos .timer {
    display: inline-block;
    padding-left: 4px;
}
article.event-column {
    margin-bottom: 26px;
}
.event-image-area {
    float: left;
    margin-right: 21px;
    width: 47%;
}
.event-infos {
    float: left;
    width: 47%;
}
.event-infos .event_title {
    font-size: 20px;
    font-weight: 500;
    margin-top: 8px;
}
.event-text header {
    margin-bottom: 7px;
}
.event-text .copy.push-bottom {
    font-size: 1.2em;
    line-height: 24px;
}
.event-text p a.button {
    background: transparent none repeat scroll 0 0;
    color: #333;
    font-size: 1.2em;
    font-weight: 400;
    padding: 0;
}
.event-text .meta-item {
    color: #333;
    font-size: 12px;
    margin-right: 6px;
}
.event-text .event_title > a {
    color: #333;
}
.event-text footer.meta-info .l-clock-o:before {
    content: "\f073";
    font-family: fontawesome;
}
.event-text .meta-item i {
    color: #909090;
}
.event-text p a.button:hover {
    color: #ea000d;
}
.your_support_widget {
    background-size: cover;
    padding: 91px 0 92px;
    position: relative;
}
.your_support_widget .media-body h5.heading,
.your_support_widget .media-body h5.heading a {
    color: #fff;
    font-size: 36px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 38px;
}
.your_support_widget .media-body .excerpt > p {
    color: #fff;
    font-size: 1.4em;
    font-weight: 500;
    line-height: 1.4em;
    padding: 0 164px;
}
.your_support_widget .button.support-button {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    font-size: 1.3em;
    font-weight: 700;
    margin-top: 36px;
    padding: 16px 27px;
    text-transform: uppercase;
}
.your_support_widget .button.support-button:hover {
    background-color: #ea000d;
    border: 1px solid #ea000d;
}
.your_support_widget:after {
    background: #000000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
}
.your_support_widget .support_widget_column {
    z-index: 999;
}
.single-service .mission-text {
    margin-bottom: 11px;
}
.single-service .mission-text {
    color: #333;
    font-size: 1.3em;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 10px;
    padding: 0 29px;
}
.single-service .what-bottom {
    font-size: 1.3em;
    margin-top: 44px;
    padding: 0 32px;
}
.timeline-wraper {
    margin-top: 6px;
    position: relative;
    width: 100%;
}
.timeline-wraper:before {
    background: #dedede none repeat scroll 0 0;
    content: "";
    height: 95%;
    left: 50%;
    margin-left: -0.5px;
    position: absolute;
    top: 0;
    width: 1px;
}
.sin-timeline {
    float: right;
    z-index: 9;
}
.sin-timeline:hover {
    z-index: 8;
}
.sin-timeline:nth-child(2n) {
    margin-top: 190px;
}
.sin-timeline:before {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d2d2d2;
    border-radius: 50px;
    content: "";
    height: 11px;
    left: -17px;
    position: absolute;
    right: auto;
    top: 135px;
    width: 11px;
}
.sin-timeline:hover:before {
    background: #ea000d none repeat scroll 0 0;
    border: 1px solid #ea000d;
}
.sin-timeline:nth-child(2n):before {
    left: auto;
    right: -16px;
}
.sin-timeline:after {
    background: #ea000d none repeat scroll 0 0;
    bottom: 74%;
    content: "";
    height: 10000%;
    left: -11px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    width: 1px;
}
.sin-timeline:nth-child(2n):after {
    left: auto;
    right: -10.5px;
}
.sin-timeline:hover:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.timeline-date {
    color: #333;
    display: block;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 14px;
    position: absolute;
    top: 133px;
}
.sin-timeline:hover .timeline-date {
    color: #ea000d;
}
.timeline-content {} .sin-timeline:nth-child(2n) .timeline-content {
    padding-right: 127px;
}
.sin-timeline:nth-child(2n+1) .timeline-content {
    padding-left: 127px;
}
.sin-timeline:nth-child(2n) .timeline-date {
    right: 34px;
}
.sin-timeline:nth-child(2n+1) .timeline-date {
    left: 34px;
}
.timeline-img {
    display: block;
    position: relative;
}
.timeline-img:before {
    border-color: transparent #333 transparent transparent;
    border-style: solid;
    border-width: 9px;
    content: "";
    height: 0;
    left: -18px;
    position: absolute;
    top: 133px;
}
.sin-timeline:nth-child(2n) .timeline-img:before {
    border-left: 9px solid #333;
    border-right: 9px solid transparent;
    left: auto;
    right: -18px;
}
.timeline-text > h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 19px;
}
.timeline-text > h3 a {
    color: #333333;
}
.timeline-text {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: currentcolor #e7e7e7 #e7e7e7;
    -o-border-image: none;
       border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    padding: 27px 14px 52px;
}
.timeline-text > p {
    font-size: 1.3em;
    line-height: 1.4em;
}
.timeline-text a.read-more:hover {
    color: #ea000d;
}
.timeline-img > img {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.sin-timeline:hover .timeline-img > img {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" /></filter></svg>#filter');
    -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
}
.event-column:hover .thumbnail a img {
    -webkit-transform: scale(1.43);
            transform: scale(1.43);
}
.event-column .thumbnail a img {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.timeline-content.no_thumb .timeline-text {
    border-top: 1px solid #e7e7e7;
}
.timeline-wraper .timeline-img {
    line-height: 10px;
}
.timeline-text a.read-more {
    color: #333333;
    display: inline-block;
    font-size: 1.3em;
    margin-top: 18px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.counter-all {
    display: block;
    width: 100%;
}
.counter-top {
    display: inline-block;
    float: left;
    text-align: center;
    width: 50%;
}
.counter-bottom {
    display: inline-block;
    margin-left: 15px;
    margin-top: 0;
    width: 45%;
}
.counter-next h2 {
    color: #333;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
}
.counter-top {
    position: relative;
}
.counter-top:before {
    background: #b5b5b5 none repeat scroll 0 0;
    content: "";
    height: 2px;
    position: absolute;
    right: 0;
    top: 37px;
    -webkit-transform: rotate(-62deg);
            transform: rotate(-62deg);
    width: 61px;
}
.cnt-one {
    color: #333;
    font-size: 40px;
    font-weight: 500;
}
.funfact-area {
    padding: 70px 0 59px;
}
.team-area {
    padding: 70px 0 63px;
}
.team-style-3 [class*="span-"] {
    width: 100%;
}
.single-volunteer {
    background: transparent none repeat scroll 0 0;
    padding: 0;
}
.volunteer-image-and-social img {
    width: 100%;
}
.volunteer-image-and-social {
    position: relative;
}
.volunteer-social {
    background: transparent none repeat scroll 0 0;
    height: 0;
    left: 0;
    line-height: 339px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    width: 100%;
}
.volunteer-social > a i {
    border: 1px solid #ffffff;
    color: #ffffff;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    margin: 0 8px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 35px;
}
.volunteer-social > a i:hover {
    border: 1px solid #333;
    color: #333;
}
.volunteer-title.text-center {
    margin-top: 15px;
}
.volunteer-title.text-center > h5 {
    color: #333;
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
}
.volunteer-title.text-center > p {
    color: #444444;
    font-size: 14px;
    margin: 0;
}
.volunteer-social:after {
    background: #000 none repeat scroll 0 0;
    bottom: 6px;
    content: "";
    height: 0;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    text-align: center;
    top: auto;
    -webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    width: 100%;
}
.volunteer-social > a {
    display: inline;
    position: relative;
    z-index: 9999;
}
.volunteer-social {
    display: block;
    height: 100%;
    left: 0;
    line-height: 24;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.single-volunteer:hover .volunteer-social:after {
    height: 98.4%;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
.single-volunteer:hover .volunteer-social {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
}
.volunteer-social > a i:hover {
    border: 1px solid #ea000d;
    color: #fff;
    background: #ea000d;
}
.indicator-style.owl-theme .owl-controls .owl-buttons div {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #aaa;
    border-radius: 100%;
    color: #aaa;
    font-size: 18px;
    height: 44px;
    line-height: 37px;
    margin-top: -22px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    right: -76px;
    text-align: center;
    top: 50%;
    -webkit-transition: all 0.9s ease 0s;
    transition: all 0.9s ease 0s;
    width: 44px;
}
.slider-active.indicator-style.owl-theme:hover .owl-controls .owl-buttons div {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.indicator-style.owl-theme .owl-controls .owl-buttons div:hover {
    border: 1px solid #ea000d;
    color: #ea000d;
}
.owl-theme .owl-controls {
    margin-top: 0;
}
.slider-active.indicator-style.owl-theme .owl-controls .owl-buttons div.owl-prev {
    right: 101.5%;
}
.single-blog-item {
    margin-bottom: 25px;
	font-size: 14px;
}
/*-----------------------

skill css

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

.skill {
    overflow: hidden;
}
.skill {
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-top: 20px;
}
.service-text {
    margin-top: 30px;
}
.skill .progress .lead {
    color: #666;
    font-size: 13px;
    font-weight: 400;
    left: 0;
    position: absolute;
    text-transform: capitalize;
    top: -24px;
    width: 100%;
    z-index: 99;
}
.skill .progress {
    background-color: #eee;
    border-radius: 0;
    box-shadow: none;
    height: 10px;
    overflow: visible;
    position: relative;
}
.skill-bars {
    margin-bottom: 13px;
}
.skill .progress-bar span {
    background: transparent none repeat scroll 0 0;
    color: #333;
    float: right;
    font-size: 14px;
    font-weight: normal;
    margin-right: 0;
    margin-top: -22px;
    position: relative;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
}
.lead span {
    position: absolute;
    right: 0;
}
.campaigns-bottom-meta .skill .progress:nth-child(1) .progress-bar {
    background: #00aff0;
    box-shadow: none;
}
/*Progress bar style*/

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}
@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}
.progress {
    overflow: visible;
    height: 20px;
    margin-bottom: 0px;
    background-color: #f5f5f5;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #ffffff;
    text-align: center;
    background-color: #337ab7;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease;
}
.lead span {
    position: absolute;
    right: 0;
}
.video_content_area .text-left .heading {
    color: #333;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 26px;
}
.video_content_area .excerpt strong {
    font-weight: 600;
    font-size: 14px!important;
}
.video_content_area .excerpt {
    color: #333;
    font-size: 13px !important;
    font-weight: 400;
    line-height: 24px;
}
.Miata_post_widget {
    padding: 70px 0 40px;
}
.upcoming-slider .up-right {
    float: left;
    width: 50%;
}
.upcoming-slider .up-left {
    float: right;
    width: 50%;
}
.upcoming-area {
    position: relative;
}
.upcoming-area .timer {
    background-color: #ea000d;
    bottom: 12px;
    height: 98%;
    position: absolute;
    right: 0;
}
.upcoming-area .timer > div {
    background-color: #ea000d;
    display: inline-block;
    padding-top: 77px;
    text-align: center;
    width: 77px;
}
.upcoming-area .timer > div.upcoming-icon {
    padding-top: 0;
}
.upcoming-area .timer span {
    color: #fff;
    display: block;
    font-size: 24px;
    font-weight: 600;
    padding: 12px 18px;
    position: relative;
}
.upcoming-area .timer span p {
    color: #fff;
    font-size: 1.3em;
    text-transform: uppercase;
}
.upcoming-area .upcoming-icon {
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 77px;
}
.upcoming-area .upcoming-icon i {
    background-color: #ea000d;
    color: #fff;
    display: block;
    font-size: 36px;
    padding: 18px 23px 18px 22px;
    text-align: center;
}
.upcoming-area .upcoming-icon:before {
    background: #f9b3b7 none repeat scroll 0 0;
    bottom: 5px;
    content: "";
    height: 1px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 35px;
}
.upcoming-area .upcoming-icon:before {
    bottom: 0;
    width: 100%;
}
.event-column:hover .upcoming-slider .thumbnail a img {
    -webkit-transform: scale(1.04);
            transform: scale(1.04);
}
.upcoming-slider .thumbnail a img {
    -webkit-transform: scale(1.04);
            transform: scale(1.04);
}
.content-team-massive {
    background: #f6f6f6 none repeat scroll 0 0;
}
.upcoming-area {
    float: left;
    position: relative;
    width: 50%;
}
.upcoming-slider .event-infos {
    float: right;
    width: 50%;
}
.upcoming-slider .event-infos {
    background: #fff none repeat scroll 0 0;
    padding: 87px 40px 97px;
}
.slider_event_area_s {
    background: #f6f6f6 none repeat scroll 0 0;
}
.single_event_sliders.indicator-style.owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: -76px;
}
.single_event_sliders:hover .owl-controls .owl-buttons div {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.single_event_sliders.indicator-style.owl-theme .owl-controls .owl-buttons div {
    top: 42%;
}
.single-blog-text h4 a {
    color: #333;
    font-size: 18px;
    font-weight: 600;
}
.single-blog-text > h4 {
    margin-bottom: 8px;
    margin-top: 23px;
}
.single-blog-item .blog-date > span {
    font-size: 12px;
    color: #333;
    margin-right: 11px;
}
.single-blog-item .blog-date > span i {
    margin-right: 7px;
}
.single-blog-text .blog-date {
    margin-bottom: 10px;
}
.single-blog-item .single-blog-text > p {
    font-size: 15px; /* changing this from 13px */
    line-height: 24px;
}
.single-blog-item .single-blog-text > a {
    display: inline-block;
    font-size: 1.4em;
    margin-top: 14px;
    position: relative;
}
.single-blog-item .single-blog-text > a:hover,
.single-blog-item .blog-date a:hover {
    color: #EA000D;
}
.pagination .current,
.pagination a:hover {
    background-color: #ea000d;
    color: #fff;
}
.single-blog-item .single-blog-text .buttons:before {
    background: #ea000d none repeat scroll 0 0;
    bottom: 7px;
    content: "";
    height: 2px;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    width: 24px;
}
.single-blog-item:hover .single-blog-text .buttons {
    padding-left: 37px;
}
.single-blog-item:hover .single-blog-text .buttons:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.pagination a,
.pagination span {
    padding: 6px 10px;
}
.sidebar .widget_archive ul li,
.sidebar .widget_categories ul li {
    position: relative;
}
.sidebar .widget_archive ul li:after,
.sidebar .widget_categories ul li:after {
    color: #ea000d;
    content: "";
    font-family: fontawesome;
    left: 0;
    position: absolute;
    top: 1px;
}
.sidebar .widget_archive ul li a,
.sidebar .widget_categories ul li a {
    color: #333;
    display: inline-block;
    font-size: 1.2em;
    font-weight: normal;
    margin-bottom: 22px;
    margin-left: 20px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.sidebar ul li a:hover {
    color: #ea000d;
}
textarea:focus,
input:focus,
select:focus {
    border: 1px solid #eee;
}
textarea,
input,
select,
button {
    border: 1px solid #eee;
}
select {
    height: 45px;
}
select > option {
    padding: 10px;
}
div[class*=" off-canvas-"] .section-nav-title {
    color: #ea000d;
}
/* table style  */

table {
    margin: 20px 0;
    width: 100%;
    border: 1px solid #ddd;
    border-collapse: separate;
    border-left: 0;
}
table th,
table td {
    padding: 8px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    vertical-align: top;
    text-align: left;
    line-height: 18px
}
table thead:first-child tr:first-child th,
table tbody:first-child tr:first-child th,
table tbody:first-child tr:first-child td {
    border-top: 0
}
table td {
    border-bottom: 0 solid rgba(0, 0, 0, 0.08);
}
table th {
    border-bottom: 0 solid rgba(0, 0, 0, 0.08);
}
#wp-calendar th,
#wp-calendar td {
    padding: 10px;
    text-align: center;
}
td#today {
    background: #ea000d none repeat scroll 0 0;
    border-color: #ea000d;
    color: #fff;
    font-weight: 600;
}
#wp-calendar caption {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ddd #ddd currentcolor;
    -o-border-image: none;
       border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    font-size: 13px;
    font-weight: 600;
    padding: 9px 0;
    text-align: center;
    text-transform: uppercase;
}
#calendar_wrap thead tr th {
    border-top: 0 none;
}
#wp-calendar caption {
    border: 1px solid #ddd;
    border-bottom: 0;
    font-size: 13px;
    font-weight: 600;
    padding: 9px 0;
    text-align: center;
    text-transform: uppercase;
}
#calendar_wrap #prev > a:hover {
    color: #ea000d;
}
table th {
    font-weight: 600;
}
.logo {
    padding: 12px 0;
}
.sidebar input[type="button"],
.sidebar input[type="submit"],
.sidebar .form-submit input[type="submit"] {
    background-color: #ea000d;
    color: #ffffff;
}
.sidebar input[type="button"]:hover,
.sidebar input[type="submit"]:hover,
.sidebar .form-submit input[type="submit"]:hover {
    background-color: #333;
    color: #ffffff;
}
.sidebar .widget li:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    margin: 0;
    padding: 12px 0;
    text-transform: capitalize;
}
.sidebar .widget li:last-child {
    padding-bottom: 3px;
    padding-top: 12px;
}
.sidebar .widget.widget_nav_menu .sub-menu li a:hover {
    background-color: transparent;
    color: #ea000d;
}
.pagination a,
.pagination span {
    margin-right: 11px;
    min-width: 32px;
}
.pagination li {
    border-radius: 4px;
    border-right: 0 none;
    font-size: 14px;
    font-weight: 400;
    margin-right: 7px;
}
.content-main.page {
    padding-bottom: 70px;
    padding-top: 75px;
}
.pagi_right .extra-pagination .pagination {
    margin-bottom: 0;
    padding-top: 0;
}
.pagi_right_grd .navigation.pagination {
    margin-bottom: 70px;
}
.single-blog-text h4 a:hover {
    color: #ea000d;
}
.sidebar .widget_archive ul li:not(:last-child),
.sidebar .widget_categories ul li:not(:last-child) {
    border-bottom: 0;
    padding: 0;
}
.sidebar .widget_archive ul li:last-child,
.sidebar .widget_categories ul li:last-child {
    padding: 0;
}
.content-main.archive {
    padding-bottom: 43px;
    padding-top: 75px;
}
.admin-bar .header-sticky.is_stuck.is_stuck_show {
    margin-top: 30px;
}
.post-password-form input[type="password"] {
    display: block;
    margin-top: 10px;
    width: 40%;
}
.search-form input {
    height: 45px;
    margin: 16px 0 0;
    max-width: 100%;
}
.search-form label {
    display: inline-block;
    margin: 0;
    width: 75%;
}
.search article {
    margin-bottom: 30px;
}
.search-form input[type="submit"],
.post-password-form input[type="submit"] {
    padding: 9px 19px;
}
aside.widget_search .search-form label {
    display: block;
    margin: 0;
    width: 100%;
}
.search-form input[type="submit"] {
    background: #ea000d none repeat scroll 0 0;
    margin-left: -4px;
    width: 20%;
}
aside.widget_search .search-form .search-submit[type="submit"] {
    position: absolute;
    right: 19px;
    width: 33%;
}
.search-form input[type="submit"]:hover {
    background: #333;
}
.sidebar .search-submit {
    height: 45px;
}
aside.miata_recent .sidebar-blog {
    border-bottom: 0 none;
    margin-bottom: 0;
    padding-bottom: 20px;
}
.inner-post-pagination span {
    font-size: 14px;
}
a {
    color: #000;
}
.sidebar .sub-menu li,
.sidebar .nav .children li,
.sidebar .widget ul.menu li:not(:last-child) {
    border: 0 none;
}
.sidebar .search-field {
    width: 100%;
}
a#scrollUp {
    background: #444 none repeat scroll 0 0;
    bottom: 50px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 50px;
    text-align: center;
    width: 40px;
}
.event-img .thumbnail {
    line-height: 0;
}
aside.widget_search .search-form .search-submit[type="submit"] {
    display: inline-block;
    padding: 0;
    position: absolute;
    right: 19px;
    width: 31%;
}
.off-canvas-right aside.widget_search .search-form .search-submit[type="submit"] {
    display: inline-block;
    padding: 0;
    position: relative;
    right: 0;
    width: 63%;
}
.info_of_title > h4 {
    line-height: 1.2;
    margin-top: -3px;
}
/*------------------------------------------
28.RESPONSIVE STYLE 
--------------------------------------------*/
/*-------------------------------------
Normal desktop :1366px. 
----------------------------------------*/

@media (min-width: 1170px) and (max-width: 1600px) {
    .hs-item {
        min-height: 570px;
    }
    .hs-content > h2 {
        line-height: 1.2;
    }
}
/*-----------------------------------------------
Normal desktop :1169px. Start
-------------------------------------------------*/

@media (min-width: 992px) and (max-width: 1169px) {
    .header-site .nav-horizontal > ul > li {
        margin: 0 -18px 0 28px;
    }
    .upcoming-area {
        width: 53%;
    }
    .upcoming-slider .event-infos {
        width: 47%;
    }
    .upcoming-slider .event-infos {
        padding: 62px 32px;
    }
    .sidebar-blog a.image {
        width: 100%;
    }
    .info_of_title.fix {
        width: 100%;
    }
    .jr-insta-thumb ul.thumbnails.jr_col_3 li {
        width: 46.83%!important;
    }
    .sidebar .search-field {
        width: 100%;
    }
    .header-site .nav ul li a span {
        padding: 12px;
    }
    .hs-item {
        min-height: 600px;
    }
    .hs-content > h2 {
        font-size: 58px;
        line-height: 1.2;
    }
}
/*-----------------------------------------------------
Tablet desktop :768px style start
-------------------------------------------------------*/

@media (min-width: 768px) and (max-width: 991px) {
    .header-site .nav-horizontal > ul > li > a {
        padding: 0;
    }
    .counter-bottom {
        display: inline-block;
        margin-left: 0;
    }
    .counter-all .text-left {
        text-align: center;
    }
    .counter-all .counter-top:before {
        display: none;
    }
    .counter-all .counter-top {
        display: inline-block;
        float: none;
        text-align: center;
        width: auto;
    }
    .counter-all {
        text-align: center;
    }
    .counter-all .counter-top {
        margin-right: 0;
    }
    .counter-next h2 {
        margin-bottom: -5px;
        margin-top: 8px;
		font-size:1.3em;
    }
    .event-image-area {
        float: none;
        margin-right: 21px;
        width: 100%;
    }
    .event-infos {
        float: none;
        width: 100%;
    }
    .your_support_widget .media-body .excerpt > p {
        padding: 0 50px;
    }
    .event__area_start {
        padding-bottom: 33px;
    }
    .hs-content > h2 {
        font-size: 50px;
    }
    .volunteer-social > a {
        top: 50%;
    }
    .sidebar-blog a.image {
        width: 100%;
    }
    .info_of_title.fix {
        width: 100%;
    }
    .jr-insta-thumb ul.thumbnails.jr_col_3 li {
        width: 46.83%!important;
    }
    .upcoming-slider .event-infos {
        width: 100%;
    }
    .upcoming-area {
        width: 100%;
    }
    .header-site {
        padding: 0 20px;
    }
    .header-site .nav-horizontal > ul > li {
        margin: 0 0px 0 16px;
    }
    .nav-horizontal li a {
        font-size: 12px;
    }
    .copyright-area .nav-horizontal ul {
        display: block;
        margin-top: 0px;
    }
    .nav li:hover > .sub-menu,
    .nav li:hover .children {
        top: 48px;
    }
    .header-site .sub-menu,
    .nav .children {
        top: 48px;
    }
    .upcoming-slider .thumbnail a img {
        width: 100%;
    }
    .upcoming-area .timer {
        bottom: 19px;
        height: 98%;
    }
    .hs-content > h2 {
        font-size: 51px;
    }
    .nrbstyle.team-style-3 [class*="span-"] {
        width: calc(100% / 12 * 4 - 20px);
    }
    .nrbstyle.team-style-3 .volunteer-social {
        line-height: 0;
    }
    .header-site .nav ul li a span {
        padding: 10px 11px;
    }
    .subscribe-section h5.heading {
        font-size: 26px;
        margin-top: 8px;
    }
    .subscribe-section input[type="submit"] {
        width: 137px;
    }
    .volunteer-social {
        line-height: 0;
    }
    .hs-item {
        min-height: 560px;
    }
    .hs-content > h2 {
        line-height: 1.2;
    }
    .funfact-area .image-left .media-image {
        float: inherit;
    }
    .hwr_area_widget .video_content_area {
        width: 46%;
    }
}
/* ----------------------------------------------------
Small mobile :320px. 
-------------------------------------------------------*/

@media (max-width: 767px) {
    .service-area .column-flush.span-4 {
        width: calc((100% / 12) * 12);
    }
    .your_support_widget .media-body .excerpt > p {
        padding: 0 0;
    }
    .event-image-area {
        width: 100%;
    }
    .event-infos {
        float: left;
        width: 100%;
    }
    .timeline-img:before {
        border-color: transparent #333 transparent transparent;
        border-style: solid;
        border-width: 9px;
        content: "";
        height: 0;
        left: 50%;
        margin-left: -11px;
        position: absolute;
        top: -17px;
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
    }
    .sin-timeline:nth-child(2n+1) .timeline-content {
        padding-left: 0;
        padding-top: 32px;
    }
    .sin-timeline:nth-child(2n+1) .timeline-date {
        left: 50%;
        margin-left: -37px;
        top: 0;
    }
    .timeline-wraper .span-6 {
        width: calc(100% / 12 * 12 - 20px);
    }
    .sin-timeline:before,
    .timeline-wraper:before,
    .counter-top:before {
        display: none;
    }
    .timeline-wraper a img {
        width: 100%;
    }
    .sin-timeline:nth-child(2n) .timeline-content {
        padding-right: 0;
    }
    .sin-timeline:nth-child(2n) .timeline-content {
        padding-left: 0;
        padding-top: 32px;
    }
    .sin-timeline:nth-child(2n) .timeline-date {
        margin-left: -37px;
        top: 0;
    }
    .timeline-wraper .sin-timeline:nth-child(2n) .timeline-date {
        left: 50%;
        right: auto;
    }
    .sin-timeline:nth-child(2n) .timeline-img:before {
        border-left: 9px solid #333;
        border-right: 9px solid transparent;
        right: auto;
        left: 50%;
        -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg);
    }
    .sin-timeline:nth-child(2n),
    .sin-timeline:nth-child(2n+1) {
        margin-top: 40px;
    }
    .counter-bottom {
        display: inline-block;
        margin-left: 0;
    }
    .counter-all .text-left {
        text-align: center;
    }
    .counter-all .counter-top:before {
        display: none;
    }
    .counter-all .counter-top {
        display: inline-block;
        float: none;
        text-align: center;
        width: auto;
    }
    .counter-all {
        text-align: center;
    }
    .counter-all .counter-top {
        margin-right: 0;
    }
    .counter-next h2 {
        margin-bottom: -5px;
        margin-top: 8px;
    }
    .single-blog-item.span-4 {
        width: calc(100% / 12 * 12 - 20px);
    }
    .hwr_area_widget .video_content_area {
        float: none;
        margin: 0 auto;
        width: 95%;
    }
    .hwr_area_widget .video__areas {
        width: 93%;
    }
    .upcoming-area {
        width: 100%;
    }
    .upcoming-slider .event-infos {
        width: 100%;
    }
    .subscribe-section h5.heading {
        font-size: 18px;
        margin-top: 12px;
    }
    .subscribe-section input[type="email"] {
        padding: 0 0 0 10px;
    }
    .social-icon li a {
        margin-left: 6px;
    }
    .copyright-area .nav-horizontal ul {
        display: block;
        margin-top: 9px;
    }
    .hs-content > h2 {
        font-size: 44px;
    }
    .admin-bar div[class*=" off-canvas-"] .close-canvas {
        top: 46px;
    }
    .off-canvas-right aside.widget_search .search-form .search-submit[type="submit"] {
        position: relative;
        width: 56%;
    }
    #wpadminbar {
        top: -46px;
    }
    .hs-content > h2 {
        line-height: 54px;
    }
    .header-site {
        padding: 15px 30px;
    }
    .section-title .heading {
        font-size: 28px;
    }
    .your_support_widget .media-body h5.heading,
    .your_support_widget .media-body h5.heading a {
        font-size: 25px;
        line-height: 42px;
    }
    .counter-all {
        margin-bottom: 45px;
    }
    .hwr_area_widget .video__areas {
        margin-right: 0;
    }
    .upcoming-area .timer {
        display: none;
    }
    .upcoming-slider .event-infos {
        background: #fff none repeat scroll 0 0;
        padding: 14px 20px 37px;
    }
    .subscribe-section .media-body.text-left {
        margin-bottom: 5px;
        text-align: center;
    }
    .social-logo {
        margin-bottom: 15px;
        text-align: center;
    }
    .social-icon li a {
        margin-bottom: 4px;
        margin-left: 4px;
    }
    .copyright .foo-menu.text-left {
        text-align: center;
    }
    .foo-copyright-style-2 .site-text.text-right {
        text-align: center;
        margin-bottom: 18px;
    }
    .social-icon {
        text-align: center;
    }
    .pull-right.sidebar h5.section-nav-title,
    .pull-left.sidebar h5.section-nav-title {
        font-size: 20px;
    }
    .calendar_wrap {
        overflow-x: auto;
    }
    .meta-info p {
        margin: 0;
        line-height: 21px;
    }
    .sidebar {
        margin-top: 35px;
    }
    .blg_post .span-4 {
        width: calc(100% / 12 * 12 - 20px);
    }
    .single-blog-item .single-blog-image img {
        width: 100%;
    }
    .footer-top .span-5,
    .footer-top .span-6,
    .footer-top .span-7 {
        width: calc(100% / 12 * 12 - 20px);
    }
    .social-icon li a {
        height: 42px;
        line-height: 45px;
        width: 42px;
    }
    .info_of_title.fix {
        overflow: visible;
    }
    .sidebar-blog a.image {
        width: 100%;
    }
    .footer-top-grid .section-nav-title {
        font-size: 15px;
        font-weight: 600;
        margin-bottom: 35px;
        margin-top: 18px;
    }
    .social-icon li a {
        margin-left: 9px;
    }
    .nrbstyle.team-style-3 [class*="span-"] {
        width: calc(100% / 12 * 12 - 20px);
    }
    .subscribe-section .span-6 {
        width: calc(100% / 12 * 12 - 20px);
    }
    .communication {
        background-color: #fff;
        border-radius: 10px;
        bottom: -75px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        display: inline-block;
        left: 50%;
        margin-left: -168px;
        padding: 40px;
        position: relative;
        width: 336px;
        z-index: 999;
    }
    #layers-widget-miata_services_widget-9.service-area {
        padding-top: 48px;
    }
    .single-team-area .thumbnail img {
        width: 100%;
    }
    .team-details-all.fix {
        overflow: visible;
        width: 100%;
    }
    .single-team-area .tab-img2 {
        width: 100%;
    }
    .team-details-text > h3 {
        margin: 5px 0 12px;
    }
    .team-details-top {
        margin: 0 auto;
        width: 99%;
    }
    .span-4.sk {
        width: calc(100% / 12 * 12 - 20px);
    }
    .hs-item {
        min-height: 400px;
    }
    .hs-content > h2 {
        line-height: 39px;
    }
    .hs-content > h2 {
        font-size: 32px;
    }
    .subscribe-section .span-7,
    .subscribe-section .span-5 {
        width: calc(100% / 12 * 12 - 20px);
    }
    .subscribe-section input[type="submit"] {
        width: 138px;
    }
    .volunteer-social {
        line-height: 31;
    }
    .search-form {
        position: relative;
    }
    aside.widget_search .search-form .search-submit[type="submit"] {
        position: absolute;
        right: 0;
        top: 0;
        width: 42%;
    }
    .funfact-area .image-left .media-image {
        float: inherit;
    }
    .funfact-area {
        padding: 70px 0 16px;
    }
    .hwr_area_widget .video__areas {
        margin-bottom: 26px;
        margin-top: -38px;
        padding: 24px 24px 71px;
    }
    .funfact-area .span-3 .image-left .media-image,
    .funfact-area .span-4 .image-left .media-image {
        margin-bottom: 0;
    }
	
	.wrapper-content .container > .grid.responsive-prob {
	  display: -webkit-flex;
	  display: -moz-flex;
	  display: -ms-flex;
	  display: -o-flex;
	  display: flex;
	  -webkit-flex-direction: column-reverse;
	  -moz-flex-direction: column-reverse;
	  -ms-flex-direction: column-reverse;
	  -o-flex-direction: column-reverse;
	  flex-direction: column-reverse;
	}
	
	
	
	
	
	
	
}
/* -------------------------------------------------
Large Mobile :600px. 
---------------------------------------------------*/

@media only screen and (min-width: 481px) and (max-width: 640px) {
    .subscribe-section input[type="submit"] {
        width: 158px;
    }
}
/* -------------------------------------------------
Large Mobile :720px. 
---------------------------------------------------*/

@media only screen and (min-width: 640px) and (max-width: 720px) {
    #wpadminbar {
        top: 0px;
    }
    .communication {
        width: 68%;
    }
    .subscribe-section .span-6 {
        width: calc(100% / 12 * 12 - 20px);
    }
    .nrbstyle.team-style-3 [class*="span-"] {
        width: calc(100% / 12 * 6 - 20px);
    }
    .communication {
        margin-left: -200px;
        width: 400px;
    }
    .span-4.sk {
        width: calc(100% / 12 * 6 - 20px);
    }
    .subscribe-section input[type="submit"] {
        width: 40px;
    }
    .subscribe-section input[type="email"] {
        padding: 0 0 0 7px;
    }
    .subscribe-section input[type="submit"] {
        width: 165px;
    }
    .volunteer-social {
        line-height: 27;
    }
}
/* -------------------------------------------------
Large Mobile :840px. 
---------------------------------------------------*/

@media only screen and (min-width: 769px) and (max-width: 840px) {
    .subscribe-section input[type="email"] {
        padding: 0 0 0 7px;
    }
    .subscribe-section input[type="submit"] {
        width: 158px;
    }
    .volunteer-social {
        line-height: 37;
    }
    aside.widget_search .search-form .search-submit[type="submit"] {
        position: absolute;
        right: 19px;
        width: 37%;
    }
}