@charset "UTF-8";
/*! GLOBAL.css v1.0.0 |  9web.vn 
    Author: CuongTV
    Date: T12/2015
    Description: Style for web developer with BOOTSTRAP v3.x CSS
    Url: http://9web.vn
--*/
/*@import url(//fonts.googleapis.com/css?family=Roboto|Lato:100,100italic,300,300italic,400italic,400,700,700italic,900,900italic|Montserrat:400,700);*/

/*@font-face {
    font-family: Hoang Gia BTL2;
    src: url(http://dpecogreen.com/Assets/css/‘fonts/Hoanggia2H.ttf’) format(‘truetype’), url(http://dpecogreen.com/Assets/css/‘fonts/Hoanggia2H.eot#iefix’) format(’embedded-opentype’), url(http://dpecogreen.com/Assets/css/‘fonts/Hoanggia2H.woff’) format(‘woff’);
    font-weight: normal;
    font-style: normal;
}*/

/*@font-face {
    font-family: 'SegoeUIL';
    src: url(http://dpecogreen.com/Assets/css/‘fonts/segoeuil.ttf’) format(‘truetype’), url(http://dpecogreen.com/Assets/css/‘fonts/segoeuil.eot#iefix’) format(’embedded-opentype’), url(http://dpecogreen.com/Assets/css/‘fonts/segoeuil.woff’) format(‘woff’);
    font-weight: normal;
    font-style: normal;
}*/

/*@font-face {
    font-family: 'SegoeUIL';
    src: url(http://dpecogreen.com/Assets/css/‘fonts/segoeuil.ttf’) format(‘truetype’), url(http://dpecogreen.com/Assets/css/‘fonts/segoeuil.eot#iefix’) format(’embedded-opentype’), url(http://dpecogreen.com/Assets/css/‘fonts/segoeuil.woff’) format(‘woff’);
    font-weight: normal;
    font-style: normal;
}*/

@font-face {
    font-family: 'Segoe UI Light';
    src: url('https://www.microsoft.com/surface/Assets/css/fonts/all/light/segoeuil.eot');
    src: local("Segoe UI Light"), local("Segoe WP Light"), url('https://www.microsoft.com/surface/Assets/css/fonts/all/light/segoeuil.eot#iefix') format('embedded-opentype'), url('https://www.microsoft.com/surface/Assets/css/fonts/all/light/segoeuil.woff') format('woff'), url('https://www.microsoft.com/surface/Assets/css/fonts/all/light/segoeuil.svg#SegoeUILight') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* =Typography
-----------------------------------------------------------------------------*/
body {
    font-family: Tahoma, sans-serif;
    background: #f1f2f2;
}
/* fullscreen setup */
html, body {
    /* give this to all tags from html to .fullscreen */
    height: 100%;
}

.container {
    width: 1186px;
}

form {
    width: 100%;
    height: 100%;
}

a, a:hover, a:focus {
    text-decoration: none;
    color: #0095da;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.fright {
    float: right;
}

.fleft {
    float: left;
}

[class*="icon-"] {
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
}

.clear {
    height: 0;
    line-height: 0;
    font-size: 0;
    visibility: hidden;
    clear: both;
}

.no_padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.no_left {
    padding-left: 0 !important;
}

.no_right {
    padding-right: 0 !important;
}

[class*="well"] {
    padding-top: 80px;
    padding-bottom: 80px;
}

.center {
    text-align: center;
}
/* =[Fullscreen style]
-----------------------------------------------------------------------------*/
/* background setup */
.background {
    background-repeat: no-repeat;
    /* custom background-position */
    background-position: 50% 50%;
    /* ie8- graceful degradation */
    background-position: 50% 50%\9 !important;
}

/* fullscreen setup */
html, body {
    /* give this to all tags from html to .fullscreen */
    height: 100%;
}

.fullscreen, .fullset, fullset_view_center {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .fullscreen.overflow,
    .fullscreen.overflow .fullset {
        height: auto;
        min-height: 100%;
    }

/* content centering styles */
.fullset {
    display: table;
}

.fullset_view {
    display: table-cell;
    position: relative;
    vertical-align: top;
    text-align: left;
}

.fullset_view_center {
    position: relative;
    vertical-align: middle;
    text-align: center;
}

.not-fullscreen {
    height: 50%;
}


.content-a {
    display: table;
}

.fullscreen, .content-a {
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.content-b {
    display: table-cell;
    position: relative;
    text-align: center;
    vertical-align: middle;
}

/*- [fullview] */
.fullview {
    height: 100%;
    width: 100%;
    overflow: hidden;
    opacity: 1;
    position: relative;
}

.bgr_fullview {
    height: 100%;
    width: 100%;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

    .bgr_fullview.anim {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

.bgr_fullview_img {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.fullview .content_in {
    text-align: center;
    width: 90%;
    height: 76%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: transparent;
}

.fullview .text_content {
    text-align: center;
    margin: 16% auto 0;
}


.fullview_content_in {
    text-align: center;
    width: 90%;
    height: 76%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: transparent;
}

.text_content_in {
    text-align: center;
    margin: 16% auto 0;
}
/* =[Header style]
-----------------------------------------------------------------------------*/
#header {
    position: relative;
}

/*- [Logo] */
#logo {
    position: relative;
    padding: 20px 0 15px 15px;
    display: inline-block;
}

    #logo img {
        height: auto;
    }

    #logo.navbar-brand {
        height: auto;
        padding: 20px 0 0;
    }

.sub_header {
    width: 62%;
    position: absolute;
    right: 0;
    bottom: 0;
}

/*- [Top Bar] */
#header .container {
    position: relative;
}

.top_bar {
    position: absolute;
    right: 30px;
    top: 28px;
    z-index: 999;
}

.top_bar {
    list-style: none;
    display: inline;
}

    .top_bar li {
        list-style: none;
        display: inline;
        font-size: 13px;
        padding-left: 10px;
        color: #58595b;
    }

        .top_bar li a {
            color: #58595b;
        }

        .top_bar li .fa {
            padding-right: 2px;
            color: #71bf44;
        }


/* =[Navigator style]
-----------------------------------------------------------------------------*/
.navbar {
    margin-bottom: 35px;
    margin-top: 15px;
    position: relative;
}

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

.navbar-default {
    background-color: transparent;
    border: none;
}

.navbar .navbar-nav {
    padding-top: 0;
}

.navbar-nav > li {
    position: relative;
    padding: 0 15px 0 35px;
}

.navbar-nav > li__:before {
    content: "";
    background: #58595b;
    position: absolute;
    right: 0;
    top: 16px;
    width: 1px;
    height: 24%;
}

.navbar-nav > li:last-child:before {
    content: none;
}

.navbar-default .navbar-nav > li > a {
    text-align: left;
    text-transform: none;
    font-size: 14px;
    color: #58595b;
    padding: 0;
    line-height: 42px;
}



    .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
        color: #71bf44;
        background-color: transparent;
    }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: transparent;
    color: #71bf44;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background: transparent;
}

/* Icon bar */
.icon {
    position: relative;
    background: transparent no-repeat scroll left 6px;
}

    .icon.home {
        background-image: url(images/icon_home.png);
    }

    .icon.about {
        background-image: url(images/icon_about.png);
    }

    .icon.news {
        background-image: url(images/icon_news.png);
    }

    .icon.product {
        background-image: url(images/icon_product.png);
    }

    .icon.contact {
        background-image: url(images/icon_contact.png);
    }

    .icon.faq {
        background-image: url(images/icon_faq.png);
    }


/* bottom nav */
#bottom_header {
    position: relative;
    background: transparent url(images/bgr_nav.png) repeat-x scroll left 0;
    height: 42px;
}

