/*
Theme Name: BoldPersonals 
Version: 2.0.5
*/
/*
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file. You have been warned! :)
*/

body {
    font: 14px/1.5 'Arvo', serif;
    font-family: 'Arvo', serif;
    color: #505050;
    line-height: 25px;
    background-color: #ececec;
}

:focus {
    outline: none;
}

input[type="submit"] {
    cursor: pointer;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 15px;
}

/* For safari */
body:first-of-type h1,
body:first-of-type h2,
body:first-of-type h3,
body:first-of-type h4,
body:first-of-type h5,
body:first-of-type h6 {
    font-weight: 500;
}

h1 {
    font-size: 24px;
}

h2 {
    font-size: 22px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

a {
    text-decoration: none;
    color: #0c5b7f;
}

a:hover {
    color: #309ed1;
}

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, figure {
    margin-bottom: 20px;
}

.wrapper {
    margin: 0px auto;
    padding-top: 9px;
    background-color: #fff;
}

.header .logo img {
    max-width: 750px;
    height: auto;
}

.header .post_add_btn {
    float: right;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 50px;
}

.header .post_add_btn .btn_left {
    background: url('images/btn-left.png') no-repeat;
    width: 5px;
    height: 49px;
    display: inline-block;
    float: left;
}

.header .post_add_btn .btn_center {
    background: url('images/btn-center.png') repeat-x;
    height: 49px;
    display: inline-block;
    float: left;
    padding-right: 8px;
    padding-left: 8px;
}

.header .post_add_btn .btn_right {
    background: url('images/btn-right.png') no-repeat;
    width: 34px;
    height: 49px;
    display: inline-block;
    float: left;
}

.header .post_add_btn:hover .btn_left {
    background: url('images/btn-left-hover.png') no-repeat;
}

.header .post_add_btn:hover .btn_center {
    background: url('images/btn-center-hover.png') repeat-x;
    display: inline-block;
    max-width: 200px;
}

.header .post_add_btn:hover .btn_right {
    background: url('images/btn-right-hover.png') no-repeat;
}

.top_header #user_acces {
    float: right;
    margin-bottom: 4px;
}

.top_header #user_acces li {
    display: inline-block;
    margin-left: 15px;
}

.top_header #user_acces li.login {
    background: url('images/login-key.png') left no-repeat;
    padding-left: 12px;
}

.top_header #user_acces li.dashboard {
    background: url('images/dashboard-icon.png') left no-repeat;
    padding-left: 18px;
}

.top_header #user_acces li.logout {
    background: url('images/logout-icon.png') left no-repeat;
    padding-left: 18px;
}

.top_header #user_acces li a {
    color: #878584;
}

/* #Header Ad
================================================== */
.header-ad {
    margin-top: 36px;
}

.header-ad img {
    max-width: 100%;
    max-height: auto;
}

/*==============================================================*/
/* Menus */
/*==============================================================*/
.menu_wrapper {
    background: url('images/menu-bg.png') #134f92 repeat-x;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 30px;
    margin-top: 25px;
}

#menu {
    position: relative;
    z-index: 1000;
}

#menu li {
    font-size: 13px;
    background: none;
    margin: 0 3px 0 0;
    padding: 0;
}

#menu li a {
    position: relative;
    float: left;
    color: #fff;
    text-align: center;
    text-decoration: none;
    margin: 0;
    padding: 5px 0;
    padding-right: 18px;
}

#menu li:first-child a {
    padding-left: 15px !important;
}

#menu .ddsmoothmenu li:last-child {
    background-image: none;
}

#menu li.current-menu-item a,
#menu li.current-menu-parent a,
#menu li.current_page_parent a,
#menu li a.selected, #menu li a:hover {
    margin: 0;
    padding: 5px 0;
    padding-right: 18px;
}

#menu li li a, #menu li li a.selected,
#menu li li a:hover {
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0;
}

#menu li.current-menu-item a:hover,
#menu li.current-menu-parent a:hover,
#menu li.current_page_parent a:hover,
#menu li a:hover.selected {
    text-decoration: none;
}

#menu .ddsmoothmenu {
    list-style: none;
    position: relative;
    z-index: 10000;
    margin: 8px 0 0;
    padding: 0;
}

#menu .ddsmoothmenu li > ul {
    list-style-type: none;
}

#menu .ddsmoothmenu li > ul li > ul {
    margin-top: 1px;
}

#menu .ddsmoothmenu li {
    position: relative;
    display: inline;
    float: left;
    background: url('images/menu-line.png') no-repeat right;
    margin-right: 20px;
}

#menu .ddsmoothmenu li li {
    font: 12px Arial, Helvetica, sans-serif !important;
    text-transform: capitalize;
    background: #17569b;
    background-image: none;
    color: #FFF;
    margin: 0;
    padding: 0;
}

#menu .ddsmoothmenu li li a {
    width: 130px;
    height: auto;
    float: none;
    display: block;
    text-align: left;
    color: #FFF;
    text-shadow: none;
    text-decoration: none;
    background: none;
    position: relative;
    border-top: 1px solid rgba(0, 0, 255, 0.1);
    margin: 0;
    padding: 10px 18px;
}

#menu .ddsmoothmenu li li a:after {
    width: 100%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

#menu .ddsmoothmenu li li li li:last-child a,
#menu .ddsmoothmenu li li li li:last-child a:after {
    border-top: none;
}

#menu .ddsmoothmenu li li:last-child a:after {
    width: 100%;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 1px solid rgba(0, 0, 255, 0.1);
}

* html #menu .ddsmoothmenu li li a {
    display: inline-block;
}

#menu .ddsmoothmenu li li a:link,
#menu .ddsmoothmenu li li a:visited {
    color: #fff;
}

#menu .ddsmoothmenu li li a.selected,
#menu .ddsmoothmenu li li a:hover {
    background: #1762b6;
}

#menu .ddsmoothmenu li ul {
    position: absolute;
    left: 0;
    display: none;
    visibility: hidden;
}

#menu .ddsmoothmenu li ul li {
    display: list-item;
    float: none;
}

#menu .ddsmoothmenu li ul li ul {
    padding-top: 0;
    background: none;
    top: 0;
    margin-top: 0;
}

* html .ddsmoothmenu {
    height: 1%;
}

.downarrowclass {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    top: 0;
    right: 0;
    display: none !important;
}

.rightarrowclass {
    display: block;
    width: 5px;
    height: 7px;
    position: absolute;
    margin-top: -3px;
    top: 50%;
    right: 8px;
}

.ddshadow {
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

/*==============================================================*/
/* Advance Search */
/*==============================================================*/
.search_wrapper {
    background-color: #f2f0f0;
    padding: 22px 0;
    padding-top: 35px;
}

.search_wrapper .search_item {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: inset 0 9px 9px -5px #dfdddd;
    -webkit-box-shadow: inset 0 9px 9px -5px #dfdddd;
    box-shadow: inset 0 9px 9px -5px #dfdddd;
    background-color: #fff;
    width: 265px;
    float: left;
    padding: 14px 8px;
    margin-right: 20px;
    font-size: 14px;
    text-align: center;
    border: 1px solid #dfdddd
}

.search_wrapper .search_item.first {
    background-image: url('images/lence.png');
    background-repeat: no-repeat;
    background-position: 10px center;
}

.search_wrapper .search_item.first input[type="text"] {
    margin-left: 25px;
    width: 200px;
    font-size: 14px;
    border: none;
}

.search_wrapper .search_item.second {
    position: relative;
    padding: 10px 0;
}

.search_wrapper .search_item.second select {
    width: 220px;
    color: #c6c6c6;
    font-size: 14px;
    border: none;
    background: transparent url('images/select-arrow.png') right no-repeat;
    -webkit-appearance: none;
}

.search_wrapper .search_item.second span.select {
    position: absolute;
    top: 5px;
    float: left;
    left: 0;
    width: 220px;
    line-height: 26px;
    background: url('images/select-arrow.png') right no-repeat;
    cursor: default;
}

.search_wrapper .search_item.third {
    width: 320px;
    margin-right: 0;
    float: right;
    position: relative;
    text-align: left;
    background-image: url('images/loc.png');
    background-repeat: no-repeat;
    background-position: 10px center;
}

.search_wrapper .search_item.third input[type="text"] {
    border: none;
    background: transparent;
    margin-left: 30px;
}

.search_wrapper .search_item.third .search_submit {
    background: url('images/search-button.png') no-repeat 0 0;
    width: 87px;
    height: 39px;
    border: none;
    color: #fff;
    text-shadow: 0 1px 0 #769a31;
    font-size: 14px;
    position: absolute;
    right: 3px;
    top: 3px;
    text-transform: uppercase;
}

.search_wrapper .search_item.third .search_submit:hover {
    background: url('images/search-button.png') no-repeat 0 -44px;
}

.sidebar #searchform,
.content #searchform {
    position: relative;
    background: url('images/single-search.png') no-repeat;
    width: 240px;
    height: 24px;
    margin-bottom: 20px;
}

.sidebar #searchform input[type="text"],
.content #searchform input[type="text"] {
    margin-left: 5px;
    background: transparent;
    width: 188px;
    height: 16px;
    border: none;
    padding-left: 5px;
    padding-top: 4px;
    color: #a7aabc;
}

