.heading img{
    width:100%;
}
.heading
{
    position: relative;
}
.wrap-about
{
    position: absolute;
    top: 50%;
    left: 25%;
    margin-left: 8px;
}
.i-about
{
    background: url(../images/arrow_heading.png) no-repeat left;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;

}

.i-about span{
    background: #fff;
    color: #0a63b3;
    font-size: 16px;
    line-height: 26px;
    text-transform: uppercase;
    padding: 3px 3px 3px 3px;
}
.i-about h2 {
    font-size: 40px;
    line-height: 50px;
    font-weight: bold;
    color:#fff;
    text-transform: uppercase;
}
.breakcrumbs{
    padding-left: 0;
}

.breakcrumbs  li{
    list-style: none;
    display: inline-block;

}
.breakcrumbs  li:first-child a{
    color:#fff;
    padding-right: 6px;
}

.breakcrumbs  li a{
    font-size:12px;
    line-height: 22px;
    text-transform: uppercase;
    color: #77bd1f;
}
/*==========================================================

    9. PAGES

==========================================================*/
.page-title-base .title-base {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    color: #333;
    margin: 0;
    margin-bottom: 15px;
}
.cms-page .breadcrumb-page .breadcrumb {
    margin-bottom: 19px;
}
.block-about-us {
    margin-bottom: 40px;
}
.block-about-us .block-title {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #333333;
    line-height: 30px;
    text-transform: uppercase;
}
.block-about-us .block-content {
    padding-top: 2px;
}
.block-about-us .img {
    position: relative;
    overflow: hidden;
    margin-top: 8px;
    margin-bottom: 20px;
}
.block-about-us .img img {
    display: block;
    width: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
}
.block-about-us .img:hover img {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
}
.block-about-us .text {
    color: #666666;
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 20px;
}
/*block-why-choos-us*/
.block-why-choos-us {
    margin-bottom: 60px;
}
.block-why-choos-us .block-title {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #333333;
    line-height: 30px;
    text-transform: uppercase;
}
.block-why-choos-us ul li {
    position: relative;
    padding-left: 30px;
    border-bottom: 1px dotted #666666;
    font-size: 13px;
    color: #666666;
    line-height: 30px;
    text-transform: capitalize;
    background-repeat: no-repeat;
    background-position: top 8px left;
    padding-bottom: 5px;
    margin-bottom: 4px;
}
.block-why-choos-us ul li:last-child {
    border-bottom: none;
}
.block-why-choos-us ul li a {
    color: #666666;
}
.block-why-choos-us ul li a:hover {
    color: rgb(12, 115, 207);
}
.block-why-choos-us ul li:hover {
    color: rgb(12, 115, 207);
}
/*block-our-menber*/
.block-our-member {
    margin-bottom: 57px;
}
.block-our-member .block-title {
    font-size: 14px;
    color: #888888;
    text-align: center;
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 84px;
    line-height: 24px;
}
.block-our-member .block-title .title {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #333333;
    line-height: 30px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.block-our-member .item .item-photo img {
    width: 100%;
    display: block;
}
.block-our-member .item .name {
    display: block;
    font-size: 18px;
    color: #77bd1f;
    text-transform: capitalize;
    margin-top: 3px;
}
.block-our-member .item .team {
    display: block;
    text-transform: capitalize;
}
.block-our-member .item .des {
    color: #888888;
    display: block;
    font-size: 13px;
    line-height: 24px;
    margin-top: 12px;
}
.block-our-member .owl-dots {
    text-align: center;
    top: -60px;
    left: 0;
    right: 0;
    position: absolute;
}
.block-our-member .owl-dots .owl-dot {
    width: 17px;
    height: 17px;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    background-color: #bbbbbb;
    margin-right: 5px;
}
.block-our-member .owl-dots .owl-dot.active {
    width: 19px;
    height: 19px;
    background-color: rgb(12, 115, 207);
}
.block-googlemap {
    margin-bottom: 20px;
}
.block-contact-us,
.block-address {
    margin-bottom: 70px;
}
.block-contact-us .block-title,
.block-address .block-title {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #333333;
    line-height: 30px;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.block-contact-us .row {
    margin: 0 -5px;
}
.block-contact-us .col-md-5,
.block-contact-us .col-md-6,
.block-contact-us .col-md-7,
.block-contact-us .col-md-4 {
    padding: 0 5px;
}
.block-contact-us .form-control {
    border: 1px solid #e5e5e5;
    font-size: 13px;
    color: #888888;
    padding-left: 25px;
}
.block-contact-us .form-control::-moz-placeholder {
    color: #888888;
    opacity: 1;
}
.block-contact-us .form-control:-ms-input-placeholder {
    color: #888888;
}
.block-contact-us .form-control::-webkit-input-placeholder {
    color: #888888;
}
.block-contact-us .form-control:not(textarea) {
    height: 56px;
}
.block-contact-us textarea {
    height: 185px;
    padding-top: 18px;
    padding-bottom: 18px;
}
.block-contact-us .form-group {
    margin-bottom: 8px;
}
.block-contact-us .btn {
    height: 43px;
    margin-top: 12px;
    font-size: 14px;
    padding: 0 22px;
    text-transform: uppercase;
    background-color: #77bd1f;
    border: none;
    color: white;
    transition: all 0.5s ease;
}

.block-contact-us .btn:hover {
    background-color: #0c94fe;
    border: none;
}
.block-address .block-content {
    font-size: 14px;
    color: #888888;
    margin-top: -6px;
}
.block-address .block-content .title {
    font-weight: 600;
    display: block;
    line-height: 24px;
    color: #333;
    font-size: 14px;
}
.block-address .block-content p {
    margin-bottom: 26px;
}
.block-form-login {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    color: #666666;
    margin-top: 17px;
}
.block-form-login .block-form-create,
.block-form-login .block-form-registered {
    display: table-cell;
    border: 1px solid #ececec;
    width: 50%;
}
.block-form-login .block-form-create .block-title,
.block-form-login .block-form-registered .block-title {
    font-size: 16px;
    font-family: "Montserrat";
    display: block;
    margin-bottom: 37px;
}
.block-form-login .form-control {
    height: 40px;
    border: 1px solid #e5e5e5;
    padding-left: 24px;
    font-size: 13px;
    color: #aaaaaa;
    max-width: 320px;
}
.block-form-login .form-control::-moz-placeholder {
    color: #aaaaaa;
    opacity: 1;
}
.block-form-login .form-control:-ms-input-placeholder {
    color: #aaaaaa;
}
.block-form-login .form-control::-webkit-input-placeholder {
    color: #aaaaaa;
}
.block-form-login .form-group {
    margin-bottom: 20px;
}
.block-form-login p {
    margin-bottom: 15px;
}
.block-form-login .btn {
    padding: 0 30px;
    text-transform: uppercase;
    font-size: 14px;
    height: 40px;
    margin-top: 10px;
}
.block-form-login .block-form-create {
    padding: 45px 60px 60px;
    background-color: #fafafa;
}
@media (max-width: 991px) {
    .block-form-login .block-form-create {
        padding-left: 30px;
        padding-right: 30px;
    }
}
.block-form-login .block-form-registered {
    padding: 45px 70px 60px 74px;
}
@media (max-width: 991px) {
    .block-form-login .block-form-registered {
        padding-left: 30px;
        padding-right: 30px;
    }
}
.block-form-login .checkbox {
    color: #666666;
    margin-top: 10px;
    margin-bottom: 15px;
}
.block-form-login .checkbox label {
    padding-left: 0;
}
.block-form-login .checkbox label > span {
    display: block;
    position: relative;
    padding-left: 27px;
}
.block-form-login .checkbox label > span:before {
    content: "";
    width: 16px;
    height: 16px;
    border: 1px solid #dedede;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 3px;
    left: 0;
    border-radius: 100%;
    color: rgb(12, 115, 207);
    line-height: 14px;
    font-size: 11px;
    text-align: center;
}
.block-form-login .checkbox input[type=checkbox] {
    visibility: hidden;
}
.block-form-login .checkbox input[type=checkbox]:checked + span:before {
    border-color: rgb(12, 115, 207);
    content: "\f00c";
    font-family: "FontAwesome";
}
@media (max-width: 639px) {
    .block-form-login {
        display: block;
    }
    .block-form-login .block-form-create,
    .block-form-login .block-form-registered {
        display: block;
        width: 100%;
    }
}
.block-forgot-pass {
    display: block;
    border: 1px solid #ececec;
    text-align: center;
    border-top: none;
    font-size: 14px;
    padding: 25px 15px;
    margin-bottom: 72px;
}
.block-forgot-pass a {
    color: #7dc7d1;
    text-decoration: underline;
}
.form-cart {
    margin-bottom: 70px;
}
.form-cart .table-cart-wrapper {
    border: 1px solid #ececec;
    padding: 9px;
    margin: 0;
}
.form-cart table {
    margin: 0;
}
.form-cart table thead tr td,
.form-cart table tbody tr td,
.form-cart table thead tr th,
.form-cart table tbody tr th {
    padding-left: 30px;
    padding-right: 30px;
    padding: 20px 30px;
}
.form-cart table thead tr td,
.form-cart table thead tr th {
    background-color: #ebebeb;
    font-size: 14px;
    color: #333333;
    font-weight: 600;
    text-transform: capitalize;
    border: none;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.form-cart table thead .tb-available {
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
}
.form-cart table tbody tr th,
.form-cart table tbody tr td {
    vertical-align: top;
    text-align: center;
    border-top: none;
    border-bottom: 1px solid #efefef;
}
.form-cart table .tb-product {
    text-align: left;
}
.form-cart table .tb-product .item:before,
.form-cart table .tb-product .item:after {
    content: "";
    display: table;
}
.form-cart table .tb-product .item:after {
    clear: both;
}
.form-cart table .tb-product .item-photo {
    float: left;
    width: 100px;
    border: 1px solid #e9e9e9;
    display: block;
    padding: 12px 2px 6px;
    text-align: center;
    margin-right: 20px;
    position: relative;
    overflow: hidden;
}
.form-cart table .tb-product .item-photo:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
}
.form-cart table .tb-product .item-photo img {
    display: block;
    width: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
}
.form-cart table .tb-product .item-detail {
    overflow: hidden;
    white-space: normal;
}
.form-cart table .tb-product .item-name {
    display: block;
    font-weight: normal;
    color: #888888;
    font-size: 14px;
    margin-bottom: 7px;
}
.form-cart table .tb-product .item-name a {
    color: #888888;
}
.form-cart table .tb-product .item-name a:hover {
    color: rgb(12, 115, 207);
}
.form-cart table .tb-available {
    font-size: 13px;
    color: #87af66;
    font-style: italic;
}
@media (min-width: 1199px) {
    .form-cart table .tb-available {
        width: 198px;
    }
}
.form-cart table .tb-available .value {
    padding-top: 6px;
    display: block;
}
@media (min-width: 1199px) {
    .form-cart table .tb-qty {
        width: 160px;
    }
}
.form-cart table .tb-qty .input-qty {
    height: 35px;
    width: 60px;
    text-align: center;
    border: 1px solid #dddddd;
    font-size: 14px;
    color: #555555;
    font-family: "Arimo";
    padding: 0;
    margin: auto;
}
.form-cart table .tb-total {
    font-size: 14px;
    font-weight: 600;
}
@media (min-width: 1199px) {
    .form-cart table .tb-total {
        width: 220px;
    }
}
.form-cart table .tb-total .amount {
    padding-top: 7px;
    display: block;
}
@media (min-width: 1199px) {
    .form-cart table .tb-remove {
        width: 120px;
    }
}
.form-cart table .tb-remove .action-remove {
    color: #cccccc;
    display: inline-block;
    padding-top: 6px;
}
.form-cart table .tb-remove .action-remove:hover {
    color: rgb(12, 115, 207);
}
.form-cart table .tb-remove .action-remove span {
    display: none;
}
.form-cart table .tb-remove .action-remove:before {
    content: "\f00d";
    font-family: "FontAwesome";
}
.form-cart table .tb-subtotal {
    border: none;
    font-size: 16px;
    color: #444444;
    font-weight: 600;
    text-align: right;
    padding-right: 140px;
    padding-top: 32px;
    padding-bottom: 23px;
}
.form-cart table .tb-subtotal .label {
    font-size: 16px;
    display: inline-block;
    color: #444444;
    margin-right: 12px;
    font-weight: 600;
}
.form-cart .cart-actions {
    border: 1px solid #ececec;
    padding: 28px 40px 13px;
    background-color: #fafafa;
    border-top: none;
}
@media (max-width: 600px) {
    .form-cart .cart-actions {
        padding-left: 15px;
        padding-right: 15px;
    }
}
.form-cart .cart-actions:before,
.form-cart .cart-actions:after {
    content: "";
    display: table;
}
.form-cart .cart-actions:after {
    clear: both;
}
.form-cart .cart-actions .action {
    margin-bottom: 15px;
    border-radius: 30px;
    border: 1px solid #ececec;
    height: 40px;
    box-shadow: none;
    padding: 0 24px;
    font-size: 12px;
    color: #555555;
    text-transform: uppercase;
    background-color: #fff;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.form-cart .cart-actions .action:hover {
    background-color: rgb(12, 115, 207);
    color: #fff;
    border-color: rgb(12, 115, 207);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.form-cart .cart-actions .action.update {
    float: left;
}
.form-cart .cart-actions .action.checkout {
    float: right;
}

.cms-page {
    background-color: #fff;
}
.cms-page .site-main {
    background-color: #fff;
}
.cms-page.index-opt-1 {
    background-color: #fff;
}
.cms-page.index-opt-1 .header-content {
    background-color: #fff;
}
.cms-page.index-opt-1 .header-nav {
    background-color: #ebebeb;
}
/*==========================================================

    7. Blog

==========================================================*/
.post-grid .post-items {
    margin-bottom: 34px;
}
.post-list .post-items {
    margin-bottom: 25px;
}
.post-grid .post-items .post-item {
    margin-bottom: 30px;
    width: 33.3%;
    float: left;
}
.post-grid .post-items .post-item:nth-child(3n+1) {
    clear: both;
}

.post-list .post-items .post-item {
    margin-bottom: 30px;
    padding-right: 0;
    padding-left: 0;
}
.post-list .post-items .post-item .post-item-info {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 10px;
}
.post-list .post-items .post-item .post-item-info:before,
.post-list .post-items .post-item .post-item-info:after {
    content: "";
    display: table;
}
.post-list .post-items .post-item .post-item-info:after {
    clear: both;
}
.post-list .post-items .post-item .post-item-photo {
    width: 34%;
    float: left;
    margin: 0;
}

@media (max-width: 1199px) {
    .post-list .post-items .post-item .post-item-name {
        margin-top: 5px;
    }
}
.post-items .post-item .post-item-des {
    font-size: 13px;
    color: #888888;
    margin: 22px 0 25px;
    line-height: 20px;
    max-height: 61px;
    overflow: hidden;
}
.post-items .post-item .post-item-actions {
    margin-top: 15px;
}
.post-items .post-item .post-item-actions .btn {
    color: #666666;
    font-size: 13px;
    display: inline-block;
    line-height: 26px;
    padding: 0 13px;
    text-transform: none;
    background-color: #f2f2f2;
    text-align: center;
    border-radius: 100px;
}
.post-items .post-item .post-item-actions .btn:hover {
    background-color: #77bd1f;
    color: #fff;
}
.post-items .post-item .post-item-photo {
    display: block;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
}
.post-items .post-item .post-item-photo a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(12, 115, 207, 0.5);
    opacity: 0;
    display: block;
    z-index: 5;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
}
.post-items .post-item .post-item-photo:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
}
.post-items .post-item .post-item-photo:hover a:before {
    opacity: 1;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
}
.post-items .post-item .post-item-photo img {
    display: block;
    width: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
}
.post-items .post-item .post-item-name {
    font-size: 16px;
    color: #333333;
    font-weight: normal;
    display: block;
    margin-bottom: 6px;
}
.post-items .post-item .post-item-name a {
    color: #333333;
}
.post-items .post-item .post-item-name a:hover {
    color: #77bd1f;
}
.post-items .post-item .post-item-athur {
    color: #aaaaaa;
    font-size: 11px;
    display: block;
}
.cms-blog .pagination {
    margin-bottom: 70px;
}
.sidebar-blog .block {
    margin-bottom: 30px;
}
.sidebar-blog .block .block-title {
    font-size: 18px;
    font-weight: 600;
    color: #000000;
    display: block;
    border-bottom: 1px solid #dfdfdf;
    text-transform: uppercase;
    margin-bottom: 40px;
    padding-bottom: 5px;
}
.sidebar-blog .block-categori-blog .block-title {
    margin-bottom: 5px;
}
.sidebar-blog .block-categori-blog li {
    font-size: 16px;
    color: #666666;
    display: block;
    border-bottom: 1px solid #f3f3f3;
    text-transform: capitalize;
    padding: 10px 0;
}
.sidebar-blog .block-categori-blog li:last-child {
    border-bottom: none;
}
.sidebar-blog .block-categori-blog li:before,
.sidebar-blog .block-categori-blog li:after {
    content: "";
    display: table;
}
.sidebar-blog .block-categori-blog li:after {
    clear: both;
}
.sidebar-blog .block-categori-blog li a {
    color: #666666;
    display: block;
}
.sidebar-blog .block-categori-blog li a:hover,
.sidebar-blog .block-categori-blog li.active a {
    color: #77bd1f;
}
.sidebar-blog .block-categori-blog li a:hover .count {
    color: #77bd1f;
}
.sidebar-blog .block-categori-blog li .count {
    float: right;
    font-style: italic;
    color: #aaa;
    margin-left: 5px;
}
.sidebar-blog .block-recent-post li {
    margin-bottom: 20px;
}
.sidebar-blog .block-recent-post li:hover .item-photo img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
}
.sidebar-blog .block-recent-post .item-photo {
    float: left;
    width: 32.6%;
    max-width: 90px;
    margin-right: 15px;
    display: block;
    overflow: hidden;
}
.sidebar-blog .block-recent-post .item-photo img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
}
.sidebar-blog .block-recent-post .item-detail {
    overflow: hidden;
    color: #aaaaaa;
    font-size: 10px;
}
.sidebar-blog .block-recent-post .item-name {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin-bottom: 8px;
}
.sidebar-blog .block-tag-blog .block-content a {
    display: inline-block;
    line-height: 34px;
    border: 1px solid #eeeeee;
    text-align: center;
    padding: 0 23px;
    color: #666666;
    font-size: 12px;
    font-style: italic;
    font-family: "Merriweather";
    margin-bottom: 5px;
    margin-right: 1px;
}
.sidebar-blog .block-tag-blog .block-content a:hover {
    color: #77bd1f;
}
.post-detail .post-item-info .post-item-photo {
    display: block;
}
.post-detail .post-item-info .post-item-photo img {
    width: 100%;
    display: block;
}
.post-detail .post-item-info .post-item-name {
    font-weight: 600;
    font-size: 25px;
    color: #333333;
    margin: 24px 0 15px;
    display: block;
}
.post-detail .post-item-info .post-item-athur {
    font-size: 12px;
    color: #aaaaaa;
    margin-bottom: 18px;
}
.post-detail .post-item-info .post-item-des {
    color: #666666;
    font-size: 13px;
    line-height: 24px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.post-detail .post-item-info .post-item-des:before {
    content: "";
    width: 30px;
    height: 2px;
    background-color: #eaeaea;
    position: absolute;
    bottom: 0;
    left: 0;
}
.post-detail .post-item-info .post-item-des blockquote {
    font-size: 14px;
    color: #333333;
    font-family: "Merriweather";
    border-left: 3px solid #0c73cf;
    padding-left: 29px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.post-detail .post-item-info .post-item-tag {
    font-size: 13px;
    color: #888888;
    float: left;
    line-height: 28px;
    margin-bottom: 23px;
}
.post-detail .post-item-info .post-item-tag a {
    color: #888888;
    line-height: 28px;
}
.post-detail .post-item-info .post-item-tag a:hover {
    color: #77bd1f;
}
.post-detail .post-item-info .post-item-tag label {
    font-size: 13px;
    text-transform: uppercase;
    color: #333;
    padding: 0;
    font-weight: normal;
    margin-right: 3px;
    line-height: 28px;
}
.post-detail .post-item-info .post-item-share {
    font-size: 18px;
    color: #333;
    float: right;
    line-height: 28px;
    margin-bottom: 23px;
}
.post-detail .post-item-info .post-item-share a {
    color: #333;
    margin-left: 5px;
    line-height: 28px;
}
.post-detail .post-item-info .post-item-share a:hover {
    color: #77bd1f;
}
.post-detail .post-item-info .post-item-share label {
    font-size: 13px;
    text-transform: none;
    color: #666666;
    padding: 0;
    font-weight: normal;
    margin-right: 3px;
    font-family: "Merriweather";
    font-style: italic;
    line-height: 28px;
}
.post-detail .post-arthur {
    background-color: #f2ddb0;
    margin-bottom: 25px;
    padding: 27px 35px  33px 53px;
}
.post-detail .post-arthur:before,
.post-detail .post-arthur:after {
    content: "";
    display: table;
}
.post-detail .post-arthur:after {
    clear: both;
}

@media screen and (max-width: 1024px)
{
    .post-list .post-items .post-item .post-item-photo {
        width: 45%;
        float: left;
        margin: 0;
    }
    .post-list .post-items .post-item .post-item-detail{padding-left: 15px !important;}
    .wrap-about
    {
        top: 15%;
        left: 15%;
    }
}

@media screen and (max-width: 736px)
{
    .post-list .post-items .post-item .post-item-photo{width:100%;}
    .wrap-about
    {
        top: 0%;
        left: 15%;
    }
}

@media (max-width: 480px) {
    .post-list .post-items .post-item .post-item-photo {
        width: 100%;
        float: none;
    }
    .form-cart .cart-actions .action {
        display: block;
        float: none;
        width: 100%;
    }
    .post-grid .post-items .post-item{width:100%; padding-left: 0; padding-right: 0; margin-bottom: 15px;}
    .post-grid .post-items{margin-bottom: 0}
    .i-about h2{
        font-size: 20px;
        margin-bottom: 0px;
    }
    .wrap-about
    {
        top: -30%;
        left: 10%;
    }
    .post-detail .post-arthur {
        padding: 25px 20px;
    }
}
.post-list .post-items .post-item .post-item-detail {
    overflow: hidden;
    padding-left: 35px;
    padding-right: 15px;
    padding-bottom: 10px;
}
.post-list .post-items .post-item .post-item-name {
    font-size: 16px;
    /* margin-top: 30px; */
    line-height: 26px;
}

@media (max-width: 375px) {
    .post-grid .post-items .post-item {
        width: 100%;
    }
    .wrap-about
    {
        top: -43%;
        left: 5%;
    }
    .logo img{
        max-width: 80%;
    }
    .i-about h2{
        font-size: 18px;
        margin-bottom: -15px;
    }
    .breakcrumbs  li a{
        font-size: 10px;
    }
}
.post-detail .post-arthur .avata {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 20px;
    float: left;
}
.post-detail .post-arthur .avata img {
    display: block;
}
.post-detail .post-arthur .des {
    overflow: hidden;
    font-size: 12px;
    color: #555555;
    font-family: "Merriweather";
    font-style: italic;
    padding-top: 20px;
}
.post-detail .post-arthur .des .name {
    font-size: 13px;
    color: #333;
    font-weight: 600;
    display: block;
    font-family: "Open Sans";
    font-style: normal;
    margin-bottom: 8px;
}
.block-comment-blog .list-commnet {
    margin-bottom: 35px;
}
.block-comment-blog .list-commnet .block-title {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    margin-bottom: 25px;
}
.block-comment-blog .list-commnet .block-title:before,
.block-comment-blog .list-commnet .block-title:after {
    content: "";
    display: table;
}
.block-comment-blog .list-commnet .block-title:after {
    clear: both;
}
.block-comment-blog .list-commnet .block-title .leaver-comment {
    float: right;
    font-size: 12px;
    color: #888888;
    font-family: "Merriweather";
    font-style: italic;
    font-weight: normal;
}
.block-comment-blog .list-commnet .item {
    border: 1px solid #ececec;
    padding: 22px 29px 28px;
    margin-bottom: 10px;
}
.block-comment-blog .list-commnet .item .user {
    font-size: 14px;
    color: #222222;
    font-weight: 600;
    margin-right: 25px;
}
.block-comment-blog .list-commnet .item .date {
    color: #aaaaaa;
    font-size: 13px;
}
.block-comment-blog .list-commnet .item .des {
    font-size: 12px;
    font-family: "Merriweather";
    font-style: italic;
    margin-top: 12px;
    margin-bottom: 15px;
    color: #666666;
}
.block-comment-blog .list-commnet .item .actions {
    text-align: right;
    font-size: 12px;
    color: #333333;
    font-family: "Merriweather";
    font-style: italic;
    margin-top: 45px;
}
.block-comment-blog .list-commnet .item .actions .fa {
    color: #8b8b8b;
    font-size: 11px;
    margin-left: 5px;
}
.block-comment-blog .list-commnet .item .actions .reply:hover {
    color: #77bd1f;
}
.block-comment-blog .list-commnet .item .actions .reply:hover .fa {
    color: #77bd1f;
}
.block-comment-blog .block-leave-reply {
    margin-bottom: 70px;
}
.block-comment-blog .block-leave-reply .block-title {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    margin-bottom: 15px;
}
.block-comment-blog .block-leave-reply .form-group {
    margin-bottom: 10px;
}
.block-comment-blog .block-leave-reply .form-control {
    height: 40px;
    padding-left: 10px;
    font-size: 13px;
    color: #888888;
    max-width: 295px;
}
.block-comment-blog .block-leave-reply .form-control::-moz-placeholder {
    color: #888888;
    opacity: 1;
}
.block-comment-blog .block-leave-reply .form-control:-ms-input-placeholder {
    color: #888888;
}
.block-comment-blog .block-leave-reply .form-control::-webkit-input-placeholder {
    color: #888888;
}
.block-comment-blog .block-leave-reply textarea,
.block-comment-blog .block-leave-reply textarea.form-control {
    height: 190px;
    max-width: 510px;
}
.block-comment-blog .block-leave-reply .btn {
    height: 40px;
    border-radius: 100px;
    padding: 0 20px;
    font-size: 12px;
    margin-top: 10px;
}

.block-categori-blog ul {
    padding: 0;
}
.mmap {
    padding: 0;
    margin-bottom: -5px;
}

.mmap > div {
    pointer-events: none;
}

.mmap-active > div {
    pointer-events: auto;
}

/**
 * CALL
 */
.btn-call{
    position: fixed;
    bottom: 100px;
    left: 40px;
    z-index: 2;
}
.btn-call strong{
    background: #76B82C;
    display: inline-block;
    border-radius: 8px 0 0 8px;
    color: #fff;
    font-size: 20px;
    font-family: "OpenSans";
    position: absolute;
    right: 72px;
    top: 50%;
    height: 40px;
    line-height: 40px;
    margin-top: -20px;
    margin-right: 15px;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    min-width: 160px;
    text-align: center;

    font-weight: normal;
}
.btn-call strong:after{
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 10px solid #76B82C;
    border-bottom: 20px solid transparent;
    content: '';
    position: absolute;
    left: 100%;
    top: 0;
}
.btn-call:hover strong{
    opacity: 1;
    pointer-events: all;
    margin-right: 0px;
}
.btn-call span{
    display: block;
    font-size: 42px;
    width: 60px;
    height: 60px;
    margin: auto;
    border-radius: 50%;
    line-height: 60px;
    text-align: center;
    color: #fff;
    background: #76B82C;
    position: relative;
}
.btn-call span i{
    animation-name: lac;
    -webkit-animation-name: lac;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.btn-call span:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    border: solid 1px rgba(118, 184, 44, 0.6);
    animation-name: zoomin;
    -webkit-animation-name: zoomin;

    animation-name: zoomin;
    -webkit-animation-name: zoomin;

    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;

    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.btn-call span:after{
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border-radius: 50%;
    background: rgba(118, 184, 44, 0.6);
    z-index: -1;

    animation-name: zoomout;
    -webkit-animation-name: zoomout;

    animation-duration: 1s;
    -webkit-animation-duration: 1s;

    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;

    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

.heading img{
    width:100%;
}
.heading
{
    position: relative;
}
.wrap-about
{
    position: absolute;
    top: 50%;
    left: 25%;
    margin-left: 8px;
}
.i-about
{
    background: url(../images/arrow_heading.png) no-repeat left;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;

}

.i-about span{
    background: #fff;
    color: #0a63b3;
    font-size: 16px;
    line-height: 26px;
    text-transform: uppercase;
    padding: 3px 3px 3px 3px;
}
.i-about h2 {
    font-size: 40px;
    line-height: 50px;
    font-weight: bold;
    color:#fff;
    text-transform: uppercase;
}
.breakcrumbs{
    padding-left: 0;
}

.breakcrumbs  li{
    list-style: none;
    display: inline-block;

}
.breakcrumbs  li:first-child a{
    color:#fff;
    padding-right: 6px;
}

.breakcrumbs  li a{
    font-size:12px;
    line-height: 22px;
    text-transform: uppercase;
    color: #77bd1f;
}
/*==========================================================

    9. PAGES

==========================================================*/
.page-title-base .title-base {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    color: #333;
    margin: 0;
    margin-bottom: 15px;
}
.cms-page .breadcrumb-page .breadcrumb {
    margin-bottom: 19px;
}
.block-about-us {
    margin-bottom: 40px;
}
.block-about-us .block-title {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #333333;
    line-height: 30px;
    text-transform: uppercase;
}
.block-about-us .block-content {
    padding-top: 2px;
}
.block-about-us .img {
    position: relative;
    overflow: hidden;
    margin-top: 8px;
    margin-bottom: 20px;
}
.block-about-us .img img {
    display: block;
    width: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
}
.block-about-us .img:hover img {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
}
.block-about-us .text {
    color: #666666;
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 20px;
}
/*block-why-choos-us*/
.block-why-choos-us {
    margin-bottom: 60px;
}
.block-why-choos-us .block-title {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #333333;
    line-height: 30px;
    text-transform: uppercase;
}
.block-why-choos-us ul li {
    position: relative;
    padding-left: 30px;
    border-bottom: 1px dotted #666666;
    font-size: 13px;
    color: #666666;
    line-height: 30px;
    text-transform: capitalize;
    background-repeat: no-repeat;
    background-position: top 8px left;
    padding-bottom: 5px;
    margin-bottom: 4px;
}
.block-why-choos-us ul li:last-child {
    border-bottom: none;
}
.block-why-choos-us ul li a {
    color: #666666;
}
.block-why-choos-us ul li a:hover {
    color: rgb(12, 115, 207);
}
.block-why-choos-us ul li:hover {
    color: rgb(12, 115, 207);
}
/*block-our-menber*/
.block-our-member {
    margin-bottom: 57px;
}
.block-our-member .block-title {
    font-size: 14px;
    color: #888888;
    text-align: center;
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 84px;
    line-height: 24px;
}
.block-our-member .block-title .title {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #333333;
    line-height: 30px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.block-our-member .item .item-photo img {
    width: 100%;
    display: block;
}
.block-our-member .item .name {
    display: block;
    font-size: 18px;
    color: #77bd1f;
    text-transform: capitalize;
    margin-top: 3px;
}
.block-our-member .item .team {
    display: block;
    text-transform: capitalize;
}
.block-our-member .item .des {
    color: #888888;
    display: block;
    font-size: 13px;
    line-height: 24px;
    margin-top: 12px;
}
.block-our-member .owl-dots {
    text-align: center;
    top: -60px;
    left: 0;
    right: 0;
    position: absolute;
}
.block-our-member .owl-dots .owl-dot {
    width: 17px;
    height: 17px;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    background-color: #bbbbbb;
    margin-right: 5px;
}
.block-our-member .owl-dots .owl-dot.active {
    width: 19px;
    height: 19px;
    background-color: rgb(12, 115, 207);
}
.block-googlemap {
    margin-bottom: 20px;
}
.block-contact-us,
.block-address {
    margin-bottom: 70px;
}
.block-contact-us .block-title,
.block-address .block-title {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #333333;
    line-height: 30px;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.block-contact-us .row {
    margin: 0 -5px;
}
.block-contact-us .col-md-5,
.block-contact-us .col-md-6,
.block-contact-us .col-md-7,
.block-contact-us .col-md-4 {
    padding: 0 5px;
}
.block-contact-us .form-control {
    border: 1px solid #e5e5e5;
    font-size: 13px;
    color: #888888;
    padding-left: 25px;
}
.block-contact-us .form-control::-moz-placeholder {
    color: #888888;
    opacity: 1;
}
.block-contact-us .form-control:-ms-input-placeholder {
    color: #888888;
}
.block-contact-us .form-control::-webkit-input-placeholder {
    color: #888888;
}
.block-contact-us .form-control:not(textarea) {
    height: 56px;
}
.block-contact-us textarea {
    height: 185px;
    padding-top: 18px;
    padding-bottom: 18px;
}
.block-contact-us .form-group {
    margin-bottom: 8px;
}
.block-contact-us .btn {
    height: 43px;
    margin-top: 12px;
    font-size: 14px;
    padding: 0 22px;
    text-transform: uppercase;
    background-color: #77bd1f;
    border: none;
    color: white;
    transition: all 0.5s ease;
}

.block-contact-us .btn:hover {
    background-color: #0c94fe;
    border: none;
}
.block-address .block-content {
    font-size: 14px;
    color: #888888;
    margin-top: -6px;
}
.block-address .block-content .title {
    font-weight: 600;
    display: block;
    line-height: 24px;
    color: #333;
    font-size: 14px;
}
.block-address .block-content p {
    margin-bottom: 26px;
}
.block-form-login {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    color: #666666;
    margin-top: 17px;
}
.block-form-login .block-form-create,
.block-form-login .block-form-registered {
    display: table-cell;
    border: 1px solid #ececec;
    width: 50%;
}
.block-form-login .block-form-create .block-title,
.block-form-login .block-form-registered .block-title {
    font-size: 16px;
    font-family: "Montserrat";
    display: block;
    margin-bottom: 37px;
}
.block-form-login .form-control {
    height: 40px;
    border: 1px solid #e5e5e5;
    padding-left: 24px;
    font-size: 13px;
    color: #aaaaaa;
    max-width: 320px;
}
.block-form-login .form-control::-moz-placeholder {
    color: #aaaaaa;
    opacity: 1;
}
.block-form-login .form-control:-ms-input-placeholder {
    color: #aaaaaa;
}
.block-form-login .form-control::-webkit-input-placeholder {
    color: #aaaaaa;
}
.block-form-login .form-group {
    margin-bottom: 20px;
}
.block-form-login p {
    margin-bottom: 15px;
}
.block-form-login .btn {
    padding: 0 30px;
    text-transform: uppercase;
    font-size: 14px;
    height: 40px;
    margin-top: 10px;
}
.block-form-login .block-form-create {
    padding: 45px 60px 60px;
    background-color: #fafafa;
}
@media (max-width: 991px) {
    .block-form-login .block-form-create {
        padding-left: 30px;
        padding-right: 30px;
    }
}
.block-form-login .block-form-registered {
    padding: 45px 70px 60px 74px;
}
@media (max-width: 991px) {
    .block-form-login .block-form-registered {
        padding-left: 30px;
        padding-right: 30px;
    }
}
.block-form-login .checkbox {
    color: #666666;
    margin-top: 10px;
    margin-bottom: 15px;
}
.block-form-login .checkbox label {
    padding-left: 0;
}
.block-form-login .checkbox label > span {
    display: block;
    position: relative;
    padding-left: 27px;
}
.block-form-login .checkbox label > span:before {
    content: "";
    width: 16px;
    height: 16px;
    border: 1px solid #dedede;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 3px;
    left: 0;
    border-radius: 100%;
    color: rgb(12, 115, 207);
    line-height: 14px;
    font-size: 11px;
    text-align: center;
}
.block-form-login .checkbox input[type=checkbox] {
    visibility: hidden;
}
.block-form-login .checkbox input[type=checkbox]:checked + span:before {
    border-color: rgb(12, 115, 207);
    content: "\f00c";
    font-family: "FontAwesome";
}
@media (max-width: 639px) {
    .block-form-login {
        display: block;
    }
    .block-form-login .block-form-create,
    .block-form-login .block-form-registered {
        display: block;
        width: 100%;
    }
}
.block-forgot-pass {
    display: block;
    border: 1px solid #ececec;
    text-align: center;
    border-top: none;
    font-size: 14px;
    padding: 25px 15px;
    margin-bottom: 72px;
}
.block-forgot-pass a {
    color: #7dc7d1;
    text-decoration: underline;
}
.form-cart {
    margin-bottom: 70px;
}
.form-cart .table-cart-wrapper {
    border: 1px solid #ececec;
    padding: 9px;
    margin: 0;
}
.form-cart table {
    margin: 0;
}
.form-cart table thead tr td,
.form-cart table tbody tr td,
.form-cart table thead tr th,
.form-cart table tbody tr th {
    padding-left: 30px;
    padding-right: 30px;
    padding: 20px 30px;
}
.form-cart table thead tr td,
.form-cart table thead tr th {
    background-color: #ebebeb;
    font-size: 14px;
    color: #333333;
    font-weight: 600;
    text-transform: capitalize;
    border: none;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.form-cart table thead .tb-available {
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
}
.form-cart table tbody tr th,
.form-cart table tbody tr td {
    vertical-align: top;
    text-align: center;
    border-top: none;
    border-bottom: 1px solid #efefef;
}
.form-cart table .tb-product {
    text-align: left;
}
.form-cart table .tb-product .item:before,
.form-cart table .tb-product .item:after {
    content: "";
    display: table;
}
.form-cart table .tb-product .item:after {
    clear: both;
}
.form-cart table .tb-product .item-photo {
    float: left;
    width: 100px;
    border: 1px solid #e9e9e9;
    display: block;
    padding: 12px 2px 6px;
    text-align: center;
    margin-right: 20px;
    position: relative;
    overflow: hidden;
}
.form-cart table .tb-product .item-photo:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
}
.form-cart table .tb-product .item-photo img {
    display: block;
    width: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
}
.form-cart table .tb-product .item-detail {
    overflow: hidden;
    white-space: normal;
}
.form-cart table .tb-product .item-name {
    display: block;
    font-weight: normal;
    color: #888888;
    font-size: 14px;
    margin-bottom: 7px;
}
.form-cart table .tb-product .item-name a {
    color: #888888;
}
.form-cart table .tb-product .item-name a:hover {
    color: rgb(12, 115, 207);
}
.form-cart table .tb-available {
    font-size: 13px;
    color: #87af66;
    font-style: italic;
}
@media (min-width: 1199px) {
    .form-cart table .tb-available {
        width: 198px;
    }
}
.form-cart table .tb-available .value {
    padding-top: 6px;
    display: block;
}
@media (min-width: 1199px) {
    .form-cart table .tb-qty {
        width: 160px;
    }
}
.form-cart table .tb-qty .input-qty {
    height: 35px;
    width: 60px;
    text-align: center;
    border: 1px solid #dddddd;
    font-size: 14px;
    color: #555555;
    font-family: "Arimo";
    padding: 0;
    margin: auto;
}
.form-cart table .tb-total {
    font-size: 14px;
    font-weight: 600;
}
@media (min-width: 1199px) {
    .form-cart table .tb-total {
        width: 220px;
    }
}
.form-cart table .tb-total .amount {
    padding-top: 7px;
    display: block;
}
@media (min-width: 1199px) {
    .form-cart table .tb-remove {
        width: 120px;
    }
}
.form-cart table .tb-remove .action-remove {
    color: #cccccc;
    display: inline-block;
    padding-top: 6px;
}
.form-cart table .tb-remove .action-remove:hover {
    color: rgb(12, 115, 207);
}
.form-cart table .tb-remove .action-remove span {
    display: none;
}
.form-cart table .tb-remove .action-remove:before {
    content: "\f00d";
    font-family: "FontAwesome";
}
.form-cart table .tb-subtotal {
    border: none;
    font-size: 16px;
    color: #444444;
    font-weight: 600;
    text-align: right;
    padding-right: 140px;
    padding-top: 32px;
    padding-bottom: 23px;
}
.form-cart table .tb-subtotal .label {
    font-size: 16px;
    display: inline-block;
    color: #444444;
    margin-right: 12px;
    font-weight: 600;
}
.form-cart .cart-actions {
    border: 1px solid #ececec;
    padding: 28px 40px 13px;
    background-color: #fafafa;
    border-top: none;
}
@media (max-width: 600px) {
    .form-cart .cart-actions {
        padding-left: 15px;
        padding-right: 15px;
    }
}
.form-cart .cart-actions:before,
.form-cart .cart-actions:after {
    content: "";
    display: table;
}
.form-cart .cart-actions:after {
    clear: both;
}
.form-cart .cart-actions .action {
    margin-bottom: 15px;
    border-radius: 30px;
    border: 1px solid #ececec;
    height: 40px;
    box-shadow: none;
    padding: 0 24px;
    font-size: 12px;
    color: #555555;
    text-transform: uppercase;
    background-color: #fff;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.form-cart .cart-actions .action:hover {
    background-color: rgb(12, 115, 207);
    color: #fff;
    border-color: rgb(12, 115, 207);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.form-cart .cart-actions .action.update {
    float: left;
}
.form-cart .cart-actions .action.checkout {
    float: right;
}

.cms-page {
    background-color: #fff;
}
.cms-page .site-main {
    background-color: #fff;
}
.cms-page.index-opt-1 {
    background-color: #fff;
}
.cms-page.index-opt-1 .header-content {
    background-color: #fff;
}
.cms-page.index-opt-1 .header-nav {
    background-color: #ebebeb;
}
/*==========================================================

    7. Blog

==========================================================*/
.post-grid .post-items {
    margin-bottom: 34px;
}
.post-list .post-items {
    margin-bottom: 25px;
}
.post-grid .post-items .post-item {
    margin-bottom: 30px;
    width: 33.3%;
    float: left;
}
.post-grid .post-items .post-item:nth-child(3n+1) {
    clear: both;
}

.post-list .post-items .post-item {
    margin-bottom: 30px;
    padding-right: 0;
    padding-left: 0;
}
.post-list .post-items .post-item .post-item-info {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 10px;
}
.post-list .post-items .post-item .post-item-info:before,
.post-list .post-items .post-item .post-item-info:after {
    content: "";
    display: table;
}
.post-list .post-items .post-item .post-item-info:after {
    clear: both;
}
.post-list .post-items .post-item .post-item-photo {
    width: 34%;
    float: left;
    margin: 0;
}

@media (max-width: 1199px) {
    .post-list .post-items .post-item .post-item-name {
        margin-top: 5px;
    }
}
.post-items .post-item .post-item-des {
    font-size: 13px;
    color: #888888;
    margin: 22px 0 25px;
    line-height: 20px;
    max-height: 61px;
    overflow: hidden;
}
.post-items .post-item .post-item-actions {
    margin-top: 15px;
}
.post-items .post-item .post-item-actions .btn {
    color: #666666;
    font-size: 13px;
    display: inline-block;
    line-height: 26px;
    padding: 0 13px;
    text-transform: none;
    background-color: #f2f2f2;
    text-align: center;
    border-radius: 100px;
}
.post-items .post-item .post-item-actions .btn:hover {
    background-color: #77bd1f;
    color: #fff;
}
.post-items .post-item .post-item-photo {
    display: block;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
}
.post-items .post-item .post-item-photo a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(12, 115, 207, 0.5);
    opacity: 0;
    display: block;
    z-index: 5;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
}
.post-items .post-item .post-item-photo:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
}
.post-items .post-item .post-item-photo:hover a:before {
    opacity: 1;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
}
.post-items .post-item .post-item-photo img {
    display: block;
    width: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
}
.post-items .post-item .post-item-name {
    font-size: 16px;
    color: #333333;
    font-weight: normal;
    display: block;
    margin-bottom: 6px;
}
.post-items .post-item .post-item-name a {
    color: #333333;
}
.post-items .post-item .post-item-name a:hover {
    color: #77bd1f;
}
.post-items .post-item .post-item-athur {
    color: #aaaaaa;
    font-size: 11px;
    display: block;
}
.cms-blog .pagination {
    margin-bottom: 70px;
}
.sidebar-blog .block {
    margin-bottom: 30px;
}
.sidebar-blog .block .block-title {
    font-size: 18px;
    font-weight: 600;
    color: #000000;
    display: block;
    border-bottom: 1px solid #dfdfdf;
    text-transform: uppercase;
    margin-bottom: 40px;
    padding-bottom: 5px;
}
.sidebar-blog .block-categori-blog .block-title {
    margin-bottom: 5px;
}
.sidebar-blog .block-categori-blog li {
    font-size: 16px;
    color: #666666;
    display: block;
    border-bottom: 1px solid #f3f3f3;
    text-transform: capitalize;
    padding: 10px 0;
}
.sidebar-blog .block-categori-blog li:last-child {
    border-bottom: none;
}
.sidebar-blog .block-categori-blog li:before,
.sidebar-blog .block-categori-blog li:after {
    content: "";
    display: table;
}
.sidebar-blog .block-categori-blog li:after {
    clear: both;
}
.sidebar-blog .block-categori-blog li a {
    color: #666666;
    display: block;
}
.sidebar-blog .block-categori-blog li a:hover,
.sidebar-blog .block-categori-blog li.active a {
    color: #77bd1f;
}
.sidebar-blog .block-categori-blog li a:hover .count {
    color: #77bd1f;
}
.sidebar-blog .block-categori-blog li .count {
    float: right;
    font-style: italic;
    color: #aaa;
    margin-left: 5px;
}
.sidebar-blog .block-recent-post li {
    margin-bottom: 20px;
}
.sidebar-blog .block-recent-post li:hover .item-photo img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
}
.sidebar-blog .block-recent-post .item-photo {
    float: left;
    width: 32.6%;
    max-width: 90px;
    margin-right: 15px;
    display: block;
    overflow: hidden;
}
.sidebar-blog .block-recent-post .item-photo img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    transition: 0.35s;
}
.sidebar-blog .block-recent-post .item-detail {
    overflow: hidden;
    color: #aaaaaa;
    font-size: 10px;
}
.sidebar-blog .block-recent-post .item-name {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin-bottom: 8px;
}
.sidebar-blog .block-tag-blog .block-content a {
    display: inline-block;
    line-height: 34px;
    border: 1px solid #eeeeee;
    text-align: center;
    padding: 0 23px;
    color: #666666;
    font-size: 12px;
    font-style: italic;
    font-family: "Merriweather";
    margin-bottom: 5px;
    margin-right: 1px;
}
.sidebar-blog .block-tag-blog .block-content a:hover {
    color: #77bd1f;
}
.post-detail .post-item-info .post-item-photo {
    display: block;
}
.post-detail .post-item-info .post-item-photo img {
    width: 100%;
    display: block;
}
.post-detail .post-item-info .post-item-name {
    font-weight: 600;
    font-size: 25px;
    color: #333333;
    margin: 24px 0 15px;
    display: block;
}
.post-detail .post-item-info .post-item-athur {
    font-size: 12px;
    color: #aaaaaa;
    margin-bottom: 18px;
}
.post-detail .post-item-info .post-item-des {
    color: #666666;
    font-size: 13px;
    line-height: 24px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.post-detail .post-item-info .post-item-des:before {
    content: "";
    width: 30px;
    height: 2px;
    background-color: #eaeaea;
    position: absolute;
    bottom: 0;
    left: 0;
}
.post-detail .post-item-info .post-item-des blockquote {
    font-size: 14px;
    color: #333333;
    font-family: "Merriweather";
    border-left: 3px solid #0c73cf;
    padding-left: 29px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.post-detail .post-item-info .post-item-tag {
    font-size: 13px;
    color: #888888;
    float: left;
    line-height: 28px;
    margin-bottom: 23px;
}
.post-detail .post-item-info .post-item-tag a {
    color: #888888;
    line-height: 28px;
}
.post-detail .post-item-info .post-item-tag a:hover {
    color: #77bd1f;
}
.post-detail .post-item-info .post-item-tag label {
    font-size: 13px;
    text-transform: uppercase;
    color: #333;
    padding: 0;
    font-weight: normal;
    margin-right: 3px;
    line-height: 28px;
}
.post-detail .post-item-info .post-item-share {
    font-size: 18px;
    color: #333;
    float: right;
    line-height: 28px;
    margin-bottom: 23px;
}
.post-detail .post-item-info .post-item-share a {
    color: #333;
    margin-left: 5px;
    line-height: 28px;
}
.post-detail .post-item-info .post-item-share a:hover {
    color: #77bd1f;
}
.post-detail .post-item-info .post-item-share label {
    font-size: 13px;
    text-transform: none;
    color: #666666;
    padding: 0;
    font-weight: normal;
    margin-right: 3px;
    font-family: "Merriweather";
    font-style: italic;
    line-height: 28px;
}
.post-detail .post-arthur {
    background-color: #f2ddb0;
    margin-bottom: 25px;
    padding: 27px 35px  33px 53px;
}
.post-detail .post-arthur:before,
.post-detail .post-arthur:after {
    content: "";
    display: table;
}
.post-detail .post-arthur:after {
    clear: both;
}

@media screen and (max-width: 1024px)
{
    .post-list .post-items .post-item .post-item-photo {
        width: 45%;
        float: left;
        margin: 0;
    }
    .post-list .post-items .post-item .post-item-detail{padding-left: 15px !important;}
    .wrap-about
    {
        top: 15%;
        left: 15%;
    }
}

@media screen and (max-width: 736px)
{
    .post-list .post-items .post-item .post-item-photo{width:100%;}
    .wrap-about
    {
        top: 0%;
        left: 15%;
    }
}

@media (max-width: 480px) {
    .post-list .post-items .post-item .post-item-photo {
        width: 100%;
        float: none;
    }
    .form-cart .cart-actions .action {
        display: block;
        float: none;
        width: 100%;
    }
    .post-grid .post-items .post-item{width:100%; padding-left: 0; padding-right: 0; margin-bottom: 15px;}
    .post-grid .post-items{margin-bottom: 0}
    .i-about h2{
        font-size: 20px;
        margin-bottom: 0px;
    }
    .wrap-about
    {
        top: -30%;
        left: 10%;
    }
    .post-detail .post-arthur {
        padding: 25px 20px;
    }
}
.post-list .post-items .post-item .post-item-detail {
    overflow: hidden;
    padding-left: 35px;
    padding-right: 15px;
    padding-bottom: 10px;
}
.post-list .post-items .post-item .post-item-name {
    font-size: 16px;
    /* margin-top: 30px; */
    line-height: 26px;
}

@media (max-width: 375px) {
    .post-grid .post-items .post-item {
        width: 100%;
    }
    .wrap-about
    {
        top: -43%;
        left: 5%;
    }
    .logo img{
        max-width: 80%;
    }
    .i-about h2{
        font-size: 18px;
        margin-bottom: -15px;
    }
    .breakcrumbs  li a{
        font-size: 10px;
    }
}
.post-detail .post-arthur .avata {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 20px;
    float: left;
}
.post-detail .post-arthur .avata img {
    display: block;
}
.post-detail .post-arthur .des {
    overflow: hidden;
    font-size: 12px;
    color: #555555;
    font-family: "Merriweather";
    font-style: italic;
    padding-top: 20px;
}
.post-detail .post-arthur .des .name {
    font-size: 13px;
    color: #333;
    font-weight: 600;
    display: block;
    font-family: "Open Sans";
    font-style: normal;
    margin-bottom: 8px;
}
.block-comment-blog .list-commnet {
    margin-bottom: 35px;
}
.block-comment-blog .list-commnet .block-title {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    margin-bottom: 25px;
}
.block-comment-blog .list-commnet .block-title:before,
.block-comment-blog .list-commnet .block-title:after {
    content: "";
    display: table;
}
.block-comment-blog .list-commnet .block-title:after {
    clear: both;
}
.block-comment-blog .list-commnet .block-title .leaver-comment {
    float: right;
    font-size: 12px;
    color: #888888;
    font-family: "Merriweather";
    font-style: italic;
    font-weight: normal;
}
.block-comment-blog .list-commnet .item {
    border: 1px solid #ececec;
    padding: 22px 29px 28px;
    margin-bottom: 10px;
}
.block-comment-blog .list-commnet .item .user {
    font-size: 14px;
    color: #222222;
    font-weight: 600;
    margin-right: 25px;
}
.block-comment-blog .list-commnet .item .date {
    color: #aaaaaa;
    font-size: 13px;
}
.block-comment-blog .list-commnet .item .des {
    font-size: 12px;
    font-family: "Merriweather";
    font-style: italic;
    margin-top: 12px;
    margin-bottom: 15px;
    color: #666666;
}
.block-comment-blog .list-commnet .item .actions {
    text-align: right;
    font-size: 12px;
    color: #333333;
    font-family: "Merriweather";
    font-style: italic;
    margin-top: 45px;
}
.block-comment-blog .list-commnet .item .actions .fa {
    color: #8b8b8b;
    font-size: 11px;
    margin-left: 5px;
}
.block-comment-blog .list-commnet .item .actions .reply:hover {
    color: #77bd1f;
}
.block-comment-blog .list-commnet .item .actions .reply:hover .fa {
    color: #77bd1f;
}
.block-comment-blog .block-leave-reply {
    margin-bottom: 70px;
}
.block-comment-blog .block-leave-reply .block-title {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    margin-bottom: 15px;
}
.block-comment-blog .block-leave-reply .form-group {
    margin-bottom: 10px;
}
.block-comment-blog .block-leave-reply .form-control {
    height: 40px;
    padding-left: 10px;
    font-size: 13px;
    color: #888888;
    max-width: 295px;
}
.block-comment-blog .block-leave-reply .form-control::-moz-placeholder {
    color: #888888;
    opacity: 1;
}
.block-comment-blog .block-leave-reply .form-control:-ms-input-placeholder {
    color: #888888;
}
.block-comment-blog .block-leave-reply .form-control::-webkit-input-placeholder {
    color: #888888;
}
.block-comment-blog .block-leave-reply textarea,
.block-comment-blog .block-leave-reply textarea.form-control {
    height: 190px;
    max-width: 510px;
}
.block-comment-blog .block-leave-reply .btn {
    height: 40px;
    border-radius: 100px;
    padding: 0 20px;
    font-size: 12px;
    margin-top: 10px;
}

.block-categori-blog ul {
    padding: 0;
}
.mmap {
    padding: 0;
    margin-bottom: -5px;
}

.mmap > div {
    pointer-events: none;
}

.mmap-active > div {
    pointer-events: auto;
}

/**
 * CALL
 */
.btn-call{
    position: fixed;
    bottom: 110px;
    left: 50px;
    z-index: 999;
}
.btn-call strong{
    background: #ed1b24;
    display: inline-block;
    border-radius: 8px 0 0 8px;
    color: #fff;
    font-size: 20px;
    font-family: "OpenSans";
    position: absolute;
    right: 72px;
    top: 50%;
    height: 40px;
    line-height: 40px;
    margin-top: -20px;
    margin-right: 15px;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    min-width: 160px;
    text-align: center;

    font-weight: normal;
}
.btn-call strong:after{
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 10px solid #ed1b24;
    border-bottom: 20px solid transparent;
    content: '';
    position: absolute;
    left: 100%;
    top: 0;
}
.btn-call:hover strong{
    opacity: 1;
    pointer-events: all;
    margin-right: 0px;
}
.btn-call span{
    display: block;
    font-size: 42px;
    width: 60px;
    height: 60px;
    margin: auto;
    border-radius: 50% !important;
    line-height: 60px;
    text-align: center;
    color: #fff;
    background: #ed1b24;
    position: relative;
}
.btn-call span i{
    animation-name: lac;
    -webkit-animation-name: lac;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.btn-call span:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    border: solid 1px rgba(237, 27, 36, 0.6);
    animation-name: zoomin;
    -webkit-animation-name: zoomin;

    animation-name: zoomin;
    -webkit-animation-name: zoomin;

    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;

    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.btn-call span:after{
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border-radius: 50% !important;
    background: rgba(237, 27, 36, 0.6);
    z-index: -1;

    animation-name: zoomout;
    -webkit-animation-name: zoomout;

    animation-duration: 1s;
    -webkit-animation-duration: 1s;

    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;

    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
@keyframes lac {
    0% {transform: rotate(0deg);}
    10% {transform: rotate(-25deg);}
    20% {transform: rotate(25deg);}
    30% {transform: rotate(-25deg);}
    40% {transform: rotate(25deg);}
    50% {transform: rotate(0deg);}
    100% {transform: rotate(0deg);}
}
@-webkit-keyframes lac {
    0% {-webkit-transform: rotate(0deg);}
    10% {-webkit-transform: rotate(-25deg);}
    20% {-webkit-transform: rotate(25deg);}
    30% {-webkit-transform: rotate(-25deg);}
    40% {-webkit-transform: rotate(25deg);}
    50% {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(0deg);}
}
@keyframes zoomin{
    0%{transform: scale(.8);opacity: 1;}
    100%{transform: scale(2.2);opacity: .1;}
}
@-webkit-keyframes zoomin{
    0%{-webkit-transform: scale(.8);opacity: 1;}
    100%{-webkit-transform: scale(2.2);opacity: .1;}
}
@keyframes zoomout{
    0%{transform: scale(0.8);opacity: 1;}
    100%{transform: scale(1.1);opacity: .3}
}
@-webkit-keyframes zoomout{
    0%{-webkit-transform: scale(0.8);opacity: 1;}
    100%{-webkit-transform: scale(1.1);opacity: .3;}
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.mmap{
    margin-bottom: 0px !important;
}

.mmap p{
    margin-bottom: 0px;
}

.mmap iframe{
    display: block;
    pointer-events: none;
}

.mmap iframe.clicked{
    pointer-events: auto;
}

.banner_con {
    height: 380px;
    margin-bottom: 15px;
}

.banner_con p {
    height: 100%;
}

.banner_con img {
    width: 100%;
    height: 100%;
    display: block;
    vertical-align: middle;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
}