.main-nav {
    float: left;
    border-radius: 4px;
    margin: 0 0 0 -15px;
    padding: 0;
    list-style: none;
}

    .main-nav > li {
        float: left;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 15px;
        margin: 0;
        padding: 0;
        background: url(images/menu.png) no-repeat 0 12px;
    }

    .main-nav a {
        color: #fff;
        display: block;
        padding: 10px 45px;
        text-decoration: none;
    }

.r_context {
    color: #fff;
}

    .r_context .r_text {
        font-size: 13px;
        line-height: 42px;
    }

    .r_context span.r_border {
        display: inline-block;
        text-align: center;
        font-weight: bold;
        padding: 3px 10px;
        margin: 5px 0 5px 10px;
        border: solid 1px #fff;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    .r_context a {
        color: #fff;
        font-size: 13px;
    }

/* dropdown menu */
.dropdown-menu {
    background-color: #71bf44;
    text-align: left;
}

    .dropdown-menu > li {
        border-bottom: solid 1px #ececec;
    }

        .dropdown-menu > li:last-child {
            border-bottom: none;
        }

        .dropdown-menu > li > a {
            color: #f4f4f4;
            padding-top: 5px;
            padding-bottom: 5px;
        }

            .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
                color: #fff;
                text-decoration: none;
                background-color: #71bf44;
            }

/* =Search Bar */
.main-nav,
.drop-nav {
    /*background: #2c3e50;*/
}

.drop-nav {
    background: rgba(113, 191, 68, 0.7);
    margin: 0;
    padding: 0;
}

.main-nav {
    float: left;
    border-radius: 4px;
    margin-bottom: 0;
    /*border: solid 1px #1e2a36;*/
    margin-right: 0;
    margin: 0;
    padding: 0;
}

.main-nav-1 {
    float: left;
    border-radius: 4px;
    margin-bottom: 0;
    /*border: solid 1px #1e2a36;*/
    /*width: 264px;*/
    margin-right: 0;
}

.main-nav > li {
    float: left;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    background: url(images/menu.png) no-repeat 0 12px;
    margin: 0;
    padding: 0;
}

.main-nav-1 > li {
    float: left;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    background: url(images/menu.png) no-repeat 0 12px;
}

.main-nav li:first-child {
    border-left: none;
    list-style: none;
    width: 264px;
    margin-right: 0;
}

.main-nav a {
    color: #fff;
    display: block;
    padding: 10px 45px;
    font-size: 15px;
    text-decoration: none;
}

.main-nav-1 li:first-child {
    border-left: none;
    list-style: none;
    width: 105px;
    margin-right: 0;
}

.main-nav-1 a {
    color: #fff;
    display: block;
    padding: 10px 45px;
    padding-right: 0;
    text-decoration: none;
}

.drop-nav a {
    color: #fff;
    display: block;
    font-weight: normal;
    padding: 6px 7px 6px 40px;
    text-transform: none;
    font-size: 14px;
    text-decoration: none;
}

.dropdown,
.flyout {
    position: relative;
}
/*.dropdown:after {
  content: "\25BC";
  font-size: .5em;
  display: block;
  position: absolute;
  top: 38%;
  right: 12%;
}*/
.drop-nav,
.flyout-nav {
    position: absolute;
    display: none;
    z-index: 2;
}

    .drop-nav li {
        border-bottom: 1px solid rgba(255,255,255,.2);
        background: url(images/icon-menu.png) no-repeat 20px 12px;
        list-style-type: none;
        margin-right: 0;
    }

.dropdown:hover > .drop-nav,
.flyout:hover > .flyout-nav {
    display: block;
}

.flyout-nav {
    left: 100%;
    top: 0;
}

.flyout:hover a,
.flyout-nav {
    background: url(images/icon-menu.png) no-repeat 20px 12px;
    background-color: #71bf44;
}

/* =Search Bar
-----------------------------------------------------------------------------*/
#custom-search-input {
    margin: 10px 0 25px;
    padding: 0;
}

    #custom-search-input .search-query {
        padding-right: 3px;
        padding-right: 4px \9;
        padding-left: 36px;
        padding-left: 4px \9;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        margin-bottom: 0;
        -webkit-border-radius: 8px 0 0 8px;
        -moz-border-radius: 8px 0 0 8px;
        border-radius: 8px 0 0 8px;
        border: solid 1px #71bf44;
        width: 100%;
        height: 40px;
        color: #71bf44;
        background: #fff url(images/icon-search-inline.png) no-repeat 10px 4px;
    }

    #custom-search-input button {
        border: 0;
        background: none;
        /** belows styles are working good */
        padding: 10px 15px;
        margin-top: 0;
        position: relative;
        left: 0;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        margin-bottom: 0;
        -webkit-border-radius: 0 8px 8px 0;
        -moz-border-radius: 0 8px 8px 0;
        border-radius: 0 8px 8px 0;
        color: #fff;
        background: #71bf44;
    }

.search-query:focus + button {
    z-index: 3;
}

.form-control::-moz-placeholder {
    color: #71bf44;
}
/* =sub top */
.cart-home {
    display: inline-block;
    margin-top: 10px;
    text-align: right;
    float: right;
}

    .cart-home a {
        color: #71bf44;
        text-decoration: none;
        font-size: 12px;
        float: left;
        padding: 0 18px;
        text-align: center;
        text-align: -webkit-center;
        position: relative;
        border-left: 1px solid #71bf44;
    }

        .cart-home a:first-child {
            border-left: none;
            padding-left: 30px;
        }

        .cart-home a:last-child {
            border-left: none;
            padding-right: 0;
        }

        .cart-home a img {
            display: block;
            margin: 0 auto;
        }

/* =sticky  */
#sticker {
    display: block;
    margin: 9px 0;
}

.sticker_content {
    margin-left: -15px;
    font-size: 13px;
}

    .sticker_content .timer {
        margin-right: 15px;
        padding-right: 15px;
        border-right: solid 1px #808285;
    }

    .sticker_content .top_read {
        font-size: 13px;
    }

        .sticker_content .top_read a {
            color: #58595b;
        }

            .sticker_content .top_read a:hover {
                color: #0095da;
            }
/* =Banners
-----------------------------------------------------------------------------*/
#banner {
    position: relative;
}

    #banner .col-md-9 {
        padding-right: 5px;
    }

    #banner img.bx-img {
        position: relative;
        max-height: 365px;
    }

    #banner img {
        position: relative;
    }

.bx-wrapper, .bx-window, #bxslider {
    overflow: hidden !important;
}

.bx_container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    height: 100%;
}

    .bx_container::before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

.bx_content {
    vertical-align: middle;
    z-index: 3;
    position: relative;
    display: inline-block;
    width: 99%;
    color: transparent;
}

    .bx_content .bx_caption {
        text-align: left;
    }

.bx_title {
    position: relative;
    margin: 0 0 35px;
    padding: 0 0 15px;
    color: #fff;
    font-size: 45px;
    line-height: 45px;
    width: 50%;
}

    .bx_title:after {
        height: 3px;
        background-color: #5476a6;
        content: '';
        position: absolute;
        width: 3%;
        left: 0%;
        top: 100%;
    }

.bx_brief {
    position: relative;
    text-align: left;
    color: #fff;
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 0.5px;
    width: 50%;
}

.bx_content a.btn_view {
    display: inline-block;
    position: relative;
    padding: 0 30px;
    border-radius: 5px;
    border: none;
    text-transform: uppercase;
    color: #58595b;
    background: #fff;
    font-weight: 600;
    margin: 25px 0 0;
    height: 36px;
    line-height: 36px;
    font-size: 12px;
}

    .bx_content a.btn_view:hover {
        color: #fff;
        background: #71bf44;
    }

/*-- Scroller --*/

.scroller {
    position: relative;
    background: #fff;
    overflow: hidden;
}

    .scroller .items {
        padding: 15px 10px;
    }

        .scroller .items img {
            height: 66px;
        }