.sidebar #searchform input[type="submit"],
.content #searchform input[type="submit"] {
    background: url('images/s-search-icon.png') no-repeat;
    width: 12px;
    height: 12px;
    border: none;
    position: absolute;
    right: 10px;
    top: 5px;
}

/* === DROPKICK CSS === */
/* One container to bind them... */
.search_wrapper .search_item .dk_container {
    font-size: 14px; /*changed to ems*/
    /*changed to ems*/
    white-space: nowrap; /*added this so that everything stays neatly on one line*/
    margin-bottom: 0;
}

.search_wrapper .search_item .dk_container:focus {
    outline: 0;
}

.search_wrapper .search_item .dk_container a {
    cursor: pointer;
    text-decoration: none;
    color: #9e9e9e;
}

.search_wrapper .search_item .dk_container a:hover {
    color: #309ed1;
}

/* Opens the dropdown and holds the menu label */
.search_wrapper .search_item .dk_toggle {
    background: url('images/select-arrow.png') 95% 5px no-repeat; /*changed to ems*/
    display: block;
    width: 100%;
    user-select: none;
    text-align: left;
}

.search_wrapper .search_item .dk_toggle,
.search_wrapper .search_item .dk_toggle:hover {
    color: #9e9e9e;
}

.search_wrapper .search_item .dk_toggle .dk_label {
    margin-left: 15px;
}

/* Applied whenever the dropdown is open */
.search_wrapper .search_item .dk_open {
    z-index: 10;
}

.search_wrapper .search_item .dk_open .dk_toggle {
    background: url('images/select-arrow.png') 95% 5px no-repeat;
    /*REMOVES ARROW IMAGE*/
    /*changed to ems*/
    z-index: 30;
}

.search_wrapper .search_item .dk_open .dk_toggle:after {
    /*I've removed a load of styles here, as they're all inherited from .dk_toggle:after */
    color: #9e9e9e;
    text-shadow: 0 0 .05em #272a2c; /*changed to ems*/
}

.search_wrapper .search_item .dk_options {
    margin-top: 8px;
}

.search_wrapper .search_item .dk_options a {
    padding: 0 1em;
    line-height: 2.5em; /*added this instead of the padding top/bottom. we can now calculate it exactly */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.search_wrapper .search_item .dk_options li {
    background-color: #fbfbfb;
}

.search_wrapper .search_item .dk_options li:first-child {
    display: none;
}

.search_wrapper .search_item .dk_options li {
    border-bottom: 1px solid #e8e8e8;
}

.search_wrapper .search_item .dk_options li:last-child #divider {
    display: none;
}

.search_wrapper .search_item .dk_options a:hover,
.search_wrapper .search_item .dk_option_current a {
    text-decoration: none;
    text-shadow: 0 .05em 0 #282b2e; /*change to ems*/
}

/* Inner container for options, this is what makes the scrollbar possible. */
.search_wrapper .search_item .dk_options_inner {
    background-color: #fbfbfb;
    color: #a2a8ad;
    /*max-height: 250px;				I've gotten rid of this */
    text-shadow: #282b2e 0 .05em 0; /*change to ems*/
    border-radius: 0 0 .4em .4em;
    max-height: 310px; /*change to ems*/
    overflow-y: scroll;
}

/* Set a max-height on the options inner */
.search_wrapper .search_item .dk_options_inner,
.search_wrapper .search_item .dk_touch .dk_options {
    /*max-height: 250px;			not sure why?*/
    box-shadow: 0 1px 5px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .25);
}

/******  End Theme ******/
/***** Critical to the continued enjoyment of working dropdowns ******/
.search_wrapper .search_item .dk_container {
    display: none;
    position: relative;
}

.search_wrapper .search_item .dk_container a {
    /*width: auto!important; I don't like using !important, but this needs to override a fixed pixel width which is added inline by the dropkick script - or comment out line 116 in the js*/
    outline: 0;
}

.search_wrapper .search_item .dk_toggle {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    position: relative;
    zoom: 1;
}

.search_wrapper .search_item .dk_open {
    position: relative;
}

.search_wrapper .search_item .dk_open .dk_options {
    display: block;
}

.search_wrapper .search_item .dk_open .dk_label {
    color: inherit;
}

.search_wrapper .search_item .dk_options {
    display: none; /*change to ems*/
    position: absolute;
    right: 0;
    width: 100%;
    text-align: left;
}

.search_wrapper .search_item .dk_options a,
.search_wrapper .search_item .dk_options a:link,
.search_wrapper .search_item .dk_options a:visited {
    display: block;
}

.search_wrapper .search_item .dk_options_inner {
    overflow: auto;
    position: relative;
}

.search_wrapper .search_item .dk_touch .dk_options {
    overflow: hidden;
}

.search_wrapper .search_item .dk_touch .dk_options_inner {
    max-height: none;
    overflow: visible;
}

.search_wrapper .search_item .dk_fouc select {
    position: relative;
    top: -99999em;
    visibility: hidden;
}

/*==============================================================*/
/* Contents */
/*==============================================================*/
.content_wrapper {
}

.content_wrapper ul,
.content_wrapper ol {
    list-style-position: inside;
}

.content_wrapper .content {
    padding-right: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
}

/*==============================================================*/
/* Blog Post */
/*==============================================================*/
.content_wrapper .content .post {
    margin-bottom: 20px;
    border-bottom: 1px solid #e0e0e0;
}

.content_wrapper .content .post .postimg {
    float: left;
    width: 128px;
    height: 108px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 4px;
    background: #fff;
    border: 1px solid #ccc;
}

.content_wrapper .content .post .read_more {
    background: #767676;
    display: inline-block;
    font-size: 11px;
    color: #fff;
    height: 20px;
    line-height: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 15px;
    margin-left: 10px;
}

.content_wrapper .content .post .post_meta {
}

.content_wrapper .content .post .post_meta li {
    display: inline;
    margin-right: 10px;
    padding-left: 15px;
}

.content_wrapper .content .post .post_title {
    margin-bottom: 8px;
}

.content_wrapper .content .post .post_title a {
    color: #000;
}

.content_wrapper .content .post .post_meta li.estimate {
    background: url('images/estimate.png') no-repeat left;
}

.content_wrapper .content .post .post_meta li.cate {
    background: url('images/cate.png') no-repeat left;
}

.content_wrapper .content .post .post_meta li.author {
    background: url('images/author.png') no-repeat left;
}

.content_wrapper .content .classi {
    padding-bottom: 15px;
}

.content_wrapper .content .classi .post_title {
    color: #2f5884;
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px;
}

.content_wrapper .content .classi .price_meta {
    display: inline-block;
    height: 50px;
    font-size: 22px;
    text-align: center;
    color: #fff;
    line-height: 45px;
    float: left;
    margin-right: 20px;
}

.content_wrapper .content .classi .price_meta .price_left {
    background: url('images/price_left.png') no-repeat;
    width: 18px;
    height: 50px;
    float: left;
    display: inline-block;
}

.content_wrapper .content .classi .price_meta .price_center {
    background: url('images/price_center.png') repeat-x;
    display: inline-block;
    height: 50px;
    float: left;
}

.content_wrapper .content .classi .price_meta .price_right {
    background: url('images/price_right.png') no-repeat;
    width: 30px;
    height: 50px;
    display: inline-block;
}

.content_wrapper .content .classi .post_meta {
    margin-top: 20px;
}

.content_wrapper .content .classi .views {
    background: url('images/view.png') no-repeat left;
    padding-left: 20px;
    display: inline-block;
    color: #17569b;
}

.content_wrapper #author-info {
    margin-bottom: 20px;
    background-color: #f2f1f1;
    border: 1px solid #e4e4e4;
}

.content_wrapper #author-info .author-inner {
    border: 1px solid #fff;
    padding: 10px;
}

.content_wrapper #author-info #author-avatar {
    float: left;
    margin-right: 15px;
    margin-bottom: 5px;
}

.content_wrapper #author-info #author-avatar img {
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 4px;
}

#nav-single {
    overflow: hidden;
    margin-bottom: 20px;
}

.nav-previous {
    float: left;
    width: 50%;
}

.nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

/*==============================================================*/
/* Flex slider */
/*==============================================================*/
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 50%;
    overflow: hidden;
}

.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
    width: 277px;
    display: block;
    height: 220px;
    padding: 4px;
    border: 1px solid #ccc;
    background: #fff;
    margin-left: 2px;
}

.flex-pauseplay span {
    text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
    display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
    background: #fff;
    border: 4px solid #fff;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    zoom: 1;
    margin-bottom: 20px;
}

.flexslider .slides {
    zoom: 1;
}

.flexslider .slides > li {
    position: relative;
}

/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {
    zoom: 1;
    position: relative;
}

/* Caption style */
/* IE rgba() hack */
.flex-caption {
    background: none;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
    zoom: 1;
}

.flex-caption {
    width: 96%;
    padding: 2%;
    margin: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
    font-size: 14px;
    line-height: 18px;
}

/* Direction Nav */
.flex-direction-nav {
    height: 0;
}

.flex-direction-nav li a {
    margin: -13px 0 0;
    display: block;
    position: absolute;
    bottom: 6px;
    cursor: pointer;
    text-indent: -999em;
}

.flex-direction-nav li .next {
    background: url(images/next.png) no-repeat;
    left: 34px;
    width: 31px;
    height: 24px;
    bottom: 5px;
}

.flex-direction-nav li .prev {
    left: 10px;
    background: url(images/prev.png);
    width: 31px;
    height: 24px;
    left: 7px;
    bottom: 5px;
}

.flex-direction-nav li .disabled {
    opacity: .3;
    filter: alpha(opacity=30);
    cursor: default;
}

/* Control Nav */
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -30px;
    text-align: center;
}

.flex-control-nav li {
    margin: 0 0 0 5px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-nav li:first-child {
    margin: 0;
}

.flex-control-nav li a {
    width: 13px;
    height: 13px;
    display: block;
    cursor: pointer;
    text-indent: -999em;
}

.flex-control-nav li a:hover {
    background-position: 0 -13px;
}

.flex-control-nav li a.active {
    background-position: 0 -26px;
    cursor: default;
}

.meta_slider {
    width: 293px;
    float: left;
    margin-right: 20px;
}

.meta_table .label {
    font-weight: bold;
    padding-right: 10px;
}

/*==============================================================*/
/* Subscribe Form */
/*==============================================================*/
.contact_widget .subscribe_form {
    position: relative;
    background: url('images/form-bg.png');
    padding-top: 60px;
    width: 265px;
    border: 1px solid #ccc;
}

.contact_widget .subscribe_form .contact_header {
    position: absolute;
    top: 8px;
    left: -8px;
    background: url('images/form_header.png') no-repeat;
    width: 273px;
    height: 47px;
    color: #fff;
    line-height: 45px;
    padding-left: 15px;
}

.contact_widget .subscribe_form .form_element {
    padding: 16px;
}

.contact_widget .subscribe_form .form_element input[type="text"] {
    background: url('images/txt-field.png') repeat-x;
    height: 42px;
    width: 226px;
    border: 1px solid #c3c3c3;
    margin-bottom: 10px;
    padding-left: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.contact_widget .subscribe_form .form_element textArea {
    background: url('images/area-field.png') repeat-x;
    height: 120px;
    width: 226px;
    border: 1px solid #c3c3c3;
    margin-bottom: 10px;
    padding-left: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: "Arial";
}

.contact_widget .subscribe_form .form_element input[type="submit"] {
    background: url('images/send.png') no-repeat;
    -moz-box-shadow: inset 0px 1px 0px 0px #9acc85;
    -webkit-box-shadow: inset 0px 1px 0px 0px #9acc85;
    box-shadow: inset 0px 1px 0px 0px #9acc85;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));
    background: -moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background: -webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background: -o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background: -ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background: linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b', GradientType=0);
    background-color: #74ad5a;
    border: 1px solid #3b6e22;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 12px;
    text-decoration: none;
}

.contact_widget .subscribe_form .form_element input[type="submit"]:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #68a54b), color-stop(1, #74ad5a));
    background: -moz-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
    background: -webkit-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
    background: -o-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
    background: -ms-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
    background: linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b', endColorstr='#74ad5a', GradientType=0);
    background-color: #68a54b;
}

/*==============================================================*/
/* Comments */
/*==============================================================*/
#commentsbox {
    margin: 0;
}

#commentsbox .commentsection {
    background: #fff;
    border: 1px solid #d2d2d2;
    margin-bottom: 30px;
}

#commentsbox .post-info h3 {
    padding-bottom: 10px;
}

ol.commentlist {
    clear: both;
    overflow: hidden;
    list-style: none;
}

ol.commentlist li.comment {
    line-height: 18px;
    margin: 10px 0;
}

ol.commentlist li.comment .comment-body {
    padding-right: 60px;
    position: relative;
    border-bottom: 1px dotted #d2d2d2;
    padding-bottom: 17px;
}

ol.commentlist li.comment .comment-author {
    position: relative;
    display: block;
}

ol.commentlist li.comment .comment-author .cmt_frame {
    position: absolute;
    top: 0;
    left: 0;
}

ol.commentlist li.comment .comment-author a:link,
ol.commentlist li.comment .comment-author a:visited {
    color: #090909;
    text-decoration: none !important;
    font-family: Century Gothic;
}

ol.commentlist li.comment .comment-author .fn {
    color: #090909;
    font-family: Century Gothic;
    text-transform: capitalize;
}

ol.commentlist li.comment .comment-author a.url {
    color: #090909;
    font-family: Century Gothic;
    text-transform: capitalize;
}

cite.fn {
    color: #000;
    font-style: normal;
}

ol.commentlist li.comment .comment-author .avatar {
    float: left;
    margin-right: 10px;
    margin-top: 4px;
    margin-left: 4px;
    margin-bottom: 10px;
    padding: 4px;
    background: #fff;
    border: 1px solid #ccc;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

ol.commentlist li.comment .comment-meta a {
    color: #858484;
    text-decoration: none;
}

ol.commentlist li.comment p {
    line-height: 22px;
    margin-top: 5px;
    color: #666;
}

ol.commentlist li.comment .reply {
    margin-top: 10px;
    font-size: 12px;
    padding-bottom: 20px;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
}

ol.commentlist li.comment .reply a {
    display: inline-block;
    border: 1px solid #c0bfbf;
    font-weight: bold;
    padding: 2px 15px;
    background: #f5dcbe;
    color: #8b8888;
}

ol.commentlist li.odd {
}

ol.commentlist li.even {
}

ol.commentlist li.comment ul.children {
    list-style: none;
    margin: 1em 0 0;
    text-indent: 0;
}

ol.commentlist li.comment ul.children li.depth-2 {
    margin: 0 0 0px 50px;
}

ol.commentlist li.comment ul.children li.depth-3 {
    margin: 0 0 0px 50px;
}

ol.commentlist li.comment ul.children li.depth-4 {
    margin: 0 0 0px 50px;
}

ol.commentlist li.comment ul.children li.depth-5 {
    margin: 0 0 0px 50px;
}

.comment-nav {
    padding: 5px;
    height: 20px;
}

.comment-nav a:link, .comment-nav a:visited {
    color: #f96e02;
}

.commentform {
    background: #fff;
    border: 1px solid #d2d2d2;
    margin-bottom: 30px;
}

#respond {
    padding-bottom: 20px;
}

#commentform p {
    color: #444;
}

#commentform a {
    color: #0454A8;
}

#respond label {
    color: #322903;
    margin-bottom: 5px;
    display: block;
}

#commentform input[type="text"] {
    width: 360px;
    height: 20px;
    display: block;
    margin-bottom: 18px;
    height: 36px;
    border: 1px solid #e9e9e9;
    padding-left: 5px;
    -moz-box-shadow: inset 0 0 9px -2px #dbdad6;
    -webkit-box-shadow: inset 0 0 9px -2px #dbdad6;
    box-shadow: inset 0 0 9px -2px #dbdad6;
}

#commentform input[type="text"]:focus {
    -moz-box-shadow: inset 0 0 9px -2px #20a0c5;
    -webkit-box-shadow: inset 0 0 9px -2px #20a0c5;
    box-shadow: inset 0 0 9px -2px #20a0c5;
}

#respond input#commentSubmit {
    clear: both;
    background: url('images/btn-submit.png') no-repeat;
    width: 79px;
    height: 31px;
    border: 0;
    color: #fff;
    text-shadow: 0 1px 0 #5199b8;
    border: 0;
    cursor: pointer;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}

textarea#comment {
    background: #fff;
    width: 450px;
    height: 141px;
    padding-left: 5px;
    padding-top: 5px;
    color: #555;
    clear: both;
    display: block;
    border: 1px solid #e9e9e9;
    -moz-box-shadow: inset 0 0 9px -2px #dbdad6;
    -webkit-box-shadow: inset 0 0 9px -2px #dbdad6;
    box-shadow: inset 0 0 9px -2px #dbdad6;
}

textarea#comment:focus {
    -moz-box-shadow: inset 0 0 9px -2px #20a0c5;
    -webkit-box-shadow: inset 0 0 9px -2px #20a0c5;
    box-shadow: inset 0 0 9px -2px #20a0c5;
}

/*==============================================================*/
/* Sidebar */
/*==============================================================*/
.sidebar {
    padding-top: 20px;
    margin-bottom: 20px;
}

.sidebar .sidebar_widget {
    margin-bottom: 30px !important;
}