/*-- Top bar --*/
.item_focus {
    position: relative;
    margin-bottom: 0;
}

    .item_focus li {
        display: block;
        color: #fff;
        background: transparent url(images/bgr_tab_2.png) repeat-x 0 0;
        margin-bottom: 2px;
        padding: 0;
    }

        .item_focus li:hover {
            background: transparent url(images/bgr_tab_2a.png) repeat-x 0 0;
        }

        .item_focus li:last-child {
            margin-bottom: 0;
        }

        .item_focus li a {
            color: #fff;
            font-family: 'Segoe UI Light';
            background: transparent url(images/icon_arrow.png) no-repeat 25px 3px;
            line-height: 70px;
            font-size: 20px;
            padding-left: 50px;
            text-transform: uppercase;
        }



/* =[Main Contents]
-----------------------------------------------------------------------------*/
/*-- Main --*/
#main {
    position: relative;
    margin: 15px 0;
}

    #main .col-md-9 {
        padding-right: 0;
    }

section#product {
    position: relative;
}

.page_title {
    margin: 0;
    padding: 4px 10px 3px 25px;
    text-align: left;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    background: #0095da url(images/icon_arrow_4r.png) no-repeat scroll 9px 6px;
    display: inline-block;
    min-width: 180px;
    line-height: 22px;
    font-size: 15px;
    font-weight: bold;
}

    .page_title a {
        font-size: 13px;
        color: #fff;
        text-transform: uppercase;
    }

.page_content {
    display: block;
    position: relative;
    text-align: left;
    border-top: solid 2px #0095da;
    border-left: solid 1px #eee;
    border-right: solid 1px #eee;
    padding: 30px 25px 0;
    background: #fff;
}


.section_title {
    position: relative;
    font-size: 22px;
    padding-bottom: 10px;
    padding-left: 15px;
    margin: 0 0 15px;
    text-transform: uppercase;
    color: #71bf44;
}

    .section_title a {
        position: relative;
        font-size: 22px;
        padding-bottom: 10px;
        padding-left: 15px;
        margin: 0 0 15px;
        text-transform: uppercase;
        color: #71bf44;
    }

    .section_title:after {
        height: 3px;
        background-color: #71bf44;
        content: '';
        position: absolute;
        width: 40px;
        left: 48%;
        bottom: 1px;
        margin-left: 15px;
    }

.section_title_v1 {
    position: relative;
    padding-bottom: 10px;
    text-align: center;
    margin: 0;
    margin-bottom: 40px;
}

    .section_title_v1:after {
        height: 3px;
        background-color: #5476a6;
        content: '';
        position: absolute;
        width: 30px;
        left: 53%;
        top: 100%;
        margin-left: -50px;
    }

.section_title_v2 {
    position: relative;
    font-size: 22px;
    padding-bottom: 10px;
    padding-left: 15px;
    text-align: left;
    margin-bottom: 30px;
    text-transform: uppercase;
}

    .section_title_v2:after {
        height: 2px;
        background-color: #71bf44;
        content: '';
        position: absolute;
        width: 25px;
        left: 0%;
        bottom: 3px;
        margin-left: 15px;
    }

.section_brief {
    margin: 20px auto 40px;
    width: 66%;
    font-weight: 300;
    font-style: normal;
    color: #999;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0px;
}

/* =Sidebar style
-----------------------------------------------------------------------------*/
.sidebar {
    position: relative;
}

.widget.widget_tab_v2 ul.sidebar {
    padding: 10px 15px 0;
}

    .widget.widget_tab_v2 ul.sidebar a {
        font-size: 14px;
        text-transform: uppercase;
        color: #58595b;
    }

.widget.widget_tab ul.sidebar li {
    border-bottom: solid 1px #aaa;
    padding: 4px 0 8px;
}

    .widget.widget_tab ul.sidebar li:hover {
        background: #71bf44;
        -webkit-transition: 0.2s ease-out;
        -moz-transition: 0.2s ease-out;
        -ms-transition: 0.2s ease-out;
        -o-transition: 0.2s ease-out;
        transition: 0.2s ease-out;
        padding-right: 5px;
        padding-left: 5px;
    }

        .widget.widget_tab ul.sidebar li:hover, .widget.widget_tab ul.sidebar li:hover a {
            color: #fff;
        }

.sidebar .fa {
    font-size: 8px;
    font-weight: 300;
}

/* =Mod style
-----------------------------------------------------------------------------*/
.mod {
    position: relative;
    width: 100%;
}

    .mod .mod_title {
        position: relative;
        font-size: 16px;
        padding: 0 0 10px 0;
        margin-bottom: 15px;
        text-transform: uppercase;
        color: #71bf44;
    }

        .mod .mod_title a {
            color: #71bf44;
        }

            .mod .mod_title a:after {
                height: 2px;
                background-color: #71bf44;
                content: '';
                position: absolute;
                width: 25px;
                left: 47%;
                bottom: 3px;
            }

    .mod .mod_title_v2 {
        position: relative;
        font-size: 16px;
        padding: 0 0 10px 0;
        margin-bottom: 15px;
        text-transform: uppercase;
    }

    .mod .mod_brief, mod_brief {
        position: relative;
        font-size: 14px;
        padding: 0 30px;
        text-align: center;
        color: #888;
    }


.mod_box {
    background-color: #fcfcfc;
    position: relative;
    padding: 20px 25px;
    margin: 25px 0 0;
    min-height: 132px;
}

    .mod_box:hover {
        background-color: #71bf4466;
        -moz-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        cursor: pointer;
    }

.mod_title_v2 {
    position: relative;
    line-height: 18px;
    font-weight: 400;
    color: #58595b;
    font-size: 16px;
    padding: 0 0 10px 0;
    margin: 0;
    text-transform: uppercase;
}

    .mod_title_v2 a {
        color: #58595b;
    }

.mod_box .mod_icon {
    float: left;
    width: 100px;
}

.mod_box .mod_container {
    padding-left: 140px;
}

.mod_box p {
    line-height: 22px;
    font-weight: normal;
    font-style: normal;
    color: #777;
    font-size: 13px;
    opacity: 1;
    -webkit-transition: opacity 0.24s ease-in-out;
    -moz-transition: opacity 0.24s ease-in-out;
    transition: opacity 0.24s ease-in-out;
}

.alter_view {
    position: relative;
    background: url(http://dpecogreen.com/Assets/css/images/services_bgr.jpg) no-repeat center center;
    width: 100%;
    height: 100%;
    margin: 25px auto 40px;
    text-align: left;
}

    .alter_view .alter_title {
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 400;
        margin: 0 0 15px;
        font-size: 16px;
    }

        .alter_view .alter_title a {
            color: #40acff;
        }

.alter_row {
    position: relative;
    margin-bottom: 25px;
}

    .alter_row::before {
        content: '';
        position: absolute;
        top: 0;
        left: -15px;
        height: 18px;
        width: 16px;
        background: url(http://dpecogreen.com/Assets/css/images/icon_grid.png) no-repeat;
    }

    .alter_row.right::before {
        left: auto;
        right: -15px;
    }

/* =[Social footer style]
-----------------------------------------------------------------------------*/
#social {
    position: relative;
    padding-top: 15px;
}

    #social span.item {
        font-size: 11.5px;
        color: #fff;
        height: 39px;
        padding-left: 45px;
        padding-right: 50px;
        margin-bottom: 10px;
        display: inline-block;
    }

        #social span.item.facebook {
            background: url(images/icon_facebook.png) no-repeat scroll 0 0;
        }

        #social span.item.youtube {
            background: url(images/icon_youtube.png) no-repeat scroll 0 0;
        }

        #social span.item.faq {
            background: url(images/icon_chat.png) no-repeat scroll 0 0;
        }

        #social span.item a {
            color: #fff;
            text-decoration: none;
        }