.sidebar .sidebar_widget .widget-title {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.sidebar .sidebar_widget h5.head {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.sidebar .sidebar_widget ul {
    list-style-type: none;
}

.sidebar .sidebar_widget ul a {
    color: #787878;
}
.sidebar .sidebar_widget ul .children{
    margin-bottom: 0;
}

.sidebar .sidebar_widget ul li {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.sidebar .sidebar_widget ul li li{
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.sidebar .sidebar_widget .sidebar_thumbnail img.side_thumb {
    float: left;
    margin-right: 5px;
    margin-bottom: 10px;
    margin-top: 2px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .25);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 2px;
}

.sidebar .sidebar_widget .sidebar_thumbnail {
    line-height: 15px;
}

.sidebar .sidebar_widget .sidebar_thumbnail li {
    padding-bottom: 4px;
    margin-bottom: 15px;
}

.sidebar .sidebar_widget .sidebar_thumbnail h6 {
    margin-bottom: 0;

}

.sidebar .sidebar_widget .sidebar_thumbnail h6 a {
    color: #406691;
}

.sidebar .sidebar_widget .sidebar_thumbnail small {
    font-size: 10px;
    color: #929090;
}

.sidebar .sidebar_widget .sidebar_thumbnail p {
    font-size: 11px;
}

.sidebar .sidebar_map {
    border: 1px solid #d5d5d5;
    padding: 8px;
    background-color: #fafafa;
    margin-bottom: 20px;
    display: block;
}

/*==============================================================*/
/* Footer */
/*==============================================================*/
.footer_wrapper {
    background-color: #2f5884;
    padding-top: 30px;
}

.footer,
.footer a {
    color: #9bc1e9;
}

.footer ul {
    list-style-position: inside;
}

.footer .footer_widget .head {
    padding-bottom: 10px;
    color: #fff;
    background: url('images/footer-border.png') bottom repeat-x;
}

.footer .footer_widget {
    padding-right: 18px;
}

.footer .footer_widget.last {
    padding-right: 0;
}

.footer .footer_widget #searchform {
    position: relative;
    background: url('images/search-bg.png') no-repeat;
    width: 190px;
    width: 160px;
    height: 30px;
    margin-bottom: 20px;
}

.footer .footer_widget #searchform input[type="text"] {
    border: none;
    background: transparent;
    color: #cccccc;
    padding-left: 10px;
    width: 120px;
    height: 30px;
}

.footer .footer_widget #searchform input[type="submit"] {
    position: absolute;
    top: 8px;
    right: 10px;
    background: url('images/search-icon.png') no-repeat;
    width: 16px;
    height: 16px;
    border: none;
}

.footer_bottom {
    background: #163e68;
    padding-top: 10px;
    padding-bottom: 8px;
    color: #7997b6;
}

.footer_bottom .footer_menu {
    list-style-type: none;
    margin-bottom: 0;
}

.footer_bottom .footer_menu li {
    display: inline-block;
    margin-right: 10px;
    padding-right: 10px;
    background: url('images/footer-line.png') right no-repeat;
}

.footer_bottom .footer_menu li:last-child {
    background: none;
}

.footer_bottom .footer_menu li a {
    color: #7997b6;
}

.footer_bottom .copyright {
    float: right;
    margin-bottom: 0;
    margin-left: -6px;
}

.footer_bottom .social_icon {
    list-style-type: none;
    margin-bottom: 0;
}

.footer_bottom .social_icon li {
    display: inline-block;
}

/*==============================================================*/
/* Contact Page */
/*==============================================================*/
#contact #contactForm input[type="text"] {
    width: 434px;
    height: 30px;
    margin-bottom: 15px;
    border: 1px solid #e9e9e9;
    padding-left: 5px;
    -moz-box-shadow: inset 0 0 9px -2px #dbdad6;
    -webkit-box-shadow: inset 0 0 9px -2px #dbdad6;
    box-shadow: inset 0 0 9px -2px #dbdad6;
}

#contact #contactForm input[type="text"]:focus {
    -moz-box-shadow: inset 0 0 9px -2px #20a0c5;
    -webkit-box-shadow: inset 0 0 9px -2px #20a0c5;
    box-shadow: inset 0 0 9px -2px #20a0c5;
}

#contact #contactForm textarea {
    width: 434px;
    height: 140px;
    margin-bottom: 15px;
    padding-left: 5px;
    padding-top: 5px;
    border: 1px solid #e9e9e9;
    -moz-box-shadow: inset 0 0 9px -2px #dbdad6;
    -webkit-box-shadow: inset 0 0 9px -2px #dbdad6;
    box-shadow: inset 0 0 9px -2px #dbdad6;
}

#contact #contactForm textArea:focus {
    -moz-box-shadow: inset 0 0 9px -2px #20a0c5;
    -webkit-box-shadow: inset 0 0 9px -2px #20a0c5;
    box-shadow: inset 0 0 9px -2px #20a0c5;
}

#contact #contactForm input[type="submit"] {
    background: url('images/btn-submit.png') no-repeat;
    width: 79px;
    height: 31px;
    border: 0;
    color: #fff;
    text-shadow: 0 1px 0 #5199b8;
}

/*==============================================================*/
/* Featured Tabs */
/*==============================================================*/
#tabs {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #e1cdb9;
    float: left;
}

#tabs li {
    float: left;
    margin: 0 .5em 0 0;
    margin-left: 0;
    margin-right: 0;
}

#tabs a {
    position: relative;
    float: left;
    text-decoration: none;
    font-size: 12px;
    color: #444;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
    background: #f9ede1;
    display: inline-block;
    padding: 3px 10px;
    border-right: 1px solid #e1cdb9;
}

#tabs a:focus {
    outline: 0;
}

#tabs a::after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
}

#tabs #current a,
#tabs #current a::after {
    background: #fff;
    z-index: 3;
}

/*==============================================================*/
/* Grid List View */
/*==============================================================*/
#wrap {
    margin: 0 auto;
    border-radius: 7px;
}

#wrap header {
    margin-bottom: 35px;
    position: relative;
}

#wrap header .list-style-buttons {
    position: absolute;
    right: 0;
    border: 1px solid #e1cdb9;
}

/** list view **/
#wrap header .list-style-buttons a {
    background-color: #f9ede1;
    text-align: center;
    padding: 3px 5px;
    padding-left: 20px;
    font-size: 12px;
    color: #444444;
}

#wrap header .list-style-buttons a.active {
    background-color: #fff;
}

#gridview {
    background: url('images/grid.png') 8px 12px no-repeat;
    display: inline-block;
    border-right: 1px solid #e1cdb9;
}

#listview {
    background: url('images/list.png') 8px 12px no-repeat;
    display: inline-block;
    border-right: 1px solid #e1cdb9;
    background-color: #f9ede1;
    margin-left: -3px;
}

ul.list {
    list-style: none;
    width: 100%;
}

ul.list li.thumbnail {
    display: block;
    clear: both;
    margin-bottom: 20px;
    position: relative;
    border-bottom: 1px solid #eee;
}

ul.list li.thumbnail h6 {
    font-size: 16px;
}
.thumb_img{

}
ul.list .thumbs .thumb_img{
    display: inline-block;
    width: 78px;
    height: 78px;
    float: left;
    margin-right: 48px;
    margin-bottom: 20px;
}
ul.list .thumbs img {
    float: left;
    width: 78px;
    height: 78px;
    margin-right: 8px;
    border: 1px solid #e9eaeb;
    padding: 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.premiumtagwrap{
    display: inline-block;
}
ul.list .thumbs .premiumtagwrap{
    position: absolute;
    top: 30px;
    left: 63px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);  
    /* writing-mode: tb-rl;*/
    -ms-transform: rotate(90deg);
}
.pro-tagwrap .pro-tag{
    background-color: #25be41;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 11px;
}
.pro-tagwrap{
    position: relative;
    display: inline-block;
    padding-right: 15px;
}
.pro-tagwrap .tringle-top{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 0;
    border-color: #25be41 transparent transparent transparent;
    line-height: 0px;
    _border-color: #25be41 #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    -webkit-transform: rotate(360deg);
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
}
.pro-tagwrap .tringle-bottom{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 0 15px;
    border-color: transparent transparent transparent #25be41;
    line-height: 0px;
    _border-color: #000000 #000000 #000000 #25be41;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    -webkit-transform: rotate(360deg);
    display: inline-block;
    position: absolute;
    bottom:0;
    right: 0;
}

ul.list .thumbs .thumb_item {
    float: right;
    text-align: center;
}

ul.list .thumbs .thumb_item .price {
    color: #ff723b;
    font-size: 22px;
    display: block;
}

.thumbnail .thumbs .thumb_item .view {
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
    color: #fff;
    text-align: center;
    background-color: #767676;
}

ul.list .thumbnail .contents .title {
    margin-bottom: 5px;
    position: relative;
    top: -4px;
    display: inline-block;
    font-size: 16px;
}

ul.list li.thumbnail .post_meta li {
    display: inline;
    margin-right: 10px;
    padding-left: 15px;
}

ul.list li.thumbnail .post_meta li.estimate {
    background: url('images/estimate.png') no-repeat left;
}

ul.list li.thumbnail .post_meta li.cate {
    background: url('images/cate.png') no-repeat left;
}

ul.list li.thumbnail .post_meta li.author {
    background: url('images/author.png') no-repeat left;
}

/** grid view **/
ul.grid {
    list-style: none;
    margin: 0 auto;
    color: #222222;
    width: 700px;
}

ul.grid li {
    position: relative;
    display: block;
    float: left;
    width: 200px;
    height: 170px;
    margin-right: 20px;
    padding-right: 15px;
    font-size: 13px;
    margin-top: 0;
    margin-bottom: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
ul.grid .thumbnail .contents .title{
    margin-bottom: 5px;   
    display: inline-block;
    font-size: 16px;
}
ul.grid .thumbnail .thumbs img {
    float: left;
    margin-right: 5px;
    margin-bottom: 10px;
    border: 1px solid #e9eaeb;
    padding: 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 78px;
    height: 78px;
}

ul.grid .thumbnail .thumbs {
    clear: both;
    display: block;
    overflow: hidden;
}

ul.grid .thumbnail .thumbs .thumb_item .price {
    color: #ff723b;
    width: 100%;
    font-size: 22px;
}

ul.grid .thumbnail .grid_content,
ul.grid .thumbnail .post_meta {
    display: none;
}
ul.grid li section.right span.darkview {
    opacity: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 190px;
    height: 200px;
    margin: 0 15px;
    border-radius: 6px;
    background: rgba(40, 45, 55, 0.75);
    overflow: hidden;
    text-align: center;
    padding-top: 35px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transition: opacity 0.2s linear 0s;
    -webkit-transition: opacity 0.2s linear 0s;
    -moz-transition: opacity 0.25s linear 0s;
    -o-transition: opacity 0.25s linear 0s;
}

ul.grid li:hover section.right span.darkview {
    opacity: 1;
}

ul.grid li section.right span.darkview a.firstbtn {
    display: block;
    margin-bottom: 10px;
}

/*==============================================================*/
/* Add post */
/*==============================================================*/
#add_post {
    margin-bottom: 20px;
}

#add_post div {
    margin-bottom: 0;
}

#add_post .description {
    font-size: 10px;
    color: #999999;
    margin-bottom: 5px;
    display: block;
    float: left;
}

#add_post .label,
#loginform .label,
#register .label {
    clear: both;
    margin-bottom: 5px;
}

#add_post .row {
    clear: both;
    margin-bottom: 10px;
}

#add_post .row input[type="text"],
#add_post .row input[type="password"],
#add_post .row select {
    width: 470px;
    height: 30px;
    padding-left: 5px;
    border: 1px solid #e9e9e9;
    -moz-box-shadow: inset 0 0 9px -2px #dbdad6;
    -webkit-box-shadow: inset 0 0 9px -2px #dbdad6;
    box-shadow: inset 0 0 9px -2px #dbdad6;
    clear: both;
    display: block;
    margin-bottom: 0;
}

#add_post .required,
.required {
    color: #c92404;
}

#add_post .row input[type="text"]:focus,
#add_post .row select:focus {
    -moz-box-shadow: inset 0 0 9px -2px #20a0c5;
    -webkit-box-shadow: inset 0 0 9px -2px #20a0c5;
    box-shadow: inset 0 0 9px -2px #20a0c5;
}

#fotget_pw input[type="submit"],
#add_post input[type="button"],
#add_post input[type="file"],
#add_post input[type="submit"] {
    background: url('images/btn.png') repeat-x;
    border: 1px solid #b9b9b9;
    padding: 5px 15px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    color: #282829;
    text-shadow: 0 1px 0 #fff;
    cursor: pointer;
}

#add_post .row textArea {
    width: 539px;
    height: 200px;
    padding-left: 5px;
    padding-top: 5px;
    border: 1px solid #e9e9e9;
    -moz-box-shadow: inset 0 0 9px -2px #dbdad6;
    -webkit-box-shadow: inset 0 0 9px -2px #dbdad6;
    box-shadow: inset 0 0 9px -2px #dbdad6;
    display: block;
}

#add_post .row textArea:focus {
    -moz-box-shadow: inset 0 0 9px -2px #20a0c5;
    -webkit-box-shadow: inset 0 0 9px -2px #20a0c5;
    box-shadow: inset 0 0 9px -2px #20a0c5;
}

#add_post .package {
    border: 1px solid #cccccc;
    margin-bottom: 10px;
    padding: 25px;
}

#add_post .package:hover {
    background-color: #e0e0e0;
}

#add_post .package input[type="radio"] {
    float: left;
}

#add_post .package .pkg_ct {
    margin-left: 28px;
    margin-top: -4px;
}

#add_post .pkg_ct h3 {
    margin-bottom: 5px;
}

#add_post .package .cost span {
    margin-right: 20px;
}

#add_post .image_reset_button {
    background: url('images/close.png') no-repeat;
    width: 32px;
    height: 32px;
    margin-left: -8px;
    margin-bottom: -30px;
    margin-top: 15px;
    position: relative;
    z-index: 10;
}

#add_post .hide {
    display: none;
}

#add_post .meta-image {
    max-width: 340px;
    margin: 18px 0 18px 0;
    display: block;
    padding: 5px;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
}

#add_post .row .of-input {
    float: left;
    width: 340px;
    margin-right: 10px;
}

#add_post .row select {
    margin-bottom: 15px;
}

.ui-autocomplete-loading {
    background: url("images/indicator.gif") no-repeat 73% 50%;
    min-height: 16px;
    min-width: 16px;
}

/*==============================================================*/
/* =Login Form & Register Account*/
/*==============================================================*/
#loginform {
    float: left;
    margin-right: 10px;
}

#loginform .row input[type="text"],
#loginform .row input[type="password"],
#register .row input[type="password"],
#register .row input[type="text"] {
    width: 288px;
    height: 30px;
    padding-left: 5px;
    border: 1px solid #e9e9e9;
    -moz-box-shadow: inset 0 0 9px -2px #dbdad6;
    -webkit-box-shadow: inset 0 0 9px -2px #dbdad6;
    box-shadow: inset 0 0 9px -2px #dbdad6;
    margin-bottom: 10px;
}

#loginform .row input[type="text"]:focus,
#loginform .row input[type="password"]:focus,
#register .row input[type="password"]:focus,
#register .row input[type="text"]:focus {
    -moz-box-shadow: inset 0 0 9px -2px #20a0c5;
    -webkit-box-shadow: inset 0 0 9px -2px #20a0c5;
    box-shadow: inset 0 0 9px -2px #20a0c5;
}

#register {
    float: right;
}

#loginform input[type="submit"] {
    background: url('images/btn-login.png') no-repeat;
    width: 62px;
    height: 36px;
    border: none;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
}

#register input[type="submit"] {
    background: url('images/btn-register.png') no-repeat;
    width: 83px;
    height: 35px;
    border: none;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
}

.form_tag {
    background: url('images/form-tag.png') repeat-x;
    height: 37px;
    color: #de6120;
    font-size: 17px;
    padding: 5px 0 0 5px;
}

#payments {
    list-style-type: none;
}

/*==============================================================*/
/* Categories */
/*==============================================================*/
#owl-demo .items {
    margin-bottom: 20px !important;
}

#categories {
    padding-top: 20px;
}

#categories .catcol ul {
    list-style-type: none;
    margin-bottom: 15px;
}

#categories .catcol {
    width: 190px;
    display: inline;
    float: left;
    margin-right: 34px;
    margin-bottom: 20px;
}

#categories .catcol:nth-child(3n+3) {
    margin-right: 0;
}

#categories .catcol ul li.maincat {
    border-bottom: 2px solid #336699;
    padding-bottom: 8px;
    margin-bottom: 10px;
    text-transform: capitalize;
    font-size: 18px;
    line-height: 28px;
}

#categories .catcol ul li.maincat img {
    margin-left: 5px;
}

#categories .catcol ul li.cat-item a {
    text-decoration: none;
    color: #3865a7;
}

#categories .catcol ul li.cat-item a:hover {
    color: #357eeb;
}

#categories .catcol ul li.cat-item {
    border-bottom: 1px solid #EFEFEF;
    line-height: 20px;
    padding: 2px 0;
}

#categories .catcol ul li {
    line-height: 20px;
    text-shadow: 0 1px 0 #FFF;
}

#categories .catcol ul li .cat-sign.minus {
    display: none;
}

#categories .catcol ul li .cat-minus .cat-sign.plus {
    display: none;
}

#categories .catcol ul li .cat-minus .cat-sign.minus {
    display: inline-block;
}

#categories .catcol ul ul {
    list-style-type: none;
    margin: 0 0 0 0;
}

#categories .catcol ul .children {
    margin-left: 10px;
}

#categories .catcol ul ul li {
    border-bottom: 1px solid #EFEFEF;
    padding: 10px 0 !important;
}

#categories .catcol ul .children li.cat-item {
    border-bottom: none;
    padding: 2px 0 !important;
}

#categories .catcol ul ul li a {
    margin-left: 0px;
    font-size: 15px;
}

/*=======================================================*/
/* Owl Styles*/
/*=======================================================*/
#slider_wrapper {
    margin-top: 30px;
    display: block;
    margin-bottom: 20px;
    position: relative;
}

/**
 *  Horizontal Buttons
*/
#slider_wrapper .jcarousel-next-horizontal {
    position: absolute;
    top: 36px;
    right: -32px;
    cursor: pointer;
    background: url('images/slider-btn.png') no-repeat -23px 0;
    width: 22px;
    height: 23px;
}

#slider_wrapper .jcarousel-next-horizontal:hover {
    background: url('images/slider-btn.png') no-repeat -72px 0;
}

#slider_wrapper .jcarousel-prev-horizontal {
    position: absolute;
    top: 36px;
    left: -27px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: url('images/slider-btn.png') no-repeat 0 0;
    width: 22px;
    height: 23px;
}

#slider_wrapper .jcarousel-prev-horizontal:hover {
    background: url('images/slider-btn.png') no-repeat -48px 0;
}