/* =[Bottom area style]
-----------------------------------------------------------------------------*/
.line-botom {
    position: absolute;
    height: 35px;
    border: 1px solid #fff;
    border-left: 0;
    border-right: 0;
    width: 100%;
    top: 0;
}

#quick_link {
    position: relative;
}

    #quick_link .link_title {
        position: relative;
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
        color: #fff;
        padding-left: 25px;
        margin-bottom: 15px;
        font-family: 'Segoe UI Light';
        background: url(images/icon_arrow2.png) no-repeat scroll 0 0;
    }

.link_area {
    position: relative;
}

    .link_area li {
        padding-left: 25px;
        padding-bottom: 5px;
    }

        .link_area li a {
            font-size: 12px;
            color: #fff;
        }

/* =[Footer style]
-----------------------------------------------------------------------------*/
footer {
    position: relative;
    position: relative;
    background-color: #71bf44;
}

.padding {
    padding-left: 10px;
}

.padding_v2 {
    padding-left: 25px;
}

footer_::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(34, 51, 102, 0.8);
}

#footer {
    background-color: #71bf44;
}

.footer_v2 li {
    font-size: 12px;
    position: relative;
}

    .footer_v2 li::before {
        background-color: #616161;
        bottom: -4px;
        content: "";
        height: 1px;
        position: absolute;
        transform: scale(0, 1);
        transform-origin: 0 50% 0;
        transition: all 750ms ease 0s;
        width: 100%;
    }

    .footer_v2 li:hover:before {
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
    }

.footer .footer_title {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0 0 15px;
    padding: 0 0 10px;
    color: #71bf44;
    position: relative;
}

    .footer .footer_title:before {
        height: 1px;
        background-color: #71bf44;
        content: '';
        position: absolute;
        width: 30px;
        left: 0%;
        bottom: 3px;
    }

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

    .footer ul li {
        position: relative;
        padding: 0 0 10px;
        text-align: left;
        font-size: 13px;
        line-height: 22px;
        color: #bcc0c4;
    }

        .footer ul li a {
            color: #bcc0c4;
            font-size: 13px;
        }

            .footer ul li a:hover {
                color: #71bf44;
                font-size: 14px;
            }

.footer_brief {
    color: #bcc0c4;
    font-size: 14px;
    line-height: 22px;
    display: block;
    width: 95%;
}

.social_links > li > a {
    display: block;
    width: 30px;
    height: 30px;
    padding-top: 5px;
    color: #fff;
    background-color: #5476a6;
    box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.1);
    transition: all 0.3s;
    text-align: center;
}

.teal {
    margin: 20px 0 10px;
    position: relative;
    border: dashed 1px #fafafa;
    padding: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-style: italic;
    text-align: center;
    display: inline-block;
    font-size: 12px;
}

/*-- sub-footer --*/
.bottom_page {
    background: #e6e6e7 none repeat scroll 0 0;
    color: #58595b;
    padding: 10px 0;
    font-size: 13px;
}

.bottom_address {
    position: relative;
    padding: 0 0 20px;
}

    .bottom_address h5 {
        margin: 0;
        padding: 0 0 5px;
        font-weight: bold;
    }

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

        .bottom_address ul li {
            position: relative;
            padding: 0 0 2px;
            text-align: left;
            font-size: 11.5px;
        }

            .bottom_address ul li a {
                font-size: 13px;
            }

                .bottom_address ul li a:hover {
                    color: #71bf44;
                }
/*-- copyright --*/
.copyright {
    margin: 0;
    padding: 0;
    font-size: 11.5px;
}

    .copyright p {
        margin: 0;
        padding: 5px 0 20px;
    }

    .copyright a {
        color: #fff;
        font-size: 11.5px;
    }

.bottom_help {
    border-top: solid 1px #fff;
    padding: 15px 0 0;
    font-size: 13px;
}
/* =Post style
-----------------------------------------------------------------------------*/
.post {
    position: relative;
}

    .post .post_title_v1 {
        position: relative;
        font-size: 20px;
        margin: 0 0 20px;
        padding: 0 0 10px;
        font-weight: 600;
        color: #5476a6;
    }

        .post .post_title_v1:before {
            height: 2px;
            background-color: #5476a6;
            content: '';
            position: absolute;
            width: 30px;
            left: 0;
            bottom: 0;
        }

    .post p {
        position: relative;
        text-align: justify;
        font-size: 14px;
        line-height: 20px;
    }

/*--.Post list--*/
.post_list {
    position: relative;
}

    .post_list .list_title, .list_title {
        font-size: 17px;
        margin: 20px 0 5px;
        padding: 0;
        font-weight: 400;
        text-align: center;
    }

    .post_list .post_item {
        /*-webkit-animation: bounce 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        animation: bounce 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);*/
    }

    .post_list .list_sub_title {
        font-size: 18px;
        margin: 0 0 10px;
        padding: 0;
        font-weight: 400;
        text-align: left;
    }

    .post_list .btn {
        color: #71bf44;
        padding: 5px 15px;
        margin-top: 10px;
    }

    .post_list .sub {
        font-size: 12px;
    }

/*--.Post grid--*/
.post_grid {
    position: relative;
}

    .post_grid article {
        margin-bottom: 15px;
        text-align: left;
    }

    .post_grid time, time {
        font-size: 11px;
        color: #999;
        font-weight: 300;
        margin: 5px 0 10px;
        display: block;
        text-align: left;
        font-style: italic;
    }

    .post_grid .grid_title {
        margin: 15px 0 5px;
        padding: 0;
        text-align: left;
    }

        .post_grid .grid_title a {
            font-size: 18px;
            line-height: 20px;
            color: #71bf44;
            font-weight: 500;
        }

    .post_grid .grid_title_v2 {
        margin: 0 0 5px;
        padding: 0;
        text-align: left;
    }

        .post_grid .grid_title_v2 a {
            font-size: 13px;
            color: #111;
            font-weight: 500;
        }

            .post_grid .grid_title_v2 a:hover {
                color: #71bf44;
            }

    .post_grid .grid_title_v3 {
        margin: 0 0 20px;
        background: #71bf44;
        padding: 10px 15px;
        text-align: left;
        color: #fff;
        font-size: 18px;
        font-weight: normal;
    }

        .post_grid .grid_title_v3 a {
            font-size: 18px;
            line-height: 20px;
            color: #fff;
            font-weight: 500;
        }

    .post_grid .sub {
        font-size: 13px;
        line-height: 20px;
        text-align: justify;
        padding: 10px 0 5px;
    }

    .post_grid img {
        position: relative;
    }

    .post_grid p {
        padding: 0;
        font-weight: 400;
        text-align: justify;
        color: #555;
    }

        .post_grid p.more {
            text-align: right;
            font-style: italic;
            font-size: 12px;
        }

            .post_grid p.more .fa {
                padding-left: 5px;
            }

/*--.Post grid--*/
.post_grid_v2 {
    position: relative;
    padding-left: 15px;
    border-top: solid 2px #0095da;
    background: #fff;
}

    .post_grid_v2 .col {
        padding-left: 0 !important;
    }

    .post_grid_v2 .title {
        margin: 0;
        padding: 4px 10px 4px 25px;
        text-align: left;
        border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
        background: #0095da url(images/icon_arrow_4r.png) no-repeat scroll 9px 6px;
        display: inline-block;
        min-width: 150px;
        line-height: 22px;
        font-size: 15px;
    }

        .post_grid_v2 .title a {
            font-size: 13px;
            text-transform: uppercase;
            color: #fff;
            font-weight: bold;
        }

    .post_grid_v2 .title_v2 {
        margin: 0;
        padding: 5px 10px 5px 0;
        text-align: left;
        border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
        display: inline-block;
        line-height: 22px;
        font-size: 15px;
    }

        .post_grid_v2 .title_v2 a {
            font-size: 15px;
            text-transform: uppercase;
            color: #71bf44;
            font-weight: 500;
        }

    .post_grid_v2 article {
        display: block;
        text-align: left;
        border-top: solid 2px #0095da;
        border-left: solid 1px #eee;
        border-right: solid 1px #eee;
        background: transparent url(images/bgr_item_grid.png) repeat-x scroll 0 0;
        min-height: 234px;
        width: 100%;
        padding: 15px 20px 0;
    }

        .post_grid_v2 article .notification {
            color: #0095da;
            font-size: 13px;
        }

        .post_grid_v2 article .description {
            color: #58595b;
            font-size: 12px;
        }

            .post_grid_v2 article .description strong {
                font-size: 13px;
                display: block;
            }