/*=======================================================*/
/* Tipsy */
/*=======================================================*/
.tipsy {
    margin-bottom: 5px;
    padding: 5px;
    font-size: 10px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    background-repeat: no-repeat;
    background-image: url(images/tipsy.gif);
}

.tipsy-inner {
    padding: 5px 8px 4px 8px;
    background-color: black;
    color: white;
    max-width: 200px;
    text-align: center;
    font-size: 13px;
}

.tipsy-inner {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.tipsy-north {
    background-position: top center;
}

/*==============================================================*/
/* Dashboard Style */
/*==============================================================*/
#dashboard .box-head {
    background: url(images/grad-overlay-s.png) #393939;
    border-radius: 2px;
    max-height: 40px;
}

#dashboard .box-head:hover {
    background: url(images/grad-overlay-s.png) #444;
}

#dashboard .box-head h2 {
    padding: 10px 10px;
    color: #ddd;
    font-size: 14px;
    font-weight: 600;
    text-shadow: 0 1px 0 #222;
    margin-bottom: 0;
}

#dashboard table {
    width: 100%;
    border-left: 1px solid #ccc;
}

#dashboard table a:hover {
    color: 57 a1d8;
}

#dashboard table thead tr {
    background: url(images/grad-overlay.png) #fafafa bottom repeat-x;
    height: 30px;
    border-right: 1px solid #ccc;
}

#dashboard table thead th {
    border-right: 1px solid #ccc;
    color: #292929;
    text-shadow: 0 1px 0 #fff;
    font-size: 12px;
    padding: 8px 10px;
}

#dashboard table tbody {
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}

#dashboard table tr.odd {
    background-color: #fff;
}

#dashboard table tr.even {
    background-color: #f6f6f6;
}

#dashboard table td {
    padding: 8px 10px;
    border-right: 1px solid #ccc;
    word-break: break-word;
}

#dashboard table tbody tr:hover {
    background-color: #ddd;
}

#dashboard table img {
    margin-bottom: 0;
}

#dashboard table tr.paginate {
    background-image: url(images/grad-overlay.png);
    height: 30px;
    border-top: 1px solid #ccc;
}

#dashboard .comment_date {
    font-size: 10px;
    margin-bottom: 8px;
    display: inline-block;
}

#dashboard .author-name {
    margin-bottom: 8px;
    display: inline-block;
}

#dashboard .post_count {
    background-image: url(images/bubble_bg.gif);
    height: 1.3em;
    line-height: 1.1em;
    display: block;
    text-decoration: none;
    padding: 0 0 6px;
    cursor: pointer;
    background-position: center -80px;
    background-repeat: no-repeat;
    float: right;
}

#dashboard .post_count:hover {
    background-position: center -3px;
}

#dashboard .comment_count {
    background-color: #ccc;
    font-size: 10px;
    font-weight: bold;
    height: 1.4em;
    line-height: 1.4em;
    min-width: .7em;
    padding: 0 6px;
    display: inline-block;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
}

#dashboard .post_count:hover .comment_count {
    background-color: #d54e21;
}

.sidebar .sidebar_dashboard {
    border: 1px solid #d5d5d5;
    padding: 10px;
    margin-bottom: 20px;
}

.sidebar .sidebar_dashboard .head {
    border-bottom: 1px dashed #b9b9b9;
    padding-bottom: 5px;
}

.sidebar .sidebar_dashboard ul {
    list-style-type: none;
}

.sidebar .sidebar_dashboard ul li {
    border-bottom: 1px dashed #b9b9b9;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.sidebar .sidebar_dashboard .author-meta {
    border-bottom: 1px dashed #b9b9b9;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.sidebar .sidebar_dashboard .author-meta img {
    float: left;
    padding: 2px;
    border: 1px solid #b9b9b9;
    margin-right: 10px;
}

.sidebar .sidebar_dashboard .author-meta h4 {
    margin-bottom: 0;
}

.sidebar .sidebar_dashboard .author-meta small {
    font-size: 12px;
}

/*==============================================================*/
/* Error Style*/
/*==============================================================*/
#error {
    list-style-type: none;
}

/*==============================================================*/
/* Special Classes */
/*==============================================================*/
.error {
    color: #ff0000;
    display: block;
    margin-bottom: 10px;
}

.upload-error {
    color: #ff0000;
    display: block;
}

.show_captcha {
    display: block;
    background: #000;
    color: #fff;
    margin-top: 10px;
    width: 40px;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 20px;
}

.message {
    background-color: #fffbcc;
    border: 1px solid #e6db55;
    padding: 5px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.warning {
    background-color: #FFCDCD;
    border: 1px solid #FF0404;
    padding: 5px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: red;
}

.error::-webkit-input-placeholder {
    color: #ff0000;
}

.error:-moz-placeholder {
    color: #ff0000;
}

.error::-moz-placeholder {
    color: #ff0000;
}

.error:-ms-input-placeholder {
    color: #ff0000;
}

/*==============================================================*/
/* Pagination */
/*==============================================================*/
.paginate,.page-numbers {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 20px;
}

.paginate li,.page-numbers li {
    float: left;
    margin-right: 10px;
}

.paginate li a,.page-numbers li a,.page-numbers li .current {
    display: block;
    text-decoration: none;
    color: #717171;
    font: bold 11px Arial, sans-serif;
    text-shadow: 0px 1px white;
    padding: 5px 8px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    background: #f9f9f9;

    background: -webkit-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
    background: -moz-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
    background: -o-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
    background: -ms-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
    background: linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e8e8e8', GradientType=0);
}

.paginate li a.current,.page-numbers li .current {
    color: white;
    text-shadow: 0px 1px #3f789f;

    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.8);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.8);
    background: #7cb9e5;

    background: -webkit-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
    background: -moz-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
    background: -o-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
    background: -ms-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
    background: linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7cb9e5', endColorstr='#57a1d8', GradientType=0);
}

.paginate li a:hover,.page-numbers li a:hover {
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.55);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.55);
    background: #fff;

    background: -webkit-linear-gradient(top, #fff 0%, #e8e8e8 100%);
    background: -moz-linear-gradient(top, #fff 0%, #e8e8e8 100%);
    background: -o-linear-gradient(top, #fff 0%, #e8e8e8 100%);
    background: -ms-linear-gradient(top, #fff 0%, #e8e8e8 100%);
    background: linear-gradient(top, #fff 0%, #e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#e8e8e8', GradientType=0);
}

.paginate li a:active, #pagin li a.current:active,.page-numbers li a:active,.page-numbers li .current:active {
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5), 0px 1px 1px 0px rgba(255, 255, 255, 1) !important;
    -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5), 0px 1px 1px 0px rgba(255, 255, 255, 1) !important;
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5), 0px 1px 1px 0px rgba(255, 255, 255, 1) !important;
}

.paginate li a.current:hover,.page-numbers li .current:hover {
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.9);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.9);
    background: #99cefc;

    background: -webkit-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
    background: -moz-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
    background: -o-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
    background: -ms-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
    background: linear-gradient(top, #99cefc 0%, #57a1d8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99cefc', endColorstr='#57a1d8', GradientType=0);
}

/*=======================================================*/
/* IE8 Placeholder */
/*=======================================================*/
/* fallback placeholder */
.placeholder {
    color: #bbb;
}

/* webkit placeholder */
::-webkit-input-placeholder {
    color: #bbb;
}

/* moz placeholder */
:-moz-placeholder {
    color: #bbb;
}

/*=======================================================*/
/* Responsive Dropdown Menu Style */
/*=======================================================*/
#mobile_menu {
    width: 100% !important;
    left: 0;
    padding: 0;
    background: #2372d0;
    top: 30px !important;
    z-index: 9999px;
    display: none;
    overflow: hidden;
}

#mobile_menu ul {
    margin: 0;
    padding: 0;
}

.it_mobile_menu {
    position: absolute;
    top: 2px !important;
    left: 3px;
    z-index: 1000;
    display: none;
    text-align: left;
}

.it_mobile_menu li {
    margin: 0;
    width: 100%;
    list-style-type: none;
    float: none !important;
    display: block;
    background: #2372d0 url('images/menu-border.png') bottom repeat-x !important;
}

.it_mobile_menu li:last-child {
    background-image: none !important;
}

.it_mobile_menu li:hover {
    background-color: #308eee !important;
}

.it_mobile_menu li a {
    text-align: left !important;
    font-size: 12px;
    text-decoration: none;
    text-transform: capitalize;
    margin: 0 !important;
    float: none !important;
}

.it_mobile_menu li:last-child a {
    border-bottom: none;
    padding-bottom: 15px;
}

.it_mobile_menu ul {
    display: block !important;
    visibility: visible !important;
}

.it_mobile_menu ul li {
    display: block;
}

.it_mobile_menu ul li a {
    margin-left: 12px !important;
    padding-top: 12px !important;
    padding-bottom: 4px !important;
}

#mobile_menu ul li {
    width: 100%;
}

.mobile_nav {
    color: #fff;
    display: none;
    position: relative;
    font-size: 12px;
    text-transform: capitalize;
    width: 100%;
    padding: 5px 0;
    padding-left: 15px;
}

.mobile_nav:hover {
    color: #fff;
}

.mobile_nav:before,
.mobile_nav:after {
    position: absolute;
}

.mobile_nav > span {
    display: block;
    width: 100%;
    height: 16px;
    background: url(images/menu-tip.png) right no-repeat;
    position: absolute;
    top: 0;
    right: 0;
}

/*=======================================================*/
/* Ad form */
/*=======================================================*/
#Add_post_form .children {
    margin-left: 17px;
    margin-bottom: 0;
}

#Add_post_form ul {
    list-style-type: none;
}

#recaptcha_privacy {
    display: none;
}

#recaptcha_image img {
    max-width: 100%;
}

#recaptcha_area, .inkcatchapanel #recaptcha_table {
    width: 262px !important;
}

.recaptchatable #recaptcha_image {
    width: 289px !important;
}

.recaptchatable .recaptcha_r1_c1 {
    background: none;
}

.captcha_color {
    padding-left: 15px;
}

.captcha_color p {
    color: red;
}

.content_wrapper #dashboard {
    position: relative;
    z-index: 0;
}

/*=======================================================*/
/* Loading Image on dashboard */
/*=======================================================*/
#loading-wrap {
    text-align: center;
    position: absolute;
    z-index: 20;
    top: 200px;
    width: 100%;
}

#loading-wrap .loading {
    display: inline-block;
    width: 220px;
    height: 19px;
    background-image: url('images/loading.gif');
}

.content_wrapper #dashboard #user_ads .edit-ad {
    margin-right: 10px;
}
#getway_selection{
    margin-top: 20px;
}
#getway_selection legend{
    font-size: 20px;
    margin-bottom: 13px;
}
#getway_selection .field-wrapper{
    margin-bottom: 10px;
}
#getway_selection .field-wrapper label{
    margin-left: 5px;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}
 blockquote {
    font-style: italic;
    margin: 20px 40px!important;
    padding-left: 20px!important;
    border-left-width: 3px;
    border-style: solid;
    border-color: #13aff0;
}

/*
  960 Grid System Modified for
  Responsive layout 960 Grid 
  System ~ Core CSS.
  Learn more ~ http://960.gs/
    
  Author: InkThemes
  Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

/* `Container >> 24 Columns
-----------------------------------*/
.container_24 {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
}
/* `Grid >> Global
-----------------------------------*/

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24 {
    display: inline;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
-----------------------------------*/

.alpha {
    margin-left: 0;
}
.omega {
    margin-right: 0;
}
/* `Grid >> 24 Columns
-----------------------------------*/

.container_24 .grid_1 {
    width: 30px;
}
.container_24 .grid_2 {
    width: 70px;
}
.container_24 .grid_3 {
    width: 110px;
}
.container_24 .grid_4 {
    width: 150px;
}
.container_24 .grid_5 {
    width: 190px;
}
.container_24 .grid_6 {
    width: 230px;
}
.container_24 .grid_7 {
    width: 270px;
}
.container_24 .grid_8 {
    width: 310px;
}
.container_24 .grid_9 {
    width: 350px;
}
.container_24 .grid_10 {
    width: 390px;
}
.container_24 .grid_11 {
    width: 430px;
}
.container_24 .grid_12 {
    width: 470px;
}
.container_24 .grid_13 {
    width: 510px;
}
.container_24 .grid_14 {
    width: 550px;
}
.container_24 .grid_15 {
    width: 590px;
}
.container_24 .grid_16 {
    width: 630px;
}
.container_24 .grid_17 {
    width: 670px;
}
.container_24 .grid_18 {
    width: 710px;
}
.container_24 .grid_19 {
    width: 750px;
}
.container_24 .grid_20 {
    width: 790px;
}
.container_24 .grid_21 {
    width: 830px;
}
.container_24 .grid_22 {
    width: 870px;
}
.container_24 .grid_23 {
    width: 910px;
}
.container_24 .grid_24 {
    width: 950px;
}
/* `Clear Floated Elements
-----------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before, .clearfix:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.clearfix:after {
    clear: both;
}
/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
    zoom: 1;
}
/*  This query is applied for
    Protait Tablet ipad
*/
@media only screen and (min-width: 768px) and (max-width: 960px) {
    .container_24 {
        margin-left: auto;
        margin-right: auto;
        width: 760px;
    }
    /*  Each columns are measured 
        For their specific size.
    */
    .container_24 .grid_1 {
        width: 3.167%;
    }
    .container_24 .grid_2 {
        width: 7.333%;
    }
    .container_24 .grid_3 {
        width: 11.5%;
    }
    .container_24 .grid_4 {
        width: 15.667%;
    }
    .container_24 .grid_5 {
        width: 19.833%;
    }
    .container_24 .grid_6 {
        width: 24%;
    }
    .container_24 .grid_7 {
        width: 28.167%;
    }
    .container_24 .grid_8 {
        width: 32.333%;
    }
    .container_24 .grid_9 {
        width: 36.5%;
    }
    .container_24 .grid_10 {
        width: 40.667%;
    }
    .container_24 .grid_11 {
        width: 44.833%;
    }
    .container_24 .grid_12 {
        width: 49%;
    }
    .container_24 .grid_13 {
        width: 53.167%;
    }
    .container_24 .grid_14 {
        width: 57.333%;
    }
    .container_24 .grid_15 {
        width: 61.5%;
    }
    .container_24 .grid_16 {
        width: 65.667%;
    }
    .container_24 .grid_17 {
        width: 69.833%;
    }
    .container_24 .grid_18 {
        width: 74%;
    }
    .container_24 .grid_19 {
        width: 78.167%;
    }
    .container_24 .grid_20 {
        width: 82.333%;
    }
    .container_24 .grid_21 {
        width: 86.5%;
    }
    .container_24 .grid_22 {
        width: 90.667%;
    }
    .container_24 .grid_23 {
        width: 94.833%;
    }
    .container_24 .grid_24 {
        width: 99%;
    }
}
/*  This query is applied for 
    landscape ipad, Mobile
*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container_24 {
        width: 480px;
    }
    /* `Grid 1 to 12 columns
        Moved to 100% width 
        Acroding to container width
        In landscape tablet screen
    */

    .container_24 .grid_1,  .container_24 .grid_2,  .container_24 .grid_3,  .container_24 .grid_4,  .container_24 .grid_5,  .container_24 .grid_6,  .container_24 .grid_7,  .container_24 .grid_8,  .container_24 .grid_9,  .container_24 .grid_10,  .container_24 .grid_11,  .container_24 .grid_12 {
        width: 100%;
    }
    /*  Grid 13 to 24 columns
        Fixed in 470px in minimum
        Width 480px to maximum 767px
        Screen
    */
    .container_24 .grid_13 {
        width: 470px;
    }
    .container_24 .grid_14 {
        width: 470px;
    }
    .container_24 .grid_15 {
        width: 470px;
    }
    .container_24 .grid_16 {
        width: 470px;
    }
    .container_24 .grid_17 {
        width: 470px;
    }
    .container_24 .grid_18 {
        width: 470px;
    }
    .container_24 .grid_19 {
        width: 470px;
    }
    .container_24 .grid_20 {
        width: 470px;
    }
    .container_24 .grid_21 {
        width: 470px;
    }
    .container_24 .grid_22 {
        width: 470px;
    }
    .container_24 .grid_23 {
        width: 470px;
    }
    .container_24 .grid_24 {
        width: 470px;
    }
}
/* This query is applied for protait ipad, Mobile
*/
@media only screen and (max-width: 480px) {
    .container_24 {
        width: 290px;
    }
    /*  Grid 1 to 24 columns are
        Fixed in mobile layout
    */
    .container_24 .grid_1,  .container_24 .grid_2,  .container_24 .grid_3,  .container_24 .grid_4,  .container_24 .grid_5,  .container_24 .grid_6,  .container_24 .grid_7,  .container_24 .grid_8,  .container_24 .grid_9,  .container_24 .grid_10,  .container_24 .grid_11,  .container_24 .grid_12,  .container_24 .grid_13,  .container_24 .grid_14,  .container_24 .grid_15,  .container_24 .grid_16,  .container_24 .grid_17,  .container_24 .grid_18,  .container_24 .grid_19,  .container_24 .grid_20,  .container_24 .grid_21,  .container_24 .grid_22,  .container_24 .grid_23,  .container_24 .grid_24 {
        width: 98%;
    }
}