.view_item {
    position: relative;
}

    .view_item .btn {
        position: relative;
        display: inline-block;
        background: #d1d2d4;
        font-size: 10.5px;
        color: #fff;
        background: transparent url(images/button_2.png) no-repeat scroll 0 0;
        padding: 1px 5px 0;
        width: 70px;
        height: 19px;
    }

        .view_item .btn:hover {
            background: transparent url(images/button_1.png) no-repeat scroll 0 0;
        }


.post_grid_v3 {
    position: relative;
    margin: 25px 0 0;
}

    .post_grid_v3 .title {
        margin: 0;
        padding: 5px 10px 5px 25px;
        text-align: left;
        border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
        background: #71bf44 url(images/icon_arrow_4r.png) no-repeat scroll 9px 6px;
        display: inline-block;
        min-width: 180px;
        line-height: 22px;
        font-size: 15px;
        color: #fff;
        text-transform: uppercase;
    }

    .post_grid_v3 .col_grid {
        border-top: solid 2px #71bf44;
        border-left: solid 1px #eee;
        border-right: solid 1px #eee;
        text-align: left;
        width: 100%;
        display: block;
        background: #fff;
        padding: 20px;
    }

    .post_grid_v3 .col-md-6 {
        padding-left: 0;
    }

/* =Block style
-----------------------------------------------------------------------------*/
.block {
    position: relative;
}

.block_title {
    position: relative;
    font-size: 20px;
    padding: 0 0 10px 0;
    margin-bottom: 25px;
    text-transform: uppercase;
    color: #40acff;
}

    .block_title:after {
        height: 2px;
        background-color: #40acff;
        content: '';
        position: absolute;
        width: 25px;
        left: 48%;
        bottom: 3px;
    }

.block_title_v2 {
    position: relative;
    font-size: 20px;
    padding: 0 0 10px 0;
    margin-bottom: 25px;
    text-transform: uppercase;
    color: #71bf44;
}

    .block_title_v2:after {
        height: 2px;
        background-color: #71bf44;
        content: '';
        position: absolute;
        width: 25px;
        left: 48%;
        bottom: 3px;
    }

.block_title_v3 {
    position: relative;
    font-size: 28px;
    line-height: 36px;
    font-style: italic;
    letter-spacing: 1.5px;
    font-family: serif;
    color: #fcfcfc;
    margin: 0 0 15px;
    padding: 0 0 10px;
}

.block_title_v3__:after {
    height: 2px;
    background-color: #fcfcfc;
    content: '';
    position: absolute;
    width: 2%;
    left: 48%;
    bottom: 3px;
}

.block_title_v4 {
    position: relative;
    font-size: 22px;
    line-height: 36px;
    letter-spacing: 1.5px;
    color: #71bf44;
    margin: 0 0 15px;
    padding: 0 0 10px;
    text-transform: uppercase;
}

    .block_title_v4:after {
        height: 2px;
        background-color: #71bf44;
        content: '';
        position: absolute;
        width: 4%;
        left: 0;
        bottom: 3px;
    }


.block_title_v5 {
    position: relative;
    font-weight: 400;
    font-size: 36px;
    line-height: 36px;
    letter-spacing: 1.5px;
    color: #fcfcfc;
    margin: 0 0 15px;
    padding: 0 0 10px;
    text-transform: uppercase;
}

.block .block_brief {
    position: relative;
    line-height: 22px;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    opacity: 1;
    -webkit-transition: opacity 0.24s ease-in-out;
    -moz-transition: opacity 0.24s ease-in-out;
    transition: opacity 0.24s ease-in-out;
}

.block_action {
    margin-top: 30px;
}

    .block_action a, .btn_action {
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #fff;
        padding: 13px 30px;
        border: 1px solid #fff;
        -webkit-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
        display: inline-block;
        margin: 0 10px 10px;
    }

        .block_action a:hover, .btn_action:hover {
            color: #fff;
            padding: 13px 30px;
            background: #71bf44;
            border: 1px solid #71bf44;
        }

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

.block li {
    position: relative;
    margin-bottom: 10px;
}

    .block li a {
        padding: 0;
        font-weight: 400;
        color: #313131;
    }


.text_brief {
    font-weight: 200;
    font-style: normal;
    color: #fff;
    font-size: 22px;
    line-height: 1.8;
    letter-spacing: 0px;
}
/*-- Block Ads--*/
.about {
    position: relative;
    text-align: center;
}

    .about p {
        text-align: center;
        padding: 0 90px;
    }

/*-- Block Contact Inline page--*/
.block_contact {
    border: 1px solid #e4e8ed;
    border-radius: 0 30px 0 0;
    -webkit-border-radius: 0 30px 0 0;
    -moz-border-radius: 0 30px 0 0;
    border-bottom: 4px solid #71bf44;
    padding: 40px 15px 0;
    margin: 30px 0 15px;
    position: relative;
}

    .block_contact .block_header {
        position: relative;
        position: absolute;
        left: 0;
        top: -20px;
    }

        .block_contact .block_header span {
            display: inline-block;
            text-align: center;
            background-color: #42b574;
            -moz-border-radius: 30px;
            -webkit-border-radius: 30px;
            border-radius: 30px;
            position: relative;
            padding: 7px 50px;
            text-align: center !important;
            color: #fff;
            font-size: 18px;
            font-weight: 400;
            line-height: 30px;
            text-transform: uppercase;
        }

            .block_contact .block_header span::before, .block_contact .block_header span::after {
                content: '';
                width: 7px;
                height: 7px;
                background-color: #fff;
                -moz-border-radius: 100%;
                -webkit-border-radius: 100%;
                border-radius: 100%;
                position: absolute;
                top: 45%;
            }

            .block_contact .block_header span::before {
                left: 5%;
            }

            .block_contact .block_header span::after {
                right: 5%;
            }

    .block_contact .company {
        font-size: 18px;
        text-transform: uppercase;
        color: #71bf44;
    }

.post .post_content .block_contact ul {
    padding-bottom: 6px;
    list-style: none;
}

    .post .post_content .block_contact ul li {
        padding-bottom: 6px;
    }

        .post .post_content .block_contact ul li span {
            font-weight: 600;
            display: inline-block;
            padding-right: 15px;
        }

.post .post_content .notice {
    color: #71bf44;
    font-size: 16px;
    font-weight: 600;
}
/*-- Block Ads--*/
.block_tab {
    position: relative;
}

/*--.Block col--*/
.block_col {
    position: relative;
    background: #fff;
    border: solid 1px #eaeaea;
    margin: 0 0 25px;
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
}

    .block_col .block_content {
        font-size: 14px;
    }

    .block_col .article {
        margin: 40px 0 0;
    }

.article {
    position: relative;
    padding: 0 0 15px;
}

    .article .article_title {
        margin-bottom: 10px;
    }

        .article .article_title a {
            font-size: 18px;
            color: #80BA41;
        }

    .article .meta_data {
        font-size: 13px;
        margin: 20px 0 15px;
        text-align: justify;
        line-height: 20px;
    }

        .article .meta_data p {
            color: #8a8686;
        }

.lnk_viewmore {
    float: right;
    margin: 5px 0px 0px;
    background: #39AC37 none repeat scroll 0% 0%;
    color: #FFF;
    font-style: italic;
    font-size: 12px;
    line-height: 12px;
    border-radius: 3px;
    overflow: hidden;
    padding: 3px 8px;
}

/*--.Block Ads--*/
.col_ads {
    padding: 0;
    margin: 0 0 25px;
    text-align: center;
}

.col_title {
    position: relative;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 1.5px;
    color: #71bf44;
    margin: 0 0 15px;
    padding: 15px 0 5px;
    text-transform: uppercase;
}

    .col_title:after {
        height: 2px;
        background-color: #71bf44;
        content: '';
        position: absolute;
        width: 6%;
        left: 46%;
        bottom: 3px;
    }

.col_ads a.button {
    display: inline-block;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    background: #71bf44;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 12px 45px;
}

.col_ads_v2 {
    background: #0095da;
    padding-left: 15px;
    padding-top: 8px;
    padding-bottom: 5px;
    position: relative;
}

    .col_ads_v2 .a_thumb {
        margin-right: 10px;
        float: left;
        width: 60px;
    }

    .col_ads_v2 .a_content {
        color: #fff;
        margin-left: 10px;
    }

        .col_ads_v2 .a_content .a_title {
            font-size: 18px;
            font-weight: bold;
            color: #fff;
            text-transform: uppercase;
        }

            .col_ads_v2 .a_content .a_title a {
                color: #fff;
            }
/*--.Micellanous--*/
.highlight {
    background-color: #f3f3f3;
    padding: 20px 25px;
}

.ads {
    background-color: #f3f3f3;
    padding: 0 25px 20px;
}

.text-upper {
    text-transform: uppercase;
}

.blue {
    color: #71bf44;
}

.green {
    color: #71bf44;
}

.red {
    color: #d82717;
}

.yellow {
    color: #5476a6;
}

.brown {
    color: #868383;
}

.white {
    color: #f4f4f4;
}

.bg-yellow {
    background-color: #fff;
    border: solid 1px #71bf44;
}

.bg-brown {
    background-color: #eee;
}

.border {
    border-left: 1px solid #afafaf;
    padding-left: 15px;
}

.bottom {
    position: absolute;
    left: 0;
    bottom: 0;
}

.ui-to-top {
    background: transparent none repeat scroll 0 0;
    bottom: 10px;
    color: #1e1e1e;
    font-size: 22px;
    font-weight: bold;
    height: 40px;
    position: fixed;
    right: 10px;
    text-align: center;
    text-decoration: none;
    width: 40px;
    z-index: 1000;
    display: none;
}
/* =Support
-----------------------------------------------------------------------------*/
.support {
    position: relative;
    margin-top: 80px;
}

    .support .title_support {
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 10px;
    }

    .support li {
        font-size: 13px;
        color: #616161;
    }

.support_v2 p {
    margin-bottom: 3px;
    color: #58595b;
}

.support_v2 ul {
    margin-top: 32px;
    color: #58595b;
    font-style: italic;
    font-size: 13px;
}

    .support_v2 ul a {
        color: #58595b;
    }

/* =Widget
-----------------------------------------------------------------------------*/
.widget {
    position: relative;
    padding: 15px 15px 10px;
    margin-bottom: 15px;
    border-radius: 0 0 9px 9px;
}

    .widget .widget_title {
        position: relative;
        font-size: 18px;
        padding: 0 0 10px 0;
        margin: 0 0 20px;
        text-align: left;
        color: #0095da;
        text-transform: uppercase;
    }

        .widget .widget_title.right {
            text-align: right;
        }

        .widget .widget_title:after {
            height: 2px;
            background-color: #0095da;
            content: '';
            position: absolute;
            width: 25px;
            left: 0%;
            bottom: 3px;
        }

        .widget .widget_title.right:after {
            left: 89%;
            bottom: 3px;
        }

    .widget .widget_title_v2 {
        margin: 0;
        padding: 0 10px 0 25px;
        text-align: left;
        border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
        background: #71bf44 url(images/icon_arrow_4r.png) no-repeat scroll 9px 6px;
        display: inline-block;
        min-width: 190px;
        line-height: 30px;
        font-size: 13px;
        color: #fff;
    }

        .widget .widget_title_v2 a {
            font-size: 13px;
            text-transform: uppercase;
            color: #fff;
            font-weight: bold;
        }

    .widget.support_v2 {
        background: #fff url(images/support.png) no-repeat scroll left bottom;
        text-align: right;
        border: solid 1px #0095da;
    }

    .widget.widget_tab {
        position: relative;
        padding: 0;
        margin-bottom: 15px;
        border-radius: 0 0 9px 9px;
    }

        .widget.widget_tab .widget_title {
            position: relative;
            font-size: 16px;
            padding: 0 15px;
            margin: 0;
            text-align: left;
            text-transform: uppercase;
            background: #71bf44;
            color: #58595b;
            line-height: 36px;
        }

            .widget.widget_tab .widget_title:after {
                display: none;
            }

        .widget.widget_tab ul {
            padding: 0 15px;
        }

            .widget.widget_tab ul li {
                border-bottom: dashed 1px #aeaeae;
                padding-bottom: 5px;
                margin-bottom: 5px;
            }

                .widget.widget_tab ul li:last-child {
                    border-bottom: none;
                }

            .widget.widget_tab ul a {
                font-size: 14px;
                color: #58595b;
            }

            .widget.widget_tab ul time {
                font-size: 12px;
                color: #888;
                font-style: italic;
            }

    .widget.widget_tab_v2 {
        position: relative;
        padding: 0;
        margin-bottom: 15px;
        border-radius: 0 0 9px 9px;
    }

        .widget.widget_tab_v2 ul {
            padding: 10px 15px 5px;
            background: #fff;
            border: solid 1px #eeeeef;
            border-top: solid 2px #71bf44;
        }

            .widget.widget_tab_v2 ul li {
                border-bottom: solid 1px #f8f8f9;
                padding-bottom: 6px;
                margin-bottom: -3px;
            }

                .widget.widget_tab_v2 ul li:last-child {
                    border-bottom-color: transparent;
                }

            .widget.widget_tab_v2 ul a {
                font-size: 14px;
                color: #58595b;
            }

            .widget.widget_tab_v2 ul time {
                font-size: 12px;
                color: #888;
                font-style: italic;
            }

.top_read {
    position: relative;
}

    .top_read .item_image {
        float: left;
        width: 30%;
        border: solid 1px #eaeced;
    }

        .top_read .item_image.thumbnail {
            margin-bottom: 0;
        }

    .top_read .top_title {
        padding-left: 36%;
    }

.widget .top_title_v2 {
    background: transparent url(images/icon_ex_1.png) no-repeat scroll 0 0;
    font-size: 17px;
    padding: 0 0 0 50px;
    margin: 0;
    text-align: left;
    line-height: 42px;
}

.widget.widget_tab_v2 ul .top_title_v2 a {
    color: #71bf44;
}
/* =Breadcrumb
-----------------------------------------------------------------------------*/
.breadcrumb {
    padding: 0;
    margin-bottom: 15px;
    list-style: none;
    background-color: transparent;
    border-bottom: solid #eee 1px;
    font-size: 11px;
}

/* =Post details
-----------------------------------------------------------------------------*/
/* content post */
.post .post_title, .post_title {
    position: relative;
    padding-bottom: 5px;
    text-align: left;
    margin: 0;
    margin-bottom: 20px;
    color: #0095da;
    font-size: 24px;
    font-weight: bold;
}

    .post .post_title a, .post_title a {
        color: #0095da;
    }

    .post .post_title__:after, .post_title__:after {
        height: 2px;
        background-color: #0095da;
        content: '';
        position: absolute;
        width: 24px;
        left: 0%;
        top: 100%;
    }