.search_item.second{
    padding:8px 0 !important; 
}
.search_wrapper .search_item.third .search_submit{
    top: 0;
    right: 0;
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .wrapper{
        width: 768px;
    }
    .search_wrapper .search_item{
        width:215px;
        float: left;
    }
    .search_wrapper .search_item.third{
        width: 215px;
        float: right;     
    }
    .search_wrapper .search_item.first input[type="text"]{
        width:180px;
    }
    .search_wrapper .search_item.second select{
        width: 210px;
    }
    #slider_wrapper li img {
        margin-right:18px;
        padding: 4px;
    }
    #cc_carousel .jcarousel-container-horizontal {
        width: 750px;
    }
    #slider_wrapper .jcarousel-next-horizontal {
        right: -15px;
    }
    #slider_wrapper .jcarousel-prev-horizontal {
        left: -15px;
    }
    .sidebar #searchform{
        position: relative;
        background: url('../imgs/single-search1.png') no-repeat !important;
        width: 215px;
    }
    .search_wrapper .search_item.third .search_submit{
        background: url('../imgs/sbtn.png') no-repeat 0 0;
        width: 40px;
        height: 39px;
        text-indent:-9999px;
    }
    .search_wrapper .search_item.third .search_submit:hover{
        background: url('../imgs/sbtn.png') no-repeat 0 -44px;
        width: 40px;
        height: 39px;
    }
    .sidebar #searchform input[type="text"]{
        width: 180px;
    }
    .header .post_add_btn{
        margin-right: -5px;
    }
    .list-style-buttons{
        display: none;
    }
    #categories .catcol {
        width: 225px;
        margin-right:30px;
    }
    .contact_widget .subscribe_form{
        width: 217px;
    }
    .contact_widget .subscribe_form .contact_header{
        width: 210px;
    }
    .contact_widget .subscribe_form .form_element input[type="text"]{
        width: 178px;
    }
    .contact_widget .subscribe_form .form_element textArea{
        width: 176px;
        height: 80px;
    }
    #loginform{
        float: none;
        margin-bottom: 20px;
    }
    #register{
        float: none;
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) { 
    .wrapper{
        width: 510px;
    }
    ul.grid { 
        width:100% !important;
    }
    .header .logo{
        text-align: center;
        margin-bottom: 20px;
    }
    .header .post_btn{
        margin-bottom: 15px;
        text-align: center;         
    }
    .header .post_btn .post_add_btn{
        float: none !important;
        display: block;
        max-width: 240px;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .top_header{
        text-align: center;        
    }
    .top_header #user_acces{
        float:none;
        margin-bottom: 20px;
    }
    .search_wrapper .search_item{
        width:452px;
        float: none;
        margin-bottom: 10px;
    }
    .search_wrapper .search_item.second{
        width:468px;
    }
    .search_wrapper .search_item.third{
        width: 452px;
        float:none;
    }
    .search_wrapper .search_item{
        text-align: left;
    }
    .search_wrapper .search_item select{
        margin-left: 25px;
        width: 324px !important;
    }
    .search_wrapper .search_item.first input[type="text"],
    .search_wrapper .search_item.third input[type="text"]{
        margin-left:30px !important;
        width: 324px;
    }
    #cc_carousel .jcarousel-container-horizontal {
        width: 765px;
    }
    .sidebar #searchform{
        position: relative;
    }
    .sidebar #searchform input[type="text"]{
        width: 180px;
    }
    .header .post_add_btn{
        float: none;
    }
    .list-style-buttons{
        display: none;
    }
    #categories .catcol {
        width:100%;
        margin-right:30px;
    }
    .footer_bottom .bottom_content .copyright{
        float: none;
        margin-left: -5px;
    }
    #loginform{
        float: none;
        margin-bottom: 20px;
    }
    #register{
        float: none;
        margin-bottom: 20px;
    } 
    #add_post #cc_desc_tbl {
        width:474px !important;
    }
    #add_post #place_image1_upload{
        width: 300px;
    }
    .ar_desc td, 
    .ar_desc tr, 
    .ar_desc th{
        border: none;
    }

}
@media only screen and ( max-width: 768px ) {
    /* Force table to not be like tables anymore */
    table, thead, tbody, th, td, tr { 
        display: block; 
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    tr { /*border: 1px solid #ccc;*/ }

    td { 
        /* Behave  like a "row" */
        border: none;
        /*border-bottom: 1px solid #eee;*/
        position: relative;
        padding-left: 50%; 
    }

    td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
    } 
    /*
    Label the data
    */
    /*    td:nth-of-type(1):before { content: "Ad Title"; }
        td:nth-of-type(2):before { content: "Views"; }
        td:nth-of-type(3):before { content: "Status"; }
        td:nth-of-type(4):before { content: "Options"; }*/
}
@media only screen and (max-width: 480px) {
    .wrapper{
        width: 335px;
    }
    .header .logo{
        text-align: center;
        margin-bottom: 20px;
    }
    .header .post_btn{
        margin-bottom: 15px;
    }
    .header .post_btn .post_add_btn{
        float: none !important;
        display: block;
        max-width: 240px;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .top_header{
        text-align: center;        
    }
    .top_header #user_acces{
        float:none;
        margin-bottom: 20px;
    }
    .search_wrapper .search_item{
        width:272px;
        float: none;
        margin-bottom: 10px;
    }
    .search_wrapper .search_item.second{
        width:288px;
    }
    .search_wrapper .search_item.third{
        float:none;
        width:272px;
    }
    .search_wrapper .search_item{
        text-align: left;
    }
    .search_wrapper .search_item select{
        margin-left: 25px;
        width: 220px !important;
    }
    .search_wrapper .search_item.first input[type="text"],
    .search_wrapper .search_item.third input[type="text"]{
        margin-left:30px !important;
        width: 200px;
    }
    .search_wrapper .search_item.third .search_submit{
        background: url('../imgs/sbtn.png') no-repeat 0 0;
        width: 40px;
        height: 39px;
        text-indent:-9999px;
    }
    .search_wrapper .search_item.third .search_submit:hover{
        background: url('../imgs/sbtn.png') no-repeat 0 -44px;
        width: 40px;
        height: 39px;
    }
    #cc_carousel .jcarousel-container-horizontal {
        width:290px;
    }
    .sidebar #searchform{
        position: relative;
        background: url('../imgs/single-search1.png') no-repeat !important;
        width: 215px;
    }
    .sidebar #searchform input[type="text"]{
        width: 180px;
    }
    .header .post_add_btn{
        float: none;
    }
    .list-style-buttons{
        display: none;
    }
    #categories .catcol {
        width:100%;
        margin-right:30px;
    }
    #slider_wrapper li img {
        margin-right:25px;
    }
    .sidebar .sidebar_widget .sidebar_thumbnail h6 a{
        line-height: 20px;
    }
    .content_wrapper .content{
        padding-right: 0;
    }
    .footer_bottom .bottom_content .copyright{
        float: none;
        margin-left: -5px;
    }
    #tabs li{
        float: none;
        display: block;        
    }
    #tabs{
        float: none;
    }
    #tabs a{
        width: 100%; 
        border-bottom: 1px solid #e1cdb9;
    }
    #tabs li:last-child a{
        border-bottom: none;
    }
    #commentform input[type="text"] {
        width:286px;
    }
    textarea#comment{
        width:284px;
    }
    #contact #contactForm input[type="text"]{
        width: 280px;
    }
    #contact #contactForm textarea{
        width: 280px;
    }
    #loginform{
        float: none;
        margin-bottom: 20px;
    }
    #register{
        float: none;
        margin-bottom: 20px;
    }
    #loginform .row input[type="text"],
    #loginform .row input[type="password"],
    #register .row input[type="password"],
    #register .row input[type="text"]{
        width:275px; 
    }
    #add_post .row input[type="text"],
    #add_post .row input[type="password"],
    #add_post .row select{
        width:276px; 
    }
    #add_post #cc_desc_tbl {
        width:200px !important;
    }
    #add_post #map_canvas{
        width:274px !important;
        height: 274px !important;
    }
    .mobile_nav {
        width: 270px;
    }
    #add_post #place_image1_upload{
        width: 274px;
    }
    .meta_slider{
        clear: both;
        display: block !important;

    }
    .meta_table{
        clear: both;
        display: block !important; 
    }
    .price_meta{
        float: none !important;
    }
    .flexslider{
        width: auto !important;
    }
    .flexslider .slides img {
        width:260px;
        height:210px;
    }

}
@media only screen and (max-width : 320px) {   
    .wrapper{
        width: 310px;
    }
    #cc_carousel .jcarousel-container-horizontal {
        width:280px !important;
    }
    #slider_wrapper .jcarousel-next-horizontal {
        right: -5px;
    }
    #slider_wrapper .jcarousel-prev-horizontal {
        left: -10px;
    }
    #slider_wrapper li img {
        margin-right:22px;
    }
    #tabs a{
        width: 92.5%; 
    }
    #commentform input[type="text"] {
        width:278px;
    }
    textarea#comment{
        width:276px;
    }
    #contact #contactForm input[type="text"]{
        width: 272px;
    }
    #contact #contactForm textarea{
        width: 270px;
    }
    .search_wrapper .search_item{
        width:260px;
    }
    .search_wrapper .search_item.second{
        width:276px;
    }
    .search_wrapper .search_item.third{
        width:260px;
    }
    #loginform{
        float: none;
        margin-bottom: 20px;
    }
    #register{
        float: none;
        margin-bottom: 20px;
    }
    #loginform .row input[type="text"],
    #loginform .row input[type="password"],
    #register .row input[type="password"],
    #register .row input[type="text"]{
        width:272px; 
    }
    .flexslider .slides img {
        width:260px;
        height:210px;
    }
}

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-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;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:pointer 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
    margin-top: 10px;
    text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
    text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
    min-height: 150px;
    /*background: url(AjaxLoader.gif) no-repeat center center*/
}
#owl-demo .items{
    width:68px;
    height:68px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .25);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    /*  padding: 30px 0px;*/
    padding:3px;
    margin: 10px;
    color: #FFF;
}
#owl-demo .items img{
    width:68px;
    height:68px;
}