.post .sub_title, .sub_title {
    position: relative;
    padding-bottom: 10px;
    text-align: left;
    margin: 0;
    margin-bottom: 10px;
    color: #0095da;
    font-size: 20px;
}

    .post .sub_title a, .sub_title a {
        color: #0095da;
    }

    .post .sub_title:after, .sub_title:after {
        height: 2px;
        background-color: #0095da;
        content: '';
        position: absolute;
        width: 20px;
        left: 0%;
        top: 100%;
    }

.post cufon {
    height: 20px !important;
}

.post .post_content {
    color: #555;
    text-align: justify;
    font-size: 15px;
    line-height: 24px;
    margin: 1.2em 0;
}

    .post .post_content h2, .post .post_content h3, .post .post_content h4 {
        font-size: 15px;
    }

    .post .post_content p {
        color: #3a3a3a;
        text-align: justify;
        font-size: 15px;
        line-height: 24px;
        padding: 3px 0;
        margin: 0 0 .3em !important;
    }

    .post .post_content b span {
        font-weight: bold;
        font-size: 15px;
        line-height: 24px;
    }

    .post .post_content u {
        text-decoration: underline !important;
    }

    .post .post_content i {
        font-style: italic !important;
    }

    .post .post_content span {
        font-weight: 400;
        font-size: 15px;
        line-height: 24px;
    }

    .post .post_content div, .post .post_contentdiv font, .post .post_content p, .post .post_content font, .post .post_content p font, .post .post_content span, .post .post_content i {
        font-size: 14px;
        line-height: 24px;
    }

    .post .post_content ul {
        margin: 0 0 1em;
        padding: 0;
        color: #58595b;
    }

    .post .post_content li {
        margin: 0;
        background: transparent;
        padding: 0 0 0.3em 0em;
    }

    .post .post_content p.notification {
        font-weight: 400 !important;
        color: #0095da;
        font-size: 16px !important;
        margin: 0 0 20px;
    }

    .post .post_content table {
        margin: 0 0 1.5em 0 !important;
    }

.post img {
    max-width: 100% !important;
    height: auto !important;
}

.post .post_content table td {
    padding: 5px;
    border: solid 1px #aeaeae;
}

.post_date {
    display: block !important;
    color: #999;
    font-size: .7em;
    font-style: italic;
    margin: .9em 0;
}

.addthis {
    display: block;
}


.payment_infor {
    border: solid 1px #eaeaea;
    padding: 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

/* relative posts */
.post_relative {
    position: relative;
    margin: 3em 0 .65em;
}

    .post_relative .relative_title {
        font-size: 18px;
        font-weight: normal;
        text-transform: uppercase;
        margin-bottom: 25px;
        padding-bottom: 10px;
        position: relative;
        color: #0095da;
    }

        .post_relative .relative_title a {
            color: #0095da;
        }

        .post_relative .relative_title:after {
            height: 3px;
            background-color: #0095da;
            content: '';
            position: absolute;
            width: 30px;
            left: 0%;
            top: 100%;
        }

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

        .post_relative ul li {
            background: transparent url(images/icon/icon-nav.gif) no-repeat scroll 0 9px;
            padding: 0 0 .6em;
        }

            .post_relative ul li a {
                color: #58595b;
                padding-left: 1em;
                font-size: 15px;
                text-decoration: none;
            }

            .post_relative ul li:hover {
                background: transparent url(images/icon/icon-nav.gif) no-repeat scroll 0 9px;
            }

            .post_relative ul li a:hover {
                color: #619B2A;
            }

.relative_list {
    position: relative;
    border: #eaeaec solid 1px;
    margin: 25px 0 0;
    padding: 20px 5px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

    .relative_list .item img {
        min-height: 136px;
        margin-bottom: 15px;
    }

    .relative_list .item .item_title {
        min-height: 46px;
        font-size: 15px;
    }

    .relative_list .item .item_title_v2 {
        min-height: 46px;
        font-size: 15px;
    }
/*  faq list style*/
dl.nav-lst {
    list-style: none outside none;
    margin: 0 0 0 .8em;
    padding: 0;
}

    dl.nav-lst dt b {
        background: none repeat scroll 0 0 #fff;
        color: #363a3d;
        display: block;
        padding: 3px 2px;
    }

    dl.nav-lst dt, dl.nav-lst dd {
        display: block;
        list-style: none outside none;
        margin: 0;
        padding: 0 0 .8em;
        font-style: italic;
        font-size: .9em;
    }

.incr-faqs {
    font-weight: bold;
    font-size: 13px;
    color: #26292e;
    background: transparent;
    padding: .2em .3em;
    margin: 0 .3em 0 0;
}
/*  tag Option */
.tagContent {
    margin: 1.2em 0 0;
    position: relative;
    text-align: left;
    display: block !important;
}

.tag {
    height: 23px;
    position: absolute;
    vertical-align: middle;
    width: 40px;
}

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

    .tagContent ul li {
        padding: 0;
        margin: 0;
        display: inline;
    }

        .tagContent ul li a {
        }

.tag-pos {
    background-color: #fafafa;
    margin-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 100%;
}

.tag-text {
    color: #666;
    font-weight: normal;
    margin: 0 0 0 50px;
    padding: 0;
    font-size: inherit;
    line-height: inherit;
    text-align: justify;
}

    .tag-text a {
        color: #666;
        font-family: 'Roboto Condensed', sans-serif, Myriad Pro, Arial;
        font-size: 12px;
        text-decoration: none;
    }

.view-tag {
    position: relative;
    margin: 0 0 30px;
}

.folder-top-tag {
    background: url(images/icon/folder-top.gif) repeat-x scroll center top #FFFFFF;
    border-left: 1px solid #E3E3E4;
    margin-bottom: 0;
    padding: 10px 10px 5px;
}

.link-title {
    color: #666;
    font: bold 13px 'Roboto Condensed', sans-serif, Myriad Pro, Arial;
    text-decoration: none;
}
/* option view */
.option {
    margin: 25px 0 30px;
    padding-bottom: 15px;
    text-align: right;
    font-size: 11px !important;
    display: block !important;
}

    .option a:hover, .option a:visited {
        text-decoration: none;
        color: #666;
    }

.a-option {
    color: #666;
    text-decoration: none;
    font-size: 11px;
    font-family: Tahoma;
}

.icon-view {
    background: transparent url(images/icon/view.gif) no-repeat scroll 4px 50%;
}

.icon-home {
    background: transparent url(images/icon/home.gif) no-repeat scroll 4px 50%;
}

.icon-back {
    background: transparent url(images/icon/back.gif) no-repeat scroll 4px 50%;
}

.icon-top {
    background: transparent url(images/icon/top.gif) no-repeat scroll 4px 50%;
}

.span-option {
    text-decoration: none;
    border: 0 solid #DDDDDD;
    margin: 0;
    padding: 3px 3px 3px 20px;
    color: #666;
    font-family: Tahoma;
}
/* items  */
.item_list {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .item_list li {
        display: block;
        margin: 0 10px 0 0px;
    }

        .item_list li:hover {
            background: #fff8f4;
        }

        .item_list li a {
            display: block;
            font-size: 15px;
            color: #555;
            padding: 6px 0;
            font-style: italic;
        }

.item_list_v2 {
    position: relative;
}

    .item_list_v2 li {
        position: relative;
        border-bottom: 1px solid #ededed;
        padding-bottom: 0;
        margin-bottom: 20px;
    }

        .item_list_v2 li .col-md-3 {
            padding-left: 0;
            padding-right: 0;
        }

    .item_list_v2 p {
        padding: 0;
        font-weight: 400;
        text-align: justify;
    }


article.item a.item_title {
    display: block;
    font-size: 16px;
    color: #71bf44;
    padding: 0;
}

article.item p {
    padding: 0;
    font-weight: 400;
    text-align: justify;
    font-size: 13px;
}

    article.item p.more {
        display: inline-block;
        text-align: right;
        font-style: italic;
        float: right;
        background: transparent url(images/button_2.png) no-repeat scroll 100% 0;
    }

        article.item p.more a {
            display: block;
            font-size: 11px;
            color: #fff;
            font-style: italic;
            padding: 0 12px;
        }

        article.item p.more .fa {
            padding-left: 5px;
        }


.item_v2 {
    position: relative;
    border: solid 1px #71bf44;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

    .item_v2 h2 {
        min-height: 46px;
    }

    .item_v2 .article_short {
    }

    .item_v2 .item_title {
        display: block;
        font-size: 20px;
        color: #71bf44;
        padding: 0;
        margin: 0 0 15px;
    }

    .item_v2 .item_title_v2 {
        font-size: 15px;
        display: block;
        margin: 10px 0 15px;
        text-align: center;
    }

    .item_v2 .btn {
        display: inline-block;
        font-size: 12px;
        color: #fff;
        padding: 5px 10px;
        margin: 15px 0;
    }

/* owl items  */
.art_owl {
    position: relative;
    margin: 40px 0 20px;
}


/* category  */
.category {
    margin-bottom: 20px;
    padding-left: 10px;
    border-left: 5px solid #e6e6e6;
}

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

        .category ul li {
            display: block;
            margin: 0 10px 0 0;
        }

            .category ul li:hover {
                background: #fff8f4;
            }

            .category ul li a {
                display: block;
                font-size: 16px;
                color: #555;
                border-bottom: 1px solid #eee;
                padding: 6px 0;
            }
/* =Pagination
-----------------------------------------------------------------------------*/
.pagenav {
    clear: both;
    position: relative;
    text-align: right;
    margin: 1.5em 0 0;
    padding: .5em 0;
    font-size: 14px;
    color: #727272;
}

    .pagenav img {
        vertical-align: bottom;
    }

    .pagenav a {
        color: #e11f22;
        font: normal 13px/22px 'Roboto Condensed', sans-serif, Tahoma;
        padding: 4px 2px 4px;
    }

        .pagenav a:hover {
        }

    .pagenav a, .pagenav .number, .pagenav .page-numbers {
        text-decoration: none;
        text-align: center;
        float: none;
    }

    .pagenav b {
        color: #feffff;
        background: #ed1c24;
        padding: .1em .5em;
        font: normal 12px/22px 'Roboto Condensed', sans-serif, Tahoma;
    }

    .pagenav span {
        padding: 0px 3px;
    }

.clr-padd {
    padding: 0 !important;
}

    .clr-padd a {
        padding: 0 !important;
        background: none !important;
        width: 22px !important;
    }

/* =Forms
-----------------------------------------------------------------------------*/
.frm-contact {
    position: relative;
    text-align: left;
    font-size: 1em;
    padding: 0;
    margin: 0 0 30px;
}

    .frm-contact p {
        color: #6d6e72;
        font: normal 1em/1.2em 'Roboto Condensed', sans-serif, Myriad Pro, Arial;
        text-decoration: none;
        padding: 0 0 .5em;
    }

        .frm-contact p.showing_form {
            padding: 10px 0 0;
            margin: 0 0 15px;
            color: #58595b;
            font-size: 14px;
        }

    .frm-contact ul {
        text-align: left;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .frm-contact ul li {
            margin: 0 0 .3em;
        }

    .frm-contact .label {
        font: normal 13px/20px 'Roboto Condensed', sans-serif, Myriad Pro, Arial;
        background: none;
        text-align: left;
        padding: 0 0 .2em;
        text-transform: none;
        display: block;
        color: #474747;
    }

    .frm-contact input, .frm-contact area {
        font: normal 13px/20px 'Roboto Condensed', sans-serif, Myriad Pro, Arial;
        text-transform: none;
        color: #474747;
    }

    .frm-contact .input-large {
        width: 100%;
        height: 30px;
        border: solid 1px #ddd;
        background: transparent;
    }

    .frm-contact .area-xlarge {
        height: 144px;
        border: solid 1px #ddd;
        background: transparent;
        width: 100%;
    }

.bgr-button {
    color: #fff !important;
    background: #619B2A;
    float: left;
    font: bold 13px/24px 'Roboto Condensed', sans-serif, Myriad Pro, Arial;
    text-decoration: none;
    text-align: center;
    width: 75px;
    margin-right: .8em;
    padding: 0 12px;
    height: 24px;
    border: none !important;
}
/* =Button
-----------------------------------------------------------------------------*/

/* =Animation
-----------------------------------------------------------------------------*/
#scrollPage {
    display: block;
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -16px;
    width: 34px;
    height: 66px;
    cursor: pointer;
    z-index: 9998;
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-animation-name: anim-subnav;
    animation-name: anim-subnav;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

#scrollPageWow {
    display: block;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -16px;
    width: 64px;
    height: 54px;
    cursor: pointer;
    z-index: 1;
    -webkit-animation-name: anim-subnav;
    animation-name: anim-subnav;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

.animating {
    animation: 1s linear 0s normal none infinite running pulse;
}


/* =Media Queries Bootstrap 3 - Mobi first
-----------------------------------------------------------------------------*/
/* Extra Small Devices, Phones */
@media (max-width:767px) {

    .navbar {
        margin-bottom: 15px;
        margin-top: 15px;
        padding-bottom: 15px;
        border-bottom: solid 1px #0095da;
    }

    .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
        padding-top: 10px;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: none;
    }

    #logo.navbar-brand {
        padding: 0;
    }

        #logo.navbar-brand img {
            height: 55px;
        }
    /* Icon bar */
    .icon {
        position: relative;
        background-position: 20px 8px;
    }

        .icon.home, .icon.about, .icon.news, .icon.product, .icon.contact, .icon.faq {
            background-position: 15px 8px;
        }

    .navbar-nav > li {
        padding: 0 15px 0 50px;
    }

    .sub_header {
        position: relative;
        width: 100%;
        text-align: center;
    }

    .cart-home {
        display: inline-block;
        margin-top: 10px;
        text-align: center;
        float: none;
    }

        .cart-home a:first-child {
            padding-left: 0;
        }

    .main-nav > li > a:before {
        content: none;
    }

    .fright.r_context {
        display: none;
    }

    .sticker_content {
        display: none;
    }

    .scroller .items img {
        height: 108px;
    }
}

/* Small Devices, Tablets */
@media (min-width:768px) {
    .navbar-nav > li {
        position: relative;
        padding: 0 5px 0 30px;
    }

    .navbar-default .navbar-nav > li > a {
        font-size: 12px;
    }

    .sub_header {
        width: 72%;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .navbar {
        margin-bottom: 55px;
    }

    .scroller .items img {
        height: 124px;
    }
}

/* Medium Devices, Desktops */
@media (min-width:992px) {
}

/* Large Devices, Wide Screens */
@media (min-width:1200px) {
    .navbar {
        margin-bottom: 35px;
    }

    .navbar-nav > li {
        position: relative;
        padding: 0 15px 0 32px;
    }

    .navbar-default .navbar-nav > li > a {
        font-size: 14px;
    }

    .sub_header {
        width: 66%;
    }

    .scroller .items img {
        height: 69px;
    }

    .scroller .items {
        padding: 15px 25px;
    }
}

/* =Keyframe Customer
-----------------------------------------------------------------------------*/
@-webkit-keyframes anim-subnav {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
        opacity: 1;
    }

    50% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
        opacity: .4;
    }

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

@keyframes anim-subnav {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
        opacity: 1;
    }

    50% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
        opacity: .4;
    }

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


/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

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

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

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

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

    100% {
        opacity: 0;
    }
}

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

    100% {
        opacity: 0;
    }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}