@import url("../css/fontello/css/fontello.css");
@import url("font-awesome.min.css");

* {
    margin:     0 auto;
    padding:    0;
    outline:    none;
    list-style: none;
}

body {
    background:  #FFF;
    font-size:   14px;
    font-family: 'Roboto', sans-serif, serif;
    font-weight: 400;
}

p {
    font-size:     14px;
    font-family:   'Roboto', sans-serif;
    font-weight:   300;
    line-height:   21px;
    color:         #1B1B1B;
    margin-bottom: 18px
}

p.lead {
    font-size: 17.65px;
}

h1, h2, h3, h4, h5, h6 {
    margin:      0px;
    font-family: 'Roboto', sans-serif;
    color:       #7b7b7b
}

h1 {
    font-size:   37px;
    line-height: normal;
}

h2 {
    font-size:      33px;
    line-height:    normal;
    padding-bottom: 20px;
}

h3 {
    font-size:   28px;
    font-weight: 300;
}

h4 {
    font-size:   24px;
    font-weight: 300;
}

h5 {
    font-size:     21px;
    line-height:   26px;
    margin-top:    20px;
    margin-bottom: 20px;
    font-weight:   300;
}

h6 {
    font-size: 18px;
}

.none {
    display: none;
}

.clear {
    clear: both
}

.left {
    float: left
}

.right {
    float: right
}

ul {
    margin: 0px;
}

a {
    color: #0f7dc2;
}

select {
    -moz-appearance:     none;
    text-indent:         0.01px;
    text-overflow:       '';
    background-color:    #fff;
    background-image:    url(../img/select-icon.png);
    background-position: right center;
    border:              1px solid #e8e8e8;
    padding:             10px 10px;
    font-size:           15px;
    font-family:         'Roboto', sans-serif;
    color:               #9e9f9f;
    line-height:         normal;
    border-radius:       0;
    height:              40px;
    margin:              0px;
    box-shadow:          none;
    margin-bottom:       20px;
}

select:hover {
    background-color: #F7F7F7;
    border-color:     #D4D2D2;
}

input[type="text"], input[type="password"] {
    height:           40px;
    padding:          6px 15px 6px 15px;
    font-size:        15px;
    color:            #9e9f9f;
    line-height:      25px;
    background-color: #ffffff;
    border:           1px solid #e8e8e8;
    box-shadow:       none;
    font-family:      'Roboto', sans-serif;
}

form input[type="text"]:focus, textarea:focus, input[type="password"]:focus {
    box-shadow:   none;
    border-color: #e1e1e1
}

textarea {
    height:           125px;
    padding:          6px 15px 6px 15px;
    font-size:        14px;
    color:            #3e3939;
    line-height:      18px;
    background-color: #ffffff;
    border:           1px solid #e1e1e1;
    box-shadow:       none;
    font-family:      'Roboto', sans-serif;
    margin-bottom:    18px;
}

label {
    font-size:     14px;
    color:         #3e3939;
    font-family:   'Roboto', sans-serif;
    font-weight:   400;
    margin-bottom: 6px;
}

[class*="column"] + [class*="column"]:last-child {
    float: left
}

/*========== 	 HEADER	 ==========*/

.row {
    width:     100%;
    max-width: 1200px;
    padding:   0px;
}

.row .row {
    padding: 0 0px;
}

header {
    width:  100%;
    float:  left;
    border: 1px solid #e6e6e6;
}

.utility-nav {
    width:         100%;
    float:         left;
    border-bottom: 1px solid #e6e6e6;
}

.header-social {
    width:         auto;
    float:         left;
    margin-bottom: -1px;
}

.header-social ul li {
    width:        auto;
    float:        left;
    margin-right: 1px;
}

.header-social ul li a {
    width:       36px;
    height:      43px;
    display:     inline-block;
    color:       #a6a9a9;
    background:  #f2f2f2;
    font-size:   14px;
    line-height: 43px;
    text-align:  center;
}

.utility-detail {
    width:   auto;
    float:   right;
    padding: 10px 0 0 0;
}

.utility-detail ul li {
    width:       auto;
    float:       left;
    margin-left: 35px;
}

.utility-detail ul li:first-child {
    margin-left: 0px;
}

.utility-detail ul li span {
    margin-right: 8px;
}

.utility-detail a, .utility-detail p {
    font-size:     12px;
    color:         #797a7a;
    display:       inline-block;
    margin-bottom: 0px;
}

.utility-detail a:hover {
    color: #007fc8;
}

.icon_twitter:hover {
    background: #00aced;
    color:      #fff;
}

.icon_facebook:hover {
    background: #3b5998;
    color:      #fff;
}

.icon_linkedin:hover {
    background: #007bb6;
    color:      #fff;
}

.icon_googleplus:hover {
    background: #dd4b39;
    color:      #fff;
}

.icon_rss:hover {
    background: #f26522;
    color:      #fff;
}

.primary-nav {
    width: 100%;
    float: left;
}

.top-bar {
    width:      90%;
    float:      left;
    height:     60px;
    background: none;
    padding:    0px 0 0 0;
}

.top-bar-section {
    width:       auto;
    float:       right;
    margin-left: 0px;
}

.top-bar .name {
    height:      77px;
    padding-top: 15px;
    font-size:   16px;
}

.top-bar .name h1 a {
    padding: 0 6px;
}

.top-bar-section ul li {
    background: none;
    padding:    16px 0;
}

.top-bar-section .dropdown {
    top: 60px;
}

.top-bar-section .dropdown li {
    padding: 0PX;
}

.top-bar-section li:not(.has-form) a:not(.button) {
    background:     none;
    color:          #5f5e5e;
    font-family:    'Roboto', sans-serif;
    font-weight:    300;
    text-transform: uppercase;
    padding:        0 12px !important;
}

.top-bar-section ul li:hover:not(.has-form) > a, .top-bar-section li:not(.has-form) a:not(.button):hover {
    background: none;
}

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
    line-height: 35px;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
    color:            #fff;
    background-color: #007FC8;
    background:       #007FC8;
}

.top-bar .top-bar-section ul li:hover a, .top-bar .top-bar-section ul li.selected a {
    color: #007FC8;
}

.header-phone {
    width:       auto;
    border-left: 0px solid #e6e6e6;
    padding:     10px 0 2px 0px;
}

.header-phone img {
    width:        auto;
    float:        left;
    margin-right: 14px;
}

.phone-detail {
    width:      auto;
    display:    inline-block;
    max-width:  70px;
    margin-top: 0px;
}

.header-phone figure {
    width:        auto;
    float:        left;
    margin-right: 12px;
}

.header-phone figure em {
    font-size:   40px;
    color:       #007fc8;
    font-weight: 900;
}

.header-phone p {
    width:         auto;
    display:       inline-block;
    margin-bottom: 0px;
    font-size:     14px;
    font-weight:   500;
    color:         #bbbaba;
}

.header-phone h6 {
    width:       auto;
    display:     inline-block;
    color:       #2d2d2d;
    font-weight: 500;
    line-height: 24px;
}

.header-phone h6 a {
    color:     #2d2d2d;
    font-size: 16px
}

.header-phone h6 a:hover {
    color: #007fc8;
}

.home-banner {
    width:      100%;
    float:      left;
    max-height: 720px;
    overflow:   hidden;
}

.hero-content {
    width:    100%;
    float:    left;
    position: relative;
}

.hero-content > img {
    width:      100%;
    min-height: 255px;
}

.hero-caption {
    width:    100%;
    position: absolute;
    top:      28%;
    left:     0;
}

.hero-detail {
    width:     100%;
    float:     left;
    max-width: 560px;
}

.hero-box {
    width:      100%;
    float:      left;
    background: rgba(55, 55, 55, .94);
    padding:    30px 40px 30px 40px;
}

.hero-box h5 {
    color:         #fff;
    margin-bottom: 5px;
}

.hero-box h6 {
    color:         #f0b500;
    margin-bottom: 22px;
}

.hero-box p {
    color:         #50a7ff;
    margin-bottom: 12px;
    font-size:     23px;
}

.hero-detail ul {
    width:      100%;
    float:      left;
    background: rgba(0, 0, 0, 0.89);
    padding:    14px 0 14px 42px;
    margin:     0 0 25px 0;
}

.hero-detail ul li:first-child {
    text-align: left;
}

.hero-detail ul li {
    width:      33%;
    float:      left;
    text-align: center;
}

.hero-detail ul li h6 {
    color:   #fff;
    display: inline-block;
}

.hero-detail ul li img {
    width:        auto;
    display:      inline-block;
    margin-right: 10px;
}

.search-icon span {
    font-size: 17px;
    color:     #797a7a;
    cursor:    pointer;
}

.search-icon span:hover {
    color: #007FC8;
}

.search-container {
    display:    none;
    padding:    30px 0 0;
    background: rgba(0, 0, 0, 0);
}

.utility-detail ul li:last-child {
    margin-left: 15px;
}

.utility-detail ul li .search-icon span {
    margin-right: 0px;
}

/*==========	 BUTTON		==========*/
button, .button {
    font-size:     15.25px;
    color:         #fff;
    border-radius: 4px;
    background:    #0f7dc2;
    font-family:   'Roboto', sans-serif;
    font-weight:   300;
    padding:       10px 18px;
}

a.button.darkblue {
	background-color: #0055A6;
    border: 1px solid transparent;
    transition: border-color 0.3s ease;
}

a.button.darkblue:hover {
	background-color: transparent;
    border-color: #fff;
}

.paymentPowered {
	font-size: 9px; 
    margin-top: 2px;  
    font-weight: lighter;
}

button:hover, button:focus, .button:hover, .button:focus {
}

button.secondary, .button.secondary {
    background: #0f7dc2;
    color:      #fff;
}

button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
    color:            #fff;
    background-color: #119cdc;
}

button.btnboder, .button.btnboder {
    background: rgba(0, 0, 0, 0.45);
    border:     1px solid #fff;
    padding:    8px 16px;
}

button.btnboder:hover, button.btnboder:focus, .button.btnboder:hover, .button.btnboder:focus {
    padding:      8px 16px;
    background:   rgba(255, 255, 255, 0.45);
    color:        #000;
    border-color: #000;
}

input[type="submit"], input[type="reset"] {
    font-size:     16.72px;
    color:         #fff;
    border-radius: 4px;
    background:    #0f7dc2;
    font-family:   'Roboto', sans-serif;
    font-weight:   300;
    padding:       16px 18px;
    border:        none
}

input[type="submit"]:hover, input[type="submit"]:focus, input[type="reset"]:hover, input[type="reset"]:focus {
    color:            #fff;
    background-color: #119cdc;
}

input[type="reset"] {
    margin-left: 10px;
}

/*==========	END BUTTON		==========*/

.site_searchbox {
    width:           100%;
    float:           left;
    background:      url(../img/sitesearch_bg.jpg) no-repeat;
    min-height:      215px;
    background-size: cover;
}

.searchbox_content {
    width:      100%;
    float:      left;
    background: #fff;
    margin-top: -61px;
}

.search_properti {
    width:      100%;
    float:      left;
    background: #f0b500;
    padding:    30px 10px;
    text-align: center;
    cursor:     pointer;
}

.search_properti h6 {
    color:       #fff;
    font-weight: 500;
    line-height: 24px;
}

.search_properti figure {
    width: 100%;
    float: left
}

.search_properti figure figcaption {
    width:     100%;
    display:   block;
    max-width: 140px;
    margin:    0 auto;
    padding:   9px 0;
}

.search_block {
    width:   100%;
    float:   left;
    padding: 27px 8px 26px;
}

.search_block select {
    margin: 10px 0 19px 0;
}

.search_block .column {
    padding: 0 8px;
}

.home-recent-properti {
    width:         100%;
    float:         left;
    padding:       60px 0;
    border-bottom: 1px solid #e8e8e8;
}

.recent-pro-content {
    width: 100%;
    float: left;
}

.block-title {
    width:          100%;
    float:          left;
    border-bottom:  3px solid #dcdcdc;
    position:       relative;
    padding-bottom: 10px;
    margin-bottom:  52px;
    text-align:     left;
}

.block-title h1 {
    color:          #0056a0;
    font-weight:    300;
    letter-spacing: -1px;
}

.block-title h2 {
    color:          #7b7b7b;
    font-weight:    300;
    letter-spacing: -1px;
}

.block-title h3 {
    color:       #7b7b7b;
    font-weight: 300;
}

.block-title h4 {
    color:       #7b7b7b;
    font-weight: 300;
}

.block-title span {
    font-size:     17px;
    color:         #7b7b7b;
    font-weight:   300;
    font-style:    italic;
    margin-bottom: 12px;
    display:       block;
}

.block-title .line {
    width:      100%;
    max-width:  195px;
    height:     3px;
    background: #007fc8;
    position:   absolute;
    left:       0px;
    bottom:     -3px;
    padding:    0px;
    margin:     0px;
}

.block-title .line.small {
    max-width: 72px;
}

.recent-pro-block {
    width:  100%;
    float:  left;
    border: 1px solid #fff;
}

.recent-pro-block figure {
    width: 100%;
    float: left;
}

.recent-overlay {
    width:              100%;
    float:              left;
    position:           relative;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition:    all 0.4s ease-in-out;
    -o-transition:      all 0.4s ease-in-out;
    -ms-transition:     all 0.4s ease-in-out;
    transition:         all 0.4s ease-in-out;
}

.recent-overlay img {
    width:   auto;
    display: block;
}

.overlay-block {
    position:                    absolute;
    background:                  rgba(255, 255, 255, 0.15);
    text-align:                  center;
    width:                       100%;
    height:                      100%;
    float:                       left;
    left:                        0%;
    top:                         0%;
    opacity:                     0;
    -webkit-transition:          all 0.4s ease-in-out;
    -moz-transition:             all 0.4s ease-in-out;
    -o-transition:               all 0.4s ease-in-out;
    -ms-transition:              all 0.4s ease-in-out;
    transition:                  all 0.4s ease-in-out;
    -webkit-transform:           scale(0);
    -moz-transform:              scale(0);
    -o-transform:                scale(0);
    -ms-transform:               scale(0);
    transform:                   scale(0);
    -webkit-backface-visibility: hidden;
    padding:                     22px;
}

.recent-overlay:hover .overlay-block {
    -webkit-transform: scale(1);
    -moz-transform:    scale(1);
    -o-transform:      scale(1);
    -ms-transform:     scale(1);
    transform:         scale(1);
    opacity:           1;
    cursor:            pointer;
}

.overlay-block h6 {
    font-size:   16px;
    color:       #fff;
    font-weight: 400;
    background:  rgba(0, 0, 0, 0.74);
    text-align:  left;
    padding:     7px 12px;
    width:       100%;
    float:       left;
    max-width:   200px;
}

.overlay-facility {
    width: 100%; /*float:l*/
}

.recent_facility {
    width:      100%;
    float:      left;
    text-align: center;
    background: rgba(0, 0, 0, 0.74);
    margin-top: 55%;
    padding:    11px 0;
}

.recent_facility .pro_sqfoot {
    width: 50%;
    float: left;
}

.recent_facility .pro_badroom {
    width: 25%;
    float: left;
}

.recent_facility .pro_bathtub {
    width: 25%;
    float: left;
}

.recent_facility span {
    font-size:    14px;
    color:        #ffffff;
    line-height:  28px;
    border-right: 1px solid rgba(255, 255, 255, 0.22);
    display:      block;
}

.recent_facility span img {
    width:          15px;
    margin-right:   5px;
    display:        inline-block;
    vertical-align: 1px;
}

.recent-pro-desc {
    width:      100%;
    float:      left;
    padding:    33px 25px 32px 25px;
    background: #f7f7f7;
    position:   relative
}

.recent-pro-desc:after {
    content:       '';
    position:      absolute;
    top:           26px;
    left:          -37px;
    width:         0;
    height:        0;
    border-top:    23px solid transparent;
    border-right:  38px solid #f7f7f7;
    border-bottom: 23px solid transparent;
    z-index:       9999;
}

.recent-pro-desc h5 {
    color:         #525252;
    font-weight:   400;
    margin-bottom: 14px;
}

.recent-pro-desc h5 a {
    color: #525252;
}

.recent-pro-desc h5 a:hover {
    color: #007fc8;
}

.recent-pro-desc p {
    color: #9e9f9f;
}


.limitedText {
	text-align: center; 
    margin-top: 30px; 
    color: #fff; 
    font-size: 12px; 
    font-weight: bold;
}

.properti-footer {
    width: 100%;
    float: left
}

.properti-footer .pro_manth {
    width:      50%;
    float:      left;
    background: #5b5b5b;
    text-align: center;
}

.properti-footer .pro_btn {
    width: 100%;
    float: left;
}

.properti-footer .pro_btn a, .properti-footer .pro_manth span {
    width:         100%;
    display:       inline-block;
    font-size:     20px;
    color:         #fff;
    border-radius: 0px;
    padding:       17px 12px;
    margin-bottom: 0px;
    line-height:   25px;
}

.recent-slider {
    width: 100%;
    float: left
}

.recent-slider .slick-prev, .recent-slider .slick-next {
    width:         40px;
    height:        40px;
    opacity:       0.75;
    top:           385px;
    background:    #007fc8 url(../img/event-arrow.png) no-repeat center;
    border:        1px solid #007fc8;
    border-radius: 0px
}

.recent-slider .slick-prev {
    background-position: 12px -22px;
    right:               47px;
    left:                inherit
}

.recent-slider .slick-next {
    background-position: -28px -22px;
}

.recent-slider .slick-prev:hover, .recent-slider .slick-prev:focus, .recent-slider .slick-next:hover, .recent-slider .slick-next:focus {
    opacity:    3;
    background: #fff url(../img/event-arrow.png) no-repeat center;
}

.recent-slider .slick-prev:hover, .recent-slider .slick-prev:focus {
    background-position: 12px 11px;
}

.recent-slider .slick-next:hover, .recent-slider .slick-next:focus {
    background-position: -28px 11px;
}

.home-featured-properti {
    width:         100%;
    float:         left;
    padding:       60px 0 110px 0;
    border-bottom: 1px solid #e8e8e8;
}

.featured_block {
    width: 100%;
    float: left;
}

.featured_block figure {
    width:    100%;
    float:    left;
    position: relative
}

.featured_overlay {
    width:      100%;
    position:   absolute;
    left:       0px;
    bottom:     0px;
    background: rgba(0, 127, 200, 0.85);
    max-width:  415px;
}

.featured_overlay h2 {
    color:       #fff;
    font-weight: 400;
    padding:     19px 20px;
    position:    relative;
    height:      77px;
}

.featured_overlay h2:after {
    content:      '';
    width:        0;
    height:       0;
    border-style: solid;
    border-width: 77px 45px 0 0;
    border-color: rgba(0, 127, 200, 0.85) transparent transparent transparent;
    position:     absolute;
    top:          0px;
    right:        -44px;
}

.featured-desc {
    width:      100%;
    float:      left;
    background: #f7f7f7;
    padding:    0px 31px 26px;
}

.featured-desc h2 {
    color:         #525252;
    font-weight:   400;
    margin-bottom: 15px;
    font-size:     40px;
}

.featured-desc h2 a {
    color:       #525252;
    font-weight: 400;
}

.featured-desc p {
    font-size:   16px;
    line-height: 23px;
    color:       #696C6C;
}

.property_facility {
    width:      100%;
    float:      left;
    border-top: 1px solid #ededed;
    text-align: center
}

.property_facility > div {
    float:        left;
    border-right: 1px solid #ededed;
}

.property_facility .pro_sqfoot {
    width: 48%;
}

.property_facility .pro_badroom {
    width: 26%;
    float: left;
}

.property_facility .pro_bathtub {
    width: 26%;
    float: left;
}

.property_facility span {
    font-size:   22px;
    color:       #616363;
    line-height: 27px;
    padding:     20px 10px;
    display:     block;
}

.property_facility span img {
    width:          auto;
    margin-right:   8px;
    display:        inline-block;
    vertical-align: -5px;
}

.featured_block .properti-footer .pro_btn a, .featured_block .properti-footer .pro_manth span {
    font-size:   25px;
    padding:     23px 12px;
    line-height: 29px;
}

.featured-service {
    width:           100%;
    float:           left;
    background:      url(../img/featured-service-BG2.jpg) no-repeat top center;
    padding:         15px 0;
    background-size: cover;
}

.service-block {
    width:      100%;
    float:      left;
    text-align: center;
    padding:    0 5px
}

.service-block .service-icon {
    width:         121px;
    height:        121px;
    position:      relative;
    border-radius: 50%;
    background:    transparent;
    border:        10px solid rgba(0, 0, 0, 0.26);
    margin:        0 auto;
    cursor:        pointer;
}

.service-block .service-icon figure {
    width:         100%;
    height:        100%;
    display:       inline-block;
    border-radius: 50%;
    background:    rgba(255, 255, 255, 0.25);
}

.service-block .service-icon em {
    font-size: 34px;
    color:     #fff;
    position:  absolute;
    top:       50%;
    left:      50%;
    transform: translate(-50%, -50%)
}

.service-description {
    width:     100%;
    display:   inline-block;
    margin:    0 auto;
    padding:   21px 5px;
    max-width: 325px;
}

.service-description h5 {
    color:         #fff;
    font-weight:   400;
    margin-bottom: 20px;
}

.service-description h5 a {
    color: #fff;
}

.service-description h5 a:hover {
    color: #000;
}

.service-description p {
    font-size:   15px;
    line-height: 23px;
    color:       #fff;
}

.btn-latest {
    font-size:       17px;
    color:           #fff;
    display:         inline-block;
    text-decoration: underline
}

.btn-latest:hover {
    color: #000
}

.btn-latest em {
    margin-left: 8px;
}

.service-block .service-icon:hover {
}

.service-block .service-icon:hover figure {
    background:         #fff;
    -webkit-transition: background-color ease-out 1s;
    -moz-transition:    background-color ease-out 1s;
    -o-transition:      background-color ease-out 1s;
    transition:         background-color ease-out 1s;
}

.service-block .service-icon:hover em {
    color: #007fc8
}

.service-detail .service-icon em {
    color:     #007fc8;
    font-size: 80px;
}

.service-detail {
    text-align: left;
    padding:    0px;
}

.service-detail p {
    font-size: 15px;
}

.service-detail .service-icon {
    width:  165px;
    height: 165px;
    cursor: default;
}

.meet-ouragents {
    width:      100%;
    float:      left;
    padding:    95px 0;
    text-align: center
}

.ouragents-block {
    width:      100%;
    display:    inline-block;
    text-align: left;
    max-width:  318px;
    margin:     0 auto;
    margin-top: 40px;
}

.ouragents-image {
    width:         100%;
    display:       block;
    max-width:     155px;
    margin:        0 auto;
    border-radius: 5%;
    background:    #000;
    border:        5px solid #fff;
    position:      relative;
    margin-bottom: -81px;
    z-index:       90;
    min-height:    155px;
}

.ouragents-image img {
    width:         100%;
    border-radius: 2%;
    opacity:       0.90
}

.ouragents-desc {
    width:      100%;
    float:      left;
    background: #f1f1f1;
    padding:    88px 25px 50px;
}

.meet-ouragents h4 {
    font-family:   'Source Sans Pro', sans-serif;
    color:         #555555;
    margin-bottom: 20px;
}

.meet-ouragents h4 a {
    font-size:   15px;
    line-height: 21px;
    color:       #555555
}

.agents-footer {
    width:      100%;
    float:      left;
    padding:    15.5px 0px;
    border:     1px solid #dbdbdb;
    text-align: center;
}

.agents-footer ul {
    width:   auto;
    display: inline-block;
    margin:  auto;
}

.agents-footer ul li {
    width:   auto;
    display: inline-block;
    margin:  0 3px;
}

.agents-footer ul li a {
    width:         32px;
    height:        32px;
    background:    #fff;
    border-radius: 50%;
    box-shadow:    0px 0px 4px rgba(0, 0, 0, 0.24);
    display:       block;
    padding-top:   5px;
}

.agents-footer ul li a em {
    font-size: 18px;
    color:     #007fc8;
}

.agents-footer ul li a:hover {
    background: #007fc8;
}

.agents-footer ul li a:hover em {
    color: #fff;
}

.agents-view {
    width:      100%;
    float:      left;
    position:   absolute;
    top:        0px;
    left:       0;
    right:      0;
    bottom:     0;
    text-align: left;
    background: #007ddb;
    padding:    88px 25px 50px
}

.agents-view h4 {
    font-family:   'Source Sans Pro', sans-serif;
    color:         #555555;
    margin-bottom: 10px;
}

.agents-view h4 a {
    color: #fff;
}

.agents-view h4 span {
    color: #fff;
}

.agents-view p {
    font-size:     15px;
    color:         #fff;
    line-height:   21px;
    font-weight:   300;
    margin-bottom: 0px;
    padding:       4px 0;
}

.agents-view p a {
    color: #fff;
}

.agents-view p a em {
    font-size:    18px;
    color:        #fff;
    margin-right: 5px;
}

.ouragents-desc {
    width:              100%;
    height:             auto;
    float:              left;
    position:           relative;
    overflow:           hidden;
    -webkit-box-shadow: 1px 1px 2px #e6e6e6;
    -moz-box-shadow:    1px 1px 2px #e6e6e6;
    box-shadow:         1px 1px 2px #e6e6e6;
    cursor:             default;
}

.ouragents-desc .agents-view {
    overflow:            hidden;
    left:                0;
    top:                 100%;
    transition-duration: 0.5s;
}

.ouragents-block:hover .ouragents-desc .agents-view {
    top:                 0px;
    transition-duration: 0.2s;
}

.news_subscribe {
    width:      100%;
    float:      left;
    background: url(../img/news_subscribeBG.jpg) no-repeat top left;
    padding:    12px 0;
}

.subscribe {
    width:   100%;
    float:   left; /*border:1px solid #fff*/;
    padding: 50px 10px 29px 10px;
}

.subscribe h1 {
    color:         #fff;
    font-weight:   400;
    margin-bottom: 16px;
}

.subscribe h1 em {
    margin-right: 25px;
}

.subscribe p {
    font-size:   15px;
    line-height: 25px;
    color:       #fff;
    font-weight: 400;
}

.subscribe form {
    width:      100%;
    float:      left;
    position:   relative;
    margin-top: 30px;
}

.subscribe form input[type="text"] {
    width:         70%;
    float:         left;
    background:    #fff url(../img/newsemail_icon.png) no-repeat center left 15px;
    height:        55px;
    border-radius: 8px;
    line-height:   24px;
    padding:       10px 15px 10px 45px;
    margin-right:  30%;
}

.subscribe form input[type="submit"] {
    font-size:     18px;
    position:      absolute;
    top:           0px;
    right:         0px;
    border-radius: 8px;
    padding:       16px 15px;
    line-height:   23px;
    border-left:   6px solid transparent;
}

/*==========	 Slider		==========*/

.three-col-slider, .four-col-slider, .two-col-slider {
    width: 100%;
    float: left
}

.two-col-slider .slick-prev, .two-col-slider .slick-next,
.three-col-slider .slick-prev, .three-col-slider .slick-next,
.four-col-slider .slick-prev, .four-col-slider .slick-next {
    width:         40px;
    height:        40px;
    opacity:       0.75;
    top:           -85px;
    background:    #007fc8 url(../img/event-arrow.png) no-repeat center;
    border:        1px solid #007fc8;
    border-radius: 0px
}

.two-col-slider .slick-prev {
    background-position: 12px -22px;
    right:               47px;
    left:                inherit
}

.two-col-slider .slick-next {
    background-position: -28px -22px;
    right:               0px
}

.three-col-slider .slick-prev, .four-col-slider .slick-prev {
    background-position: 12px -22px;
    right:               62px;
    left:                inherit
}

.three-col-slider .slick-next, .four-col-slider .slick-next {
    background-position: -28px -22px;
    right:               15px
}

.two-col-slider .slick-prev:hover, .two-col-slider .slick-prev:focus,
.two-col-slider .slick-next:hover, .two-col-slider .slick-next:focus,
.three-col-slider .slick-prev:hover, .three-col-slider .slick-prev:focus,
.three-col-slider .slick-next:hover, .three-col-slider .slick-next:focus,
.four-col-slider .slick-prev:hover, .four-col-slider .slick-prev:focus,
.four-col-slider .slick-next:hover, .four-col-slider .slick-next:focus {
    opacity:    3;
    background: #fff url(../img/event-arrow.png) no-repeat center;
}

.two-col-slider .slick-prev:hover, .two-col-slider .slick-prev:focus,
.three-col-slider .slick-prev:hover, .three-col-slider .slick-prev:focus,
.four-col-slider .slick-prev:hover, .four-col-slider .slick-prev:focus {
    background-position: 12px 11px;
}

.two-col-slider .slick-next:hover, .two-col-slider .slick-next:focus,
.three-col-slider .slick-next:hover, .three-col-slider .slick-next:focus,
.four-col-slider .slick-next:hover, .four-col-slider .slick-next:focus {
    background-position: -28px 11px;
}

/*==========	End Slider		==========*/

.testimonials-section {
    width:      100%;
    float:      left;
    padding:    90px 0 65px;
    background: #fff;
    text-align: center;
    position:   relative
}

.testimonials-section:after {
    content:    '';
    width:      100%;
    height:     8px;
    background: url(../img/dotex-layer.gif) repeat center;
    position:   absolute;
    bottom:     0px;
    left:       0px;
}

.testimonials-section h2 {
    color:         #494949;
    margin-bottom: 35px;
}

.testimonial-slider {
    width: 100%;
    float: left
}

.testimonial-block {
    width:      100%;
    display:    inline-block;
    position:   relative;
    padding:    45px 30px 35px 30px;
    margin:     0 auto;
    max-width:  925px;
    text-align: center;
    margin-top: 45px;
}

.testimonial-block:before {
    content:  url(../img/quotes-start-icon.png);
    position: absolute;
    top:      0px;
    left:     0px;
}

.testimonial-block:after {
    content:  url(../img/quotes-end-icon.png);
    position: absolute;
    bottom:   -10px;
    right:    0px;
}

.testimonial-block p {
    font-size:     17.3px;
    color:         #8a8888;
    font-weight:   300;
    font-style:    italic;
    text-align:    center;
    font-style:    italic;
    line-height:   31.01px;
    margin-bottom: 0px;
}

.testimonial {
    width:      100%;
    float:      left;
    text-align: center;
}

.testimonial-image {
    width:      auto;
    display:    inline-block;
    text-align: left;
    margin:     0 auto;
}

.testimonial-image figure {
    width:         80px;
    height:        80px;
    float:         left;
    border-radius: 50%;
    margin-right:  12px;
}

.testimonial-image figure img {
    width:         100%;
    border-radius: 50%
}

.testimonial-image h4 {
    color:       #2e2e2e;
    font-weight: 400;
    display:     table;
    line-height: 24px;
    margin-top:  16px;
}

.testimonial-image span {
    font-size:   19.5px;
    color:       #2e2e2e;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    float:       left;
    margin-top:  -5px;
}

.testimonial-slider .slick-dots {
    bottom: inherit;
    top:    0px;
}

.logo-wraper {
    width:   100%;
    float:   left;
    padding: 5px 0;
}

.logo-slider figure {
    width:      100%;
    float:      left;
    text-align: center;
}

/*==========	 FOOTER		==========*/
footer {
    width:            100%;
    float:            left;
    background-color: #0f7dc2;
    padding:          68px 0 45px;
    background-size:  cover;
}

.footer-top {
    width:          100%;
    float:          left;
    border-bottom:  1px solid rgba(255, 255, 255, 0.42);
    padding-bottom: 36px;
}

footer h6 {
    font-size:     15.04px;
    color:         #fff;
    font-weight:   700;
    margin-bottom: 24px;
}

footer p {
    font-size:   13.16px;
    color:       #fff;
    font-weight: 400;
    line-height: 20.67px
}

.arrow-nav {
    width:     100%;
    float:     left;
    max-width: 200px;
}

.arrow-nav ul {
    width:  100%;
    float:  left;
    margin: 0
}

.arrow-nav ul li {
    background: url(../img/arrow-icon.png) 0 10px no-repeat;
    padding:    2px 0 2px 20px;
}

.arrow-nav ul li a {
    font-size:   13.16px;
    color:       #fff;
    display:     block;
    text-align:  left;
    font-weight: 400;
    line-height: 22.67px;
}

.arrow-nav ul li:hover a {
    color: #0056a0;
}

.helpful-content {
    width:        100%;
    float:        left;
    padding-left: 20px;
}

.footer-menu {
    width:     100%;
    float:     left;
    max-width: 200px;
}

.footer-menu ul {
    width:  100%;
    float:  left;
    margin: 0
}

.footer-menu ul li {
    display: block;
    padding: 0 0 0 0px;
}

.footer-menu ul li a {
    font-size:   13.16px;
    color:       #fff;
    display:     block;
    text-align:  left;
    font-weight: 400;
    line-height: 22.57px;
}

.footer-menu ul li:hover a {
    color: #007fc8;
}

.contact-info {
    width: 100% !important;
    float: left;
}

.contact-info p {
    line-height:   22.57px;
    margin-bottom: 14px;
}

.contact-info p em {
    font-size:    24px;
    color:        #fff;
    width:        30px;
    float:        left;
    margin-right: 6px;
}

.contact-info p a {
    color:       #fff;
    margin-left: 2px;
}

.contact-info p a:hover {
    color: #0056a0;
}

.footer-bottom {
    width:       100%;
    float:       left;
    padding-top: 30px;
}

.footer-bottom p {
    font-size:   13.16px;
    text-align:  left;
    color:       #fff;
    margin:      0;
    line-height: 22.27px;
    float:       left;
}

.footer-bottom p a {
    font-size: 13.16px;
    color:     #fff;
}

.footer-bottom p a:hover {
    color: #0056a0;
}

/*==========	END FOOTER		==========*/

/*==========	INNER PAGE 		==========*/
.inner-banner {
    width:      100%;
    float:      left;
    position:   relative;
    background: #007fc8;
    max-height: 160px;
    overflow:   hidden;
}

.inner-banner img {
    width:     100%;
    float:     left;
    max-width: 100%;
    display:   block;
}

.banner-caption {
    width:      100%;
    color:      white;
    text-align: center;
    position:   absolute;
    bottom:     25%;
    background: none;
    left:       0%;
    padding:    0 0 0 60px;
    margin:     0 auto
}

.banner-caption .row {
    width:      100%;
    text-align: left;
    margin:     0 auto;
    display:    inline-block;
    max-width:  1366px;
}

.banner-caption h1 {
    color:         #fff;
    font-weight:   800;
    line-height:   47px;
    margin-bottom: 14px;
}

.inner-main {
    width:      100%;
    float:      left;
    padding:    55px 0;
    background: #fff;
}

.two-column-area {
    width: 100%;
    float: left;
}

.right_area_panel {
    padding-left: 30px;
}

.left_area_panel {
    padding-right: 0px;
}

.side_panel {
    width:       100%;
    float:       left;
    border-left: 0px solid #E6E6E6;
    padding:     60px 15px;
}

.side_panel .side_area {
    width:     100%;
    float:     right;
    margin:    0 auto;
    max-width: 291px;
}

.content_area {
    width:   100%;
    float:   left;
    padding: 48px 0;
}

.content_area .block-title {
    margin-bottom: 35px;
}

.content_area .block-title h4 {
    margin-top: 6px;
}

.side_area .block-title {
    margin-bottom: 40px;
}

.side_area .search_block {
    padding-top:   0px;
    margin-bottom: 14px;
}

.side_area .search_block select {
    margin: 0 0 20px 0;
}

.search_block .range_block {
    min-height: 95px;
    width:      100%;
    float:      left;
}

.search_block input[type="submit"] {
    width:               100%;
    float:               left;
    background:          #f0b500 url(../img/home-search-icon1.png) no-repeat;
    background-position: center left 25px;
    text-align:          left;
    padding:             16px 18px 16px 60px;
    margin-top:          20px;
}

.search_block input[type="submit"]:hover {
    background:          #007FC8 url(../img/home-search-icon1.png) no-repeat;
    background-position: center left 25px;
    -webkit-transition:  background-color ease-out 1s;
    -moz-transition:     background-color ease-out 1s;
    -o-transition:       background-color ease-out 1s;
    transition:          background-color ease-out 1s;
}

.popular-posts {
    width: 100%;
    float: left
}

.popular-posts ul {
    width:  100%;
    float:  left;
    margin: 0px;
}

.popular-posts ul li {
    width:         100%;
    float:         left;
    padding:       0px;
    margin-bottom: 26px;
}

.popular-posts ul li .popular-img {
    width: 25%;
    float: left;
}

.popular-posts ul li .popular-desc {
    width:        75%;
    float:        left;
    padding-left: 9px;
}

.popular-posts ul li .popular-desc h6 {
    font-size:   14.08px;
    color:       #007fc8;
    font-weight: 400;
    font-style:  italic;
    margin-top:  5px;
}

.popular-posts ul li .popular-desc a {
    font-size:   14.08px;
    color:       #007fc8;
    font-weight: 400;
    font-style:  italic;
}

.popular-posts ul li .popular-desc span {
    font-size:   16px;
    color:       #525252;
    font-weight: 400;
    display:     block;
}

/*==========	About Us PAGE 		==========*/
.main_content {
    width: 100%;
    float: left
}

.about-two-col {
    width:          100%;
    float:          left;
    padding-bottom: 35px;
}

.about-two-col figure {
    width: 100%;
    float: left;
}

.about-two-col h1 {
    font-size:      42px;
    color:          #7b7b7b;
    letter-spacing: -1px;
    margin-bottom:  26px
}

.about-two-col p {
    font-size:   15px;
    color:       #555555;
    line-height: 22px;
}

.about-ouragents {
    width:   100%;
    float:   left;
    padding: 25px 0;
}

.agents_listview {
    width:      100%;
    float:      left;
    text-align: center;
    margin:     35px 0;
}

.agents_listview figure {
    width:         100%;
    margin:        0 auto;
    max-width:     135px;
    border-radius: 50%;
    display:       block;
    background:    #000;
    margin-bottom: 16px;
}

.agents_listview figure img {
    width:         100%;
    border-radius: 50%;
    display:       block;
    opacity:       0.9
}

.agents_listview h4 {
    font-family:   'Source Sans Pro', sans-serif;
    color:         #555555;
    margin-bottom: 20px;
}

.agents_listview h4 a {
    line-height: 21px;
    color:       #555555
}

.agents_listview h4 a:hover {
    color: #007fc8
}

.agents_listview .agents-footer {
    border:  none;
    padding: 5px;
}

.about-recent-section {
    width:      100%;
    float:      left;
    padding:    50px 0;
    background: #f3f3f3;
    border-top: 1px solid #d8d8d8;
}

.about-recent-section .block-title {
    margin-bottom: 34px;
}

.about-recent-block {
    width:         100%;
    float:         left;
    margin-bottom: 30px
}

.recent-decs {
    width:      100%;
    float:      left;
    background: #f7f7f7;
    padding:    21px 0;
    text-align: center;
}

.recent-decs h4 {
    color:       #525252;
    font-weight: 400;
}

.recent-decs h4 a {
    color: #525252;
}

.recent-decs h4 a:hover {
    color: #007fc8;
}

.about-recent-block .property_facility span img {
    width: 20px;
}

.about-recent-block .property_facility > div {
    background: #fff;
}

.about-recent-block .property_facility span {
    font-size:      14.95px;
    color:          #616363;
    vertical-align: -1px;
    padding:        10px 8px;
}

.about-recent-block .properti-footer .pro_btn a, .about-recent-block .properti-footer .pro_manth span {
    font-size: 18px;
}

/*==========	Our Agents PAGE 		==========*/

.main-ouragents {
    width:      100%;
    float:      left;
    text-align: left;
}

.main-ouragents .ouragents-block {
    margin-bottom: 20px;
    margin-top:    0px;
}

/*==========	Our Agent Detail PAGE 		==========*/
.agent-detail-page {
    width: 100%;
    float: left
}

.agents-large-image {
    width:         100%;
    float:         left;
    margin-bottom: 30px;
    max-height:    320px;
    overflow:      hidden;
}

.agent-detail-page .block-title {
    margin-bottom: 35px;
}

.agent-contact-info .block-title {
    margin-bottom: 25px;
}

.agent-contact-info {
    width: 100%;
    float: left
}

.agent-contact-info ul {
    width:  100%;
    float:  left;
    margin: 0px 0 20px 0;
}

.agent-contact-info ul li {
    width:   100%;
    float:   left;
    padding: 6px 0
}

.agent-contact-info ul li span {
    float:       left;
    font-size:   20px;
    color:       #000;
    font-weight: 400;
}

.agent-contact-info ul li span em {
    font-size:    22px;
    color:        #000;
    width:        35px;
    text-align:   center;
    margin-right: 8px;
}

.agent-contact-info ul li span .fa-mobile {
    font-size:      34px;
    vertical-align: -4px;
}

.agent-contact-info ul li a {
    float:       left;
    font-size:   20px;
    color:       #000;
    font-weight: 300;
}

.agent-contact-info ul li a:hover {
    color: #007FC8;
}

.agent-detail-page p {
    font-size:   15px;
    color:       #555555;
    line-height: 22px;
}

.agent-comment-form {
    width:   100%;
    float:   left;
    padding: 55px 0;
}

.agent-comment-form .block-title {
    margin-bottom: 40px;
}

.agent-comment-form input[type="text"] {
    height:        49px;
    margin-bottom: 33px;
}

.agent-comment-form textarea {
    height:        185px;
    margin-bottom: 33px;
}

.agent-comment-form input[type="submit"], .agent-comment-form input[type="reset"] {
    float:     right;
    min-width: 175px;
}

/*==========	Properti PAGE 		==========*/

.properti-list {
    width: 100%;
    float: left
}

.properti-block {
    width:         100%;
    float:         left;
    margin-bottom: 44px;
}

.properti-image {
    width: 100%;
    float: left
}

.properti-image figure {
    width:    100%;
    float:    left;
    position: relative;
}

.properti-desc {
    width:      100%;
    float:      left;
    background: #f7f7f7;
    padding:    41px 30px 22px 30px;
}

.properti-desc h4 {
    color:         #525252;
    font-weight:   400;
    margin-bottom: 12px;
}

.properti-desc h4 a {
    color: #525252;
}

.properti-desc h4 a:hover {
    color: #007fc8;
}

.properti-desc p {
    font-size:   15px;
    color:       #696C6C;
    font-weight: 300;
    line-height: 22px;
}

.properti-block .properti-footer .pro_btn a, .properti-block .properti-footer .pro_manth span {
    font-size:   18px;
    line-height: 25px;
}

.properti-block .property_facility span {
    font-size:   16px;
    line-height: 25px;
    padding:     15px 10px;
}

.properti-block .property_facility span img {
    width:          20px;
    vertical-align: -2px;
}

.properti_overlay {
    position: absolute;
}

.triangle {
    width:        0px;
    height:       0px;
    border-right: 100px solid transparent;
    border-top:   100px solid #007fc8;
    position:     absolute;
    top:          0;
    display:      none;
}

.triangle em {
    position:  absolute;
    top:       -82px;
    left:      20px;
    font-size: 26px;
    color:     #fff;
}

.reduced1 .triangle {
    display: block;
}

/*==========	Properti Detail PAGE 		==========*/

.properti-detail-page {
    width: 100%;
    float: left;
}

.properti-large-slider {
    width:    100%;
    float:    left;
    overflow: hidden;
    position: relative;
}

.properti-large-slider .row {
    margin: 0 -8px;
}

.properti-large-slider .row .column {
    padding: 0 8px;
}

.properti-large-slider .slider-nav {
    margin: 20px 0;
}

.properti-description {
    width:   100%;
    float:   left;
    padding: 40px 0;
}

.properti-description .large-4.columns {
    padding-right: 0px;
}

.properti-description .large-8.columns {
    padding-left: 30px;
}

.properti-detail-panel {
    width:  100%;
    float:  left;
    border: 1px solid #d6d6d6
}

.properti-detail-panel h4 {
    color:         #fff;
    font-weight:   400;
    text-align:    center;
    background:    #007fc8;
    border-bottom: 1px solid #d6d6d6;
    padding:       9px 10px;
}

.properti-detail-menu {
    width:          100%;
    float:          left;
    padding-bottom: 20px;
}

.properti-detail-menu ul {
    width:   100%;
    float:   left;
    padding: 10px 0;
}

.properti-detail-menu ul li {
    width:   100%;
    float:   left;
    padding: 3px 0;
}

.properti-detail-menu ul li span {
    font-size:   13.08px;
    color:       #525252;
    font-weight: 400;
    line-height: 25px;
    display:     block;
    padding:     0 10px
}

.properti-detail-menu ul li h6 {
    font-size:   13.08px;
    color:       #007fc8;
    font-weight: 400;
    line-height: 25px;
    padding:     0 10px;
}

.properti-detail-menu ul li .left span {
    text-align: right;
}

.properti-description h2 {
    color:  #525252;
    margin: 10px 0 30px 0;
}

.properti-description p {
    font-size:   17.03px;
    color:       #9e9f9f;
    line-height: 31.39px;
}

.property-features {
    width:      100%;
    float:      left;
    text-align: center;
}

.property-features h3 {
    color:       #525252;
    font-weight: 400;
    text-align:  left;
}

.features_list {
    width:      100%;
    margin:     0 auto;
    padding:    45px 0px;
    float:      right;
    max-width:  800px;
    text-align: left;
}

.features_list li {
    width:   33.33333%;
    float:   left;
    padding: 8px 10px;
}

.features_list li h6, .features_list li span {
    font-size:   15.08px;
    color:       #908f8f;
    font-weight: 400;
}

.features_list li h6 em, .features_list li span em {
    font-size:    18px;
    width:        15px;
    margin-right: 8px;
    color:        #fd3e3e
}

.features_list li h6 .fa-check, .features_list li span .fa-check {
    color: #39b010;
}

.property-agent {
    width: 100%;
    float: left;
}

.property-agent .row {
    margin: 0 -10px
}

.property-agent .row .large-6.columns {
    padding: 0 10px
}

.property-agent h3 {
    margin-bottom: 34px;
}

.property-agent form textarea {
    height:    69px;
    font-size: 15px;
}

.property-agent form input[type="submit"], .property-agent form input[type="reset"] {
    float:     right;
    min-width: 145px;
}

.agent-detail {
    width: 100%;
    float: left;
}

.agent-detail figure {
    width: 100%;
    float: left;
}

.agent-image {
    width: 43%;
    float: left
}

.agent-description {
    width: 57%;
    float: left
}

.agent-information {
    width:      100%;
    float:      left;
    background: #efefef;
    padding:    13px 10px;
    position:   relative
}

.agent-information:after {
    content:       '';
    width:         0;
    height:        0;
    border-top:    0px solid transparent;
    border-right:  21px solid #efefef;
    border-bottom: 21px solid transparent;
    position:      absolute;
    top:           44px;
    left:          -20px;
}

.agent-information ul {
    width: 100%;
    float: left;
}

.agent-information ul li {
    width:   100%;
    float:   left;
    padding: 2px 0
}

.agent-information ul li em {
    display:        inline-block;
    font-size:      16px;
    color:          #007fc8;
    width:          22px;
    text-align:     center;
    margin-right:   5px;
    vertical-align: -2px;
}

.agent-information ul li .fa-mobile {
    font-size:      24px;
    vertical-align: -2px;
}

.agent-information ul li a {
    display:     inline-block;
    font-size:   13.72px;
    color:       #000;
    font-weight: 300;
}

.agent-information ul li a:hover {
    color: #007fc8;
}

.agents-social {
    width:      100%;
    float:      left;
    padding:    14px 5px;
    border-top: 1px solid #e6e6e6;
    text-align: center;
}

.agents-social ul {
    width:   auto;
    display: inline-block;
    margin:  auto;
}

.agents-social ul li {
    width:   auto;
    display: inline-block;
    margin:  0 1px;
}

.agents-social ul li a {
    width:         25px;
    height:        25px;
    background:    #fff;
    border-radius: 50%;
    box-shadow:    0px 0px 4px rgba(0, 0, 0, 0.24);
    display:       block;
    padding-top:   0px;
}

.agents-social ul li a em {
    font-size: 14px;
    color:     #007fc8;
}

.agents-social ul li a:hover {
    background: #007fc8;
}

.agents-social ul li a:hover em {
    color: #fff;
}

.agent-description .button {
    width:         100%;
    float:         left;
    margin:        0px;
    font-size:     16.72px;
    border-radius: 0px;
    padding:       15px 10px;
    font-weight:   400;
}

/*==========	Blog PAGE 		==========*/

.blog-content {
    width: 100%;
    float: left;
}

.blog-item {
    width:  100%;
    float:  left;
    margin: 30px 0;
}

.blog-item-image {
    width: 100%;
    float: left;
}

.blog-item-image img {
    width: 100%;
}

.blog-item-desc {
    width:   100%;
    float:   left;
    padding: 8px 0 0 4px;
}

.blog_title {
    width: 100%;
    float: left;
}

.blog_title h5 {
    font-size:     20.72px;
    color:         #3e3939;
    font-weight:   300;
    margin-bottom: 5px;
}

.blog_title h5 a {
    color: #3e3939;
}

.blog_title h5 a:hover {
    color: #007fc8
}

.blog_comment {
    width:  100%;
    float:  left;
    margin: 8px 0 15px 0;
}

.blog_comment span {
    font-size:    12px;
    color:        #3e3939;
    font-weight:  300;
    margin-right: 10px;
}

.blog_comment span em {
    font-size:    16px;
    color:        #575757;
    margin-right: 5px;
}

.blog_comment span a {
    font-size:   12px;
    color:       #3e3939;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.blog_comment span a:hover {
    color: #007fc8;
}

.blog-item-desc p {
    font-size:   13.67px;
    color:       #474747;
    line-height: 21.27px;
    font-weight: 300;
}

.blog-item-desc a.button {
    margin-bottom: 0px;
}

.content_area .blogtitle {
    display: none
}

.content_area .blogtitle.Media {
    display: block
}

/*==========	Blog Details PAGE 		==========*/
.blog-details {
    width:         100%;
    float:         left;
    margin-bottom: 30px;
}

.blog-details .blog-large-iamge {
    width:         100%;
    float:         left;
    margin-bottom: 20px;
}

.comment-form {
    width: 100%;
    float: left
}

.comment-form h3 {
    width:         100%;
    float:         left;
    color:         #3e3939;
    margin-bottom: 20px;
    font-weight:   300;
}

.comment-form form input[type="text"] {
    margin-bottom: 34px;
    width:         100%
}

.comment-form textarea {
    width:         100%;
    height:        225px;
    margin-bottom: 34px;
}

.comment_listview {
    width:   100%;
    float:   left;
    padding: 35px 0 15px 0;
}

.blog-content .comment-form {
    margin-bottom: 35px;
}

.comment_listview ul {
    width:      100%;
    height:     auto;
    float:      left;
    margin-top: 20px;
}

.comment_listview ul li {
    width:         100%;
    height:        auto;
    float:         left;
    margin-bottom: 25px;
    padding:       15px 15px;
    border:        1px solid #DCDCDC;
    border-radius: 10px;
}

.comment-item {
    width:  100%;
    height: auto;
    float:  left;
}

.comment-image {
    width:         70px;
    height:        70px;
    border-radius: 50%;
    float:         left;
    border:        2px solid #007EC8;
}

.comment-image figure {
    padding:       3px;
    width:         auto;
    display:       inline-block;
    border-radius: 50%;
}

.comment-image figure img {
    width:         100%;
    display:       inline-block;
    border-radius: 50%;
}

.comment-content {
    width:   auto;
    height:  auto;
    padding: 0 0 0 90px;
}

.comment-content h5 {
    font-size:      20px;
    color:          #464646;
    display:        inline-block;
    width:          auto;
    margin:         0px 22px 0px 0px;
    line-height:    20px;
    float:          left;
    font-weight:    normal;
    text-transform: capitalize;
}

.comment-content h5 a {
    font-size:   20px;
    color:       #007EC8;
    display:     inline-block;
    width:       auto;
    line-height: 20px;
    float:       left;
    font-weight: normal;
}

.comment-content h5 a:hover {
    color: #00CEF3;
}

.comment-content span {
    color:       #D4D2D2;
    font-size:   13px;
    font-weight: bold;
}

.comment-content a {
    float:       right;
    color:       #00CEF3;
    font-size:   12px;
    font-weight: bold;
}

.comment-content p {
    font-size:     14px;
    color:         #414141;
    margin-top:    8px;
    margin-bottom: 10px;
}

/*==========	Contact Us PAGE 		==========*/

.contact_block {
    width: 100%;
    float: left;
}

.contact_map_section {
    width: 55%;
    float: left
}

#map {
    width:      100%;
    height:     910px;
    float:      left;
    border:     none;
    box-shadow: none;
}

#googleMap {
    height: 100%;
    width:  100%;
}

.contact_form_section {
    width:      45%;
    float:      left;
    height:     910px;
    background: #007fc8;
    padding:    62px 15px 70px 70px;
    position:   relative
}

.contact_form_section:after {
    content:       '';
    width:         0;
    height:        0;
    border-top:    65px solid transparent;
    border-right:  115px solid #007fc8;
    border-bottom: 65px solid transparent;
    position:      absolute;
    top:           50%;
    left:          -112px;
    transform:     translateY(-50%);
}

.contact_form {
    width:     100%;
    float:     left;
    max-width: 385px;
}

.contact_form .block-title {
    margin-bottom: 26px;
}

.contact_form .block-title h2 {
    color:         #fff;
    margin-bottom: 9px;
}

.contact_form .block-title .line {
    background: #47b9fb;
}

.contact_form p {
    font-size:   15px;
    color:       #fff;
    line-height: 25px;
}

.contact_form form {
    width:      100%;
    float:      left;
    margin-top: 30px;
}

.contact_form form input[type="text"] {
    margin-bottom: 28px;
}

.contact_form form textarea {
    height:        200px;
    margin-bottom: 28px;
}

.contact_form form input[type="submit"] {
    float:        right;
    min-width:    130px;
    padding:      9.3px 38px;
    margin-right: -20px;
}

.contact_form form input[type="reset"] {
    min-width:    130px;
    padding:      9.3px 38px;
    margin-right: -20px;
}

.contact_form .clearresults {

    float:        right;

    padding:      0px;
    margin:       0px;
    margin-top:   10px;
    font-size:    10px;
    margin-right: -20px;
    color:        white;

}

.contact_form form input[type="submit"]:hover {
    background: #fff;
    color:      #007fc8
}

/*--------------------------------  FEATURES PAGE  ---------------------------------------*/
.interior_content {
    width:      100%;
    float:      left;
    background: #fff;
    padding:    45px 0 80px;
}

.interior_content .row {
    max-width: 1000px;
}

.features_right_side {
    float: right;
}

.features_right_panel {
    width:      100%;
    float:      left;
    background: transparent;
}

.features_content_area {
    width:      100%;
    float:      left;
    background: transparent;
}

.feature-menu {
    width:         100%;
    height:        auto;
    float:         left;
    margin-bottom: 35px;
}

.feature-menu p {
    font-size:      12.63px;
    color:          #fff;
    background:     #119cdc;
    border:         1px solid #60bde8;
    margin:         0px;
    text-transform: uppercase;
    padding:        11px 0px 11px 25px;
    font-weight:    300;
    letter-spacing: 1px;
    line-height:    23px;
}

.feature-menu ul {
    width:         100%;
    height:        auto;
    float:         left;
    margin:        0px;
    background:    transparent;
    border-bottom: 1px solid #cacaca;
}

.feature-menu ul li {
    width:         100%;
    height:        auto;
    float:         left;
    border-bottom: 1px solid #cacaca;
}

.feature-menu ul li a {
    font-size:   14px;
    color:       #2c2c2c;
    display:     block;
    padding:     14px 20px 14px 25px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.feature-menu ul > li > ul > li:hover a,
.feature-menu ul > li > ul > li.active a {
    color:       #000;
    font-weight: 600;
}

.features_content_area h2 {
    color:          #2c2c2c;
    font-weight:    300;
    margin:         10px 0 30px 0;
    text-transform: uppercase;
    letter-spacing: 3px;
}

/*--------------------------------  EVENT PAGE  ---------------------------------------*/
.all-event {
    width:          100%;
    float:          left;
    margin-bottom:  30px;
    border-bottom:  2px solid #f0f0e2;
    padding-bottom: 15px;
}

.all-event p {
    font-size:   16.52px;
    color:       #2c2c2c;
    font-weight: 300;
}

.event-list {
    width:  100%;
    margin: 10px 0px 0px;
    float:  left
}

.event-list-items {
    width:         100%;
    height:        auto;
    float:         left;
    background:    transparent;
    margin-bottom: 35px;
}

.event-list-items .event-item-content {
    width:      100%;
    height:     auto;
    float:      right;
    padding:    30px 27px;
    background: #f6f6f0;
    margin-top: 6px;
}

.event-list-items h6 {
    font-size:     18.46px;
    color:         #3f3f3f;
    font-weight:   300;
    margin-bottom: 8px;
}

.event-list-items h6 a {
    color: #3f3f3f;
}

.event-list-items h6 a:hover {
    color: #119cdc;
}

.event-list-items p.date-com {
    font-size:     13.06px;
    color:         #2c2c2c;
    margin-bottom: 10px;
    display:       block;
    font-weight:   600;
}

.event-list-items p.date-com span {
    font-size:    13.06px;
    color:        #2c2c2c;
    font-weight:  300;
    margin-right: 5px
}

.event-list-items p.date-com a {
    font-size:   13.06px;
    color:       #2c2c2c;
    font-weight: 300;
    margin-left: 5px
}

.event-list-items p.date-com a:hover {
    color: #119cdc
}

.event-item-content p {
    font-size:   13.06px;
    color:       #2c2c2c;
    font-weight: 400
}

.event-item-content a {
    margin:  5px 0 0 0;
    padding: 12px 30px
}

/*--------------------------------  NEWS PAGE  ---------------------------------------*/
.feature-news {
    width:         100%;
    float:         left;
    margin-bottom: 40px;
    border-bottom: 2px solid #f0f0e2;
}

.news-list {
    width:  100%;
    margin: 0px 0px 0px;
    float:  left
}

.news-items {
    width:         100%;
    height:        auto;
    float:         left;
    margin-bottom: 30px
}

.news-items h6 {
    font-size:     18.46px;
    color:         #3f3f3f;
    display:       inline-block;
    margin-bottom: 10px;
}

.news-items h6 a {
    color: #3f3f3f;
}

.news-items h6 a:hover {
    color: #119cdc;
}

.news-items span {
    font-size:   14.58px;
    color:       #b1b1a7;
    margin-left: 4px;
    display:     inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.news-items p {
    font-size:   13.06px;
    color:       #2c2c2c;
    font-weight: 400
}

/*--------------------------------  FAQS ---------------------------------------*/
.feature-faqs {
    width:          100%;
    float:          left;
    border-bottom:  2px solid #f0f0e2;
    padding-bottom: 40px;
    margin-bottom:  30px;
}

.accordion .accordion-navigation.active > a, .accordion dd.active > a {
    background: #119cdc
}

.accordion .accordion-navigation > a, .accordion dd > a {
    font-size:     14.58px;
    background:    #3f3f3f;
    color:         #ffffff;
    margin-bottom: 1px;
    font-family:   'Roboto', sans-serif;
    font-weight:   300
}

.accordion .accordion-navigation > a:hover, .accordion dd > a:hover, .accordion .accordion-navigation.active > a {
    background: #119cdc
}

.accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
    border:     1px solid #f6f6f0;
    border-top: 0px;
    padding:    20px 20px 2px 20px;
    background: #f6f6f0;
}

.accordion-navigation .content p {
    color:       #2c2c2c;
    font-size:   13.6px;
    font-weight: 300;
}

.faq-details .answer {
    border:     1px solid #f6f6f0;
    border-top: 0px;
    padding:    30px 20px 18px 20px;
    background: #f6f6f0;
}

.faq-question a:before, .faq-question a:hover:before {
    content:     "+";
    display:     table;
    position:    absolute;
    right:       18px;
    top:         15px;
    color:       #fff;
    font-weight: bold;
    text-align:  center
}

.faq-question a.active:before, .faq-question a.active:hover:before {
    content:     "-";
    background:  #119cdc;
    width:       18px;
    z-index:     99;
    right:       15px;
    font-weight: bold;
    text-align:  center;
}

.accordion:after {
    display: none;
}

.faq-details a {
    background:   none;
    box-shadow:   none;
    border:       none;
    font-size:    13.6px;
    padding-left: 0px;
    color:        #2c2c2c;
    padding:      0px;
    display:      inline-block;
    font-weight:  400;
}

.accordion-navigation .accordion .accordion-navigation > a, .accordion dd > a {
    position: relative;
}

.feature-faqs, .faq-question {
    width: 100%;
    float: left
}

.faq-question > .question > a {
    color:         #fff;
    width:         100%;
    display:       block;
    font-size:     16px;
    background:    #3f3f3f right 17px center no-repeat;
    font-family:   'Source Sans Pro', sans-serif;
    font-weight:   300;
    margin-bottom: 1px;
    padding:       15px 45px 15px 18px;
    text-shadow:   none
}

.faq-question > .question > a.active {
    background: #119cdc;
    color:      #FFF;
}

/*--------------------------------  FORUM  ---------------------------------------*/
.feature-forum {
    width:          100%;
    height:         auto;
    float:          left;
    margin-bottom:  30px;
    padding-bottom: 40px;
    border-bottom:  2px solid #f0f0e2;
}

.feature-forum .forum-name {
    width:        40%;
    height:       auto;
    float:        left;
    padding:      8px 0;
    border-right: 1px solid #fff;
}

.feature-forum ul li .forum-name {
    height: auto;
    float:  left;
}

.feature-forum .forum-topic {
    width:        13%;
    height:       auto;
    float:        left;
    padding:      8px 0 8px 12px;
    border-right: 1px solid #fefefe;
}

.feature-forum .forum-post {
    width:        13%;
    height:       auto;
    float:        left;
    padding:      8px 0 8px 12px;
    border-right: 1px solid #fefefe;
}

.feature-forum .forum-reply {
    width:   34%;
    height:  auto;
    float:   left;
    padding: 5px 0 5px 12px;
}

.feature-forum ul {
    width:  100%;
    height: auto;
    float:  left;
    margin: 0px;
}

.feature-forum ul li {
    width:         100%;
    height:        auto;
    float:         left;
    margin:        0px;
    padding:       0px 15px;
    border-bottom: 2px solid #f6f6f6;
}

.feature-forum ul li:nth-child(odd) {
    background: #fcfcfc
}

.feature-forum ul li a {
    color:       #119cdc;
    font-size:   14.58px;
    font-weight: 400;
}

.feature-forum ul li p {
    font-size:    12.63px;
    padding-top:  0px;
    line-height:  15px;
    color:        #5f5f5f;
    padding-left: 12px;
}

.feature-forum ul li .forum-topic, .feature-forum ul li .forum-post, .feature-forum ul li .forum-reply {
    padding: 11px 0;
}

.feature-forum .forum-title {
    width:      100%;
    height:     auto;
    float:      left;
    background: #f6f6f0;
    padding:    0px 15px;
}

.feature-forum p {
    font-size:   13.6px;
    color:       #303d4d;
    margin:      0px;
    font-weight: 300;
}

.feature-forum .forum-but {
    width:   100%;
    height:  auto;
    float:   left;
    padding: 0px 0px 30px 0px;
}

.feature-forum .forum-but a.button {
    text-transform: uppercase;
    min-width:      190px;
    margin-bottom:  0px;
    padding:        13px 25px;
}

.feature-forum .forum-but a.btn-topic {
    margin-right: 25px;
    padding:      11px 25px
}

.btn-topic {
    background:    none;
    border:        2px solid #3f3f3f;
    border-radius: 0px;
    color:         #3f3f3f;
}

.feature-forum .forum-but p a:hover {
    color: #119cdc;
}

.feature-forum .forum-but p a {
    font-size:      12.63px;
    color:          #2c2c2c;
    padding-bottom: 2px
}

.feature-forum .forum-but p {
    font-size:   12.63px;
    width:       auto;
    height:      auto;
    float:       left;
    display:     inline-block;
    margin:      22px 0px 0px 0px;
    color:       #2c2c2c;
    font-weight: 300
}

/*--------------------------------  MEDIA  ---------------------------------------*/
.feature-media {
    width:          100%;
    height:         auto;
    float:          left;
    padding-bottom: 40px;
    margin-bottom:  30px;
    border-bottom:  2px solid #f0f0e2;
}

p.literature-container {
    font-size:   13.6px;
    margin:      10px 0px;
    color:       #3f3f3f;
    padding:     0px;
    font-weight: 300;
}

p.literature-container span.icon {
    margin:  0 5px 0 0;
    padding: 0px
}

p.literature-container span.name {
    margin: 0 3px 0 0;
}

p.literature-container span.name a {
    text-decoration: underline;
    color:           #3f3f3f;
    font-weight:     400;
}

p.literature-container span.name a:hover {
    color: #119cdc;
}

/*--------------------------------  GALLERY  ---------------------------------------*/
.feature-gallery {
    width:          100%;
    float:          left;
    height:         auto;
    padding-bottom: 40px;
    margin-bottom:  30px;
    border-bottom:  2px solid #f0f0e2;
}

#gallery {
    width:  100%;
    height: auto;
    float:  left;
    margin: 0px;
}

#photogalleryTable {
    width:  100%;
    height: auto;
    float:  left;
    margin: 0px;
}

#gallery #photogalleryTable .columns {
    margin-bottom: 30px;
}

.feature-gallery img {
    width: 100%;
}

.feature-gallery div {
    padding: 2px;
}

.gallery div {
    padding: 3px;
}

.main-gallery #photogalleryTable .left {
    padding: 5px;
}

/*--------------------------------  BLOG  ---------------------------------------*/

.feature-blog {
    width:         100%;
    float:         left;
    padding-top:   20px;
    margin-bottom: 0px;
}

.feature-blog .blog-list {
    width:      100%;
    float:      left;
    padding:    0px;
    border:     none;
    background: none;
    margin-top: 0px
}

.blog-items {
    width:         100%;
    height:        auto;
    float:         left;
    margin-bottom: 30px;
    border-radius: 2px;
    border-bottom: 1px solid #ebebdb;
}

.blog-items figure {
    border:        1px solid #cccccc;
    padding:       4px;
    margin-bottom: 18px;
}

.blog-items h5 a {
    color:         #3f3f3f;
    font-weight:   300;
    margin-bottom: 8px;
    display:       block
}

.blog-items h5 a:hover {
    color: #119cdc;
}

.blog-items span {
    font-size:     13.6px;
    color:         #2c2c2c;
    margin-bottom: 18px;
    display:       block;
    font-weight:   300;
}

.blog-items p {
    font-size: 13.6px;
    color:     #2c2c2c;
}

.blog-items p a {
    font-size:   12.63px;
    color:       #119cdc;
    font-weight: 400;
}

.blog-items p.blog-comment span {
    display: inline-block
}

.blog-items p.blog-comment span:before {
    content:         '|';
    font-size:       12.63px;
    margin:          0 7px;
    text-decoration: none;
    color:           #0091e4;
}

.blog-items p.blog-comment span:first-child:before {
    content: '';
    margin:  0px
}

.blog-items:last-child {
    border-bottom: none;
    margin-bottom: 0px
}

/*----- PAGINATION NAV ----------*/
.pagination_navigation {
    width:      100%;
    height:     auto;
    float:      left;
    padding:    10px 0;
    text-align: center;
}

ul.pagination {
    width:   auto;
    height:  auto;
    margin:  0 auto;
    display: inline-block;
}

ul.pagination li {
    border: 2px solid #119cdc;
    height: auto;
    margin: 0 5px;
}

ul.pagination li a {
    font-size:     14px;
    color:         #119cdc;
    font-family:   'Source Sans Pro', sans-serif;
    font-weight:   300;
    padding:       4px 12px;
    border-radius: 0px;
}

ul.pagination li.current, ul.pagination li:hover {
    border-color: #119cdc;
}

ul.pagination li.current a, ul.pagination li:hover a, ul.pagination li.current:hover a {
    background:    #119cdc;
    color:         #fff;
    border-radius: 0px;
}

/*--------------------------------  STOREE  ---------------------------------------*/

.feature-store {
    width:      100%;
    float:      left;
    height:     auto;
    margin:     30px 0 0 0;
    padding:    20px 0;
    border-top: 2px solid #f0f0e2;
}

.feature-store .view-cart {
    width:  auto;
    height: auto;
    float:  right;
}

.feature-store .view-cart p {
    text-transform: uppercase;
    font-size:      13.63px;
    margin-bottom:  15px;
    color:          #2c2c2c;
    font-weight:    400;
}

.feature-store .view-cart p a {
    padding:     0;
    width:       auto;
    margin-left: 8px;
    color:       #119cdc;
    font-weight: 400;
}

.feature-store .view-cart a i {
    font-size: 21px;
    color:     #fff;
}

.feature-store ul {
    width:       auto;
    float:       left;
    margin:      0px;
    padding-top: 30px;
}

.feature-store ul li {
    margin-bottom: 30px;
    background:    #ffffff;
}

.shop-block {
    width:         100%;
    float:         left;
    border:        2px solid #4e4e4e;
    border-radius: 0px;
    padding:       15px;
}

.feature-store ul li .shop-images {
    width: 100%;
    float: left;
}

.feature-store ul li .shop-images img {
    width:  auto;
    height: auto;
}

.feature-store ul li .shop-description {
    width:   100%;
    float:   left;
    padding: 35px 0 15px 0;
}

.feature-store ul li .shop-description h6 {
    margin-bottom: 8px;
}

.feature-store ul li .shop-description h6 a {
    font-size:      15.55px;
    display:        block;
    text-align:     center;
    color:          #119cdc;
    text-transform: uppercase;
    font-weight:    300;
}

.feature-store ul li .shop-description p.new-price {
    width:         auto;
    text-align:    center;
    font-size:     15.55px;
    color:         #929292;
    margin-bottom: 0px;
    font-weight:   300;
}

.button-scheme {
    width:   100%;
    height:  auto;
    float:   left;
    padding: 20px 0px 0px 0px;
}

.button-class {
    width:  100%;
    height: auto;
    float:  left;
}

.button-class ul {
    width:  100%;
    height: auto;
    float:  left;
    margin: 0px;
}

.button-class ul li {
    width:         auto;
    height:        auto;
    float:         left;
    margin-bottom: 12px;
    margin-right:  25px;
}

.view-overlay {
    width:              100%;
    float:              left;
    position:           relative;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition:    all 0.4s ease-in-out;
    -o-transition:      all 0.4s ease-in-out;
    -ms-transition:     all 0.4s ease-in-out;
    transition:         all 0.4s ease-in-out;
}

.view-overlay img {
    width:   auto;
    display: block;
}

.overlay-icon {
    position:                    absolute;
    background:                  rgba(53, 54, 54, 0.75);
    text-align:                  center;
    width:                       100%;
    height:                      100%;
    left:                        0%;
    top:                         0%;
    opacity:                     0;
    -webkit-transition:          all 0.4s ease-in-out;
    -moz-transition:             all 0.4s ease-in-out;
    -o-transition:               all 0.4s ease-in-out;
    -ms-transition:              all 0.4s ease-in-out;
    transition:                  all 0.4s ease-in-out;
    -webkit-transform:           scale(0);
    -moz-transform:              scale(0);
    -o-transform:                scale(0);
    -ms-transform:               scale(0);
    transform:                   scale(0);
    -webkit-backface-visibility: hidden;
}

/*.view-overlay:hover .overlay-icon { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; cursor: pointer;}*/

.overlay-icon a {
    width:         55px;
    height:        55px;
    float:         left;
    border-radius: 50%;
    color:         #fff;
    position:      absolute;
    top:           50%;
    left:          50%;
    transform:     translate(-50%, -50%)
}

.overlay-icon a em {
    font-size: 28px;
    position:  absolute;
    top:       50%;
    left:      50%;
    transform: translate(-50%, -50%)
}

.margin-b20 {
    margin-bottom: 20px
}

.bullet_list {
    list-style:    none;
    margin-left:   5px;
    margin-bottom: 18px;
    font-family:   'Roboto', sans-serif;
}

.bullet_list li {
    background:   url(../img/bullet_item.png) 0 4px no-repeat;
    padding-left: 22px;
    margin:       10px 0;
    font-size:    14px;
    font-weight:  400;
    line-height:  18.01px;
    color:        #6b6c6c;
}

ul.side_menu {
    width:      100%;
    height:     auto;
    float:      left;
    margin:     10px 0;
    background: transparent;
    padding:    0px;
}

ul.side_menu li {
    width:         100%;
    height:        auto;
    float:         left;
    border-bottom: 1px solid #007FC8;
    margin-bottom: 0px;
}

#form-login .item {
    width: 100%;
    float: left;
}

#form-login .item input[type="checkbox"] {
    float:      left;
    margin-top: 4px;
}

#form-login form .item label {
    display: inline-block !important;
    width:   auto;
    float:   left;
}

#form-login .item input[type="submit"] {
    min-width: 125px;
}

a#catshopbuy {
    color:          #fff;
    text-transform: uppercase;
    font-size:      18px;
    font-weight:    700;
    border-radius:  5px;
    padding:        12px 15px;
    display:        inline-block;
    background:     #119cdc;
    margin-bottom:  20px;
}

a#catshopbuy:hover {
    background:   #f0b500;
    color:        #fff;
    border-color: #f0b500;
}

a#catshopclear {
    color:          #fff;
    float:          right;
    text-transform: uppercase;
    font-size:      14px;
    font-weight:    700;
    border-radius:  5px;
    padding:        1em;
    display:        inline-block;
    background:     #119cdc;
}

a#catshopclear:hover {
    background:   #f0b500;
    color:        #fff;
    border-color: #f0b500;
}

fieldset legend {
    background: none;
}

#preloader {
    position:         fixed;
    top:              0;
    left:             0;
    right:            0;
    bottom:           0;
    background-color: #202020;
    height:           100%;
    z-index:          9999;
    overflow:         hidden;
}

#status {
    width:               200px;
    height:              200px;
    position:            absolute;
    left:                50%;
    top:                 50%;
    background-image:    url(../img/logo-loader.png);
    background-repeat:   no-repeat;
    background-position: center;
    margin:              -100px 0 0 -100px;
    z-index:             9999;

}

.search-msg, .webappsearchresults {
    font-size:     17px;
    color:         #555555;
    line-height:   23px;
    margin-bottom: 20px;
}

.search-msg strong {
    margin-right: 4px;
}

/*==========	Media Query 		==========*/

@media (max-width: 1199px) {
    .recent-pro-block {
        position: relative
    }

    .recent-pro-block .large-6.right {
        position:         absolute;
        top:              0px;
        right:            0px;
        height:           100%;
        background-color: #F7F7F7;
    }

    .recent-pro-block .properti-footer {
        position: absolute;
        bottom:   0px;
    }

    .properti-footer .pro_btn a, .properti-footer .pro_manth span {
        font-size: 17px;
        padding:   11px 10px;
    }

    .recent-pro-desc {
        padding: 20px 15px 0 15px;
    }

    .overlay-block {
        padding: 10px;
    }

    .contact_form_section {
        padding: 35px 25px 70px 25px;
    }
}

@media (max-width: 1124px) {
    .top-bar {
        height: 89px;
        width:  auto;
    }

    .top-bar-section .dropdown {
        top: 69px;
    }

    .top-bar-section ul li {
        padding: 12px 0;
    }

    .top-bar-section li:not(.has-form) a:not(.button) {
        padding: 0 12px !important
    }

    .logo {
        margin-top: -7.5% !important;
    }

    .phone-detail {
        margin-top: 4px;
        max-width:  110px
    }

    .header-phone {
        padding: 9px 0 5px 15px;
    }

    .header-phone p {
        font-size: 12px;
    }

    .header-phone h6 {
        font-size: 14px;
    }

    .header-phone figure em {
        font-size: 55px;
    }

    .hero-caption {
        top: 65px;
    }

    .featured-desc {
        padding: 50px 25px 26px;
    }

    .featured_block .properti-footer .pro_btn a, .featured_block .properti-footer .pro_manth span {
        padding: 22px 12px;
    }

}

@media (max-width: 1024px) {
    .search_block {
        padding: 10px 8px 40px
    }

    .search_properti {
        padding: 47px 10px;
    }

    .search_block select {
        margin: 10px 0 10px 0;
    }

    .hero-caption {
        top: 50px;
    }

    .hero-detail {
        /*max-width: 425px;*/
    }

    .hero-box {
        padding: 15px 15px 0 15px;
    }

    .hero-detail ul li h6 {
        font-size: 14px;
    }

    .hero-detail ul li img {
        width:          19px;
        vertical-align: -2px;
    }

    .hero-detail ul {
        padding: 10px 0
    }

    .hero-detail ul li {
        width: 28%
    }

    .hero-detail ul li:first-child {
        width:      44%;
        text-align: center;
    }

    .hero-detail .button {
        font-size: 16px;
        padding:   12px 16px;
        margin:    0px;
    }

    .recent-pro-block .large-6.right, .recent-pro-block .properti-footer {
        position: inherit;
    }

    .recent-pro-desc {
        padding: 30px 30px 14px 30px;
    }

    .recent-pro-desc:after {
        top:           -26px;
        left:          0px;
        right:         0px;
        margin:        0 auto;
        border-left:   23px solid transparent;
        border-bottom: 38px solid #f7f7f7;
        border-right:  23px solid transparent;
        border-top:    inherit !important;
        z-index:       9999;
    }

    .featured-desc {
        padding: 25px 20px 12px;
    }

    .property_facility span .properti-block .property_facility span {
        font-size: 16px;
        padding:   12px 10px;
    }

    .property_facility span img {
        width:          20px;
        vertical-align: -2px;
    }

    .featured_block .properti-footer .pro_btn a, .featured_block .properti-footer .pro_manth span {
        padding:     16px 12px;
        font-size:   18px;
        line-height: 23px;
    }

    .ouragents-block {
        margin-top: 0px;
    }

    .news_subscribe {
        text-align: center;
    }

    .subscribe form {
        display:    inline-block;
        position:   relative;
        max-width:  450px;
        float:      none;
        margin-top: 10px;
    }

    .subscribe form input[type="text"] {
        width:         100%;
        margin-right:  0px;
        height:        48px;
        padding:       5px 135px 5px 45px;
        margin-bottom: 0px;
    }

    .subscribe form input[type="submit"] {
        font-size:     16px;
        padding:       13px 10px;
        line-height:   22px;
        width:         125px;
        border-left:   none;
        border-radius: 0 8px 8px 0;
    }

    .helpful-content {
        padding-left: 0px;
    }

    .footer_about {
        width:   24%;
        padding: 0 15px
    }

    .footer_quicklink {
        width:   16%;
        padding: 0 15px
    }

    .footer_service {
        width:   21%;
        padding: 0 15px
    }

    .footer_helplink {
        width:   15%;
        padding: 0 15px
    }

    .footer_info {
        width:   37%;
        padding: 0 15px
    }

    .about-two-col figure {
        text-align: center;
    }

    .about-two-col h1 {
        font-size: 36px;
    }

    .agent-detail {
        margin-bottom: 40px;
    }

    .agent-detail figure {
        width:      100%;
        float:      left;
        max-height: 245px;
        overflow:   hidden;
    }

}

@media (max-width: 991px) {
    .top-bar {
        width: 100%;
    }

    .header-phone {
        display: none
    }

    .top-bar-section {
        margin-left: 5px;
    }

    .top-bar-section li:not(.has-form) a:not(.button) {
        padding: 0 10px !important;
    }

    .utility-detail ul li {
        margin-left: 16px;
    }

    .searchbox_content {
        margin-top: -30px;
    }

    .featured-desc h2 {
        font-size: 26px;
    }

    .featured_overlay {
        width: auto;
    }

    .featured_overlay h2 {
        padding:   13px 20px;
        height:    50px;
        font-size: 20px;
    }

    .featured_overlay h2:after {
        border-width: 50px 30px 0 0;
        right:        -30px;
    }

    .home-featured-properti, .home-recent-properti, .featured-service, .meet-ouragents, footer, .inner-main, .about-recent-section, .content_area {
        padding: 35px 0;
    }

    .testimonials-section {
        padding: 35px 0 45px 0;
    }

    .testimonial-block {
        padding: 25px 30px;
    }

    .subscribe {
        padding: 25px 0px 15px 0px
    }

    footer p {
        font-size: 12px;
    }

    footer h6 {
        margin-bottom: 16px;
    }

    .footer_about {
        width:      61%;
        min-height: 175px;
    }

    .footer_quicklink {
        width:      39%;
        min-height: 175px;
    }

    .footer_service {
        width: 35%;
    }

    .footer_helplink {
        width: 26%;
    }

    .footer_info {
        width: 59%;
    }

    .agents_listview {
        margin-bottom: 0px;
    }

    .about-two-col {
        padding-bottom: 0px;
    }

    .block-title {
        margin-bottom: 35px;
    }

    .about-two-col figure {
        text-align: center;
    }

    .about-two-col h1 {
        margin-bottom: 20px;
    }

    .main-ouragents .ouragents-block {
        margin-bottom: 20px;
        margin-top:    15px;
    }

    .side_panel {
        padding: 60px 15px;
    }

    .left_area_panel {
        padding-right: 15px;
    }

    .right_area_panel {
        padding-left: 15px;
    }

    .agent-contact-info ul li span {
        font-size: 14px;
        width:     90px;
    }

    .agent-contact-info ul li span em {
        font-size: 20px;
    }

    .agent-contact-info ul li a {
        font-size: 15px;
    }

    .agent-contact-info ul li span .fa-mobile {
        font-size:      26px;
        vertical-align: -5px;
    }

    .side_panel .side_area .search_block {
        padding: 10px 0px 40px;
    }

    .side_area .search_block .column {
        padding: 0px;
    }

    .properti-desc {
        padding: 25px 20px 7px 20px;
    }

    .properti-description p {
        font-size:   14px;
        line-height: 25px;
    }

    .agent-detail {
        margin-bottom: 40px;
    }

    .contact_map_section, .contact_form_section {
        width:  100%;
        height: inherit;
    }

    #map {
        height: 425px;
    }

    .contact_form_section:after {
        border-left:   45px solid transparent;
        border-bottom: 50px solid #007fc8;
        border-right:  45px solid transparent;
        border-top:    inherit !important;
        top:           -49px;
        left:          50%;
        transform:     translate(-50%, 0);
        margin:        0 auto;
    }

    .feature-forum .forum-but p {
        width:  100%;
        margin: 22px 0px 20px 0px;
    }

    .home-featured-properti .block-title, .meet-ouragents .block-title, .home-recent-properti .block-title {
        margin-bottom: 52px;
    }
}

@media (max-width: 799px) {
    .top-bar-section li:not(.has-form) a:not(.button) {
        padding: 0 7px !important;
    }

    .search_block input[type="submit"] {
        background-position: center left 12px;
        padding:             16px 18px 16px 45px;
    }

    .search_block input[type="submit"]:hover {
        background-position: center left 12px;
        padding:             16px 18px 16px 45px;
    }

    .properti-block .medium-7.left, .properti-block .medium-5.left {
        width: 100%;
    } 

}

@media (max-width: 930px) {

    .footer-bottom p {
        width:         100%;
        text-align:    center;
        margin-bottom: 5px;
    }
    
}

@media (max-width: 767px) {
    .primary-nav .medium-12 {
        padding: 0 10px;
    }

    .footer-bottom p {
        width:         100%;
        text-align:    center;
        margin-bottom: 5px;
    }
    
    .top-bar-section li:not(.has-form) a:not(.button) {
        padding:   0 6px !important;
        font-size: 12px;
    }

    .searchbox_content {
        margin-top: 0px;
    }

    .site_searchbox {
        padding: 15px 0;
    }

    .searchbox_content .medium-10.left {
        width: 75%;
    }

    .searchbox_content .medium-2.right {
        width: 25%;
    }

    .search_block .column {
        width: 50%;
    }

    .hero-box h6, .hero-detail ul {
        margin-bottom: 10px;
    }

    .hero-caption {
        top:       50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .featured_block .large-7.left, .featured_block .large-5.right {
        width: 100%;
    }

    h1 {
        font-size: 36px;
    }

    h2 {
        font-size: 30px;
    }

    h3 {
        font-size: 26.65px;
    }

    h4 {
        font-size: 22px;
    }

    h5 {
        font-size:   20px;
        line-height: 22px;
    }

    .agents-footer ul li a em {
        font-size:      14px;
        padding-bottom: 14px;
    }

    .agents-footer ul li a {
        width:       25px;
        height:      25px;
        padding-top: 0px;
    }

    .left_area_panel {
        width: 100%;
        float: left;
    }

    .right_area_panel {
        width: 100%;
        float: left
    }

    .right_area_panel .side_panel {
        padding-top: 0px;
    }

    .right_area_panel .side_panel {
        border-left: 0px;
    }

    .right_area_panel .side_panel .side_area {
        float: none;
    }

    .side_area .search_block .column {
        width: 100%;
        float: left
    }

    .properti-list {
        float:     none;
        max-width: 600px;
        display:   block;
        margin:    0 auto;
    }

    .comment-form textarea {
        height: 165px;
    }

    #outerImageContainer {
        width:      80% !important;
        height:     auto !important;
        font-size:  inherit !important;
        min-height: 428px;
    }

    #imageDataContainer {
        width: 80% !important;
    }

    #prevLink, #nextLink {
        width:  28% !important;
        height: 95% !important;
    }

}

@media (max-width: 641px) {
    .utility-detail ul li:first-child {
        display: none;
    }

    .top-bar .name h1 a {
        width:       auto;
        float:       left;
        margin-left: 10px;
    }

    .top-bar-section {
        width: 100%;
    }

    .primary-nav .medium-12 {
        padding: 0 0px;
    }

    .top-bar.expanded .title-area {
        background:    none;
        border-bottom: 2px solid #f2f2f2;
    }

    .top-bar-section ul {
        width:   100%;
        padding: 12px 0
    }

    .top-bar-section ul li {
        padding:  5px 0;
        position: static !important
    }

    .top-bar-section .has-dropdown.moved {
        position: static !important
    }

    .top-bar-section .has-dropdown.moved > .dropdown {
        top:        0px;
        padding:    10px 0;
        background: none;
    }

    .top-bar-section li:not(.has-form) a:not(.button) {
        padding:     0px 15px !important;
        font-size:   16px;
        font-weight: 400;
    }

    .top-bar-section .has-dropdown {
        background: url(../img/sub-menu-arrow.png) no-repeat top 9px right 15px;
    }

    .top-bar .toggle-topbar.menu-icon a {
        width:            40px;
        background-color: #007FC8;
        padding:          0 0 0 0;
        height:           40px;
        top:              -7px;
        right:            10px;
    }

    .top-bar-section .dropdown li.title h5 a {
        color: #5f5e5e
    }

    .top-bar-section .dropdown li.title:hover h5 a {
        color:            #fff;
        background-color: #007FC8;
        background:       #007FC8;
    }

    .top-bar .top-bar-section ul li:hover ul li a, .top-bar .top-bar-section ul li.selected ul li a {
        color: #5f5e5e
    }
    
    .footer-bottom p {
        width:         100%;
        text-align:    center;
        margin-bottom: 5px;
    }

    .top-bar .toggle-topbar.menu-icon a span::after {
        left:       0px;
        right:      0px;
        margin:     0px auto;
        top:        33%;
        box-shadow: 0 0px 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
    }

    .service-block {
        margin-bottom: 25px;
    }

    .testimonial-block p {
        font-size:   14px;
        line-height: 25px;
    }

    .subscribe h1 em {
        margin-right: 8px;
    }

    .subscribe .columns {
        padding: 0px;
    }

    .about-two-col h1 {
        margin-top: 20px;
    }

    .properti-description .large-4.columns {
        padding-right: 15px;
    }

    table.forum .icon {
        width:      25px;
        margin-top: 0px;
    }

    table.forum td {
        padding: 9px 5px !important
    }

    table.forum .icon img {
        width: 100%
    }

    table.forum .forum {
        margin: 0 0 0 30px;
    }

    table.forum .forum h3 {
        font-size:   20px;
        line-height: 20px
    }

    table.forum td.lastpost {
        width: 20% !important;
    }

    table.forum td.posts {
        width: 20% !important;
    }

    table.forum td.topics {
        width: 20% !important;
    }

    table.forum td.name {
        width: 40% !important;
    }

    #productPoplets .productPopletsItem {
        padding: 5px
    }

    #outerImageContainer {
        min-height: 404px;
    }

}

@media (max-width: 567px) {
    .searchbox_content .medium-10.left, .searchbox_content .medium-2.right {
        width: 100%;
    }

    .search_properti {
        min-height: inherit;
        padding:    25px 10px 15px 10px
    }

    .recent-slider .slick-prev, .recent-slider .slick-next {
        top: -42px;
    }

    .two-col-slider .slick-prev, .two-col-slider .slick-next, .three-col-slider .slick-prev, .three-col-slider .slick-next, .four-col-slider .slick-prev, .four-col-slider .slick-next {
        top: -42px;
    }

    .subscribe h1 {
        font-size: 30px;
    }

    .footer_about, .footer_service {
        width:      61%;
        min-height: 195px;
    }

    .footer_quicklink, .footer_helplink {
        width:      39%;
        min-height: 195px;
    }

    .footer_info {
        width: 100%;
    }

    .footer-bottom p {
        width:         100%;
        text-align:    center;
        margin-bottom: 5px;
    }

    .footer-bottom .right {
        width: 100%;
    }

    .footer-bottom .right p {
        margin-bottom: 0px;
    }

    .inner-banner {
        max-height: 95px;
    }

    .agent-detail-page .large-6.columns {
        width: 100%;
    }

    .agents-large-image {
        width:      100%;
        float:      left;
        text-align: center;
    }

    .agents-large-image img {
        display: block;
    }

    .agent-comment-form .small-6.columns {
        width: 100%;
    }

    .features_list li {
        width: 50%;
    }

    #outerImageContainer {
        min-height: 339px;
    }

    #imageData #imageDetails {
        width: 30% !important;
    }
}

@media (max-width: 479px) {

    .recent-slider .slick-prev, .recent-slider .slick-next {
        top: 695px !important;
    }

    .utility-nav .medium-12 {
        padding: 0 7px;
    }

    .utility-detail {
        padding-top: 7px;
    }

    .utility-detail ul li {
        margin-left: 12px;
    }

    .utility-detail ul li span {
        margin-right: 5px;
    }

    .utility-detail ul li span img {
        width: 15px;
    }

    .header-social ul li a {
        width:  32px;
        height: 40px;
    }

    .hero-box h5 {
        font-size:   30px;
        line-height: 20px;
    }

    .hero-box p {
        font-size:   14px;
        line-height: 15px;
    }

    .hero-box h6 {
        font-size:   16px;
        line-height: 18px;
    }

    .search_block .column {
        width: 100%;
    }

    .search_block .range_box {
        width:  100%;
        float:  left;
        height: 100px;
    }

    .subscribe form input[type="submit"] {
        background:  #f0b500 url(../img/search-icon.png) no-repeat center;
        text-indent: -99999px;
        width:       50px;
    }

    .subscribe form input[type="text"] {
        padding: 5px 60px 5px 45px
    }

    .subscribe form input[type="submit"]:hover {
        background: #119cdc url(../img/search-icon.png) no-repeat center;
    }

    .footer_about, .footer_service, .footer_quicklink, .footer_helplink {
        width:         100%;
        min-height:    inherit !important;
        margin-bottom: 25px;
    }

    h1 {
        font-size: 30px
    }

    h2 {
        font-size: 28px
    }

    h3 {
        font-size: 24px
    }

    .agent-information:after {
        content:       '';
        width:         0;
        height:        0;
        border-left:   15px solid transparent;
        border-bottom: 20px solid #efefef;
        border-right:  15px solid transparent;
        position:      absolute;
        top:           -19px;
        left:          0px;
        right:         0;
        margin:        0 auto;
    }

    .agent-image, .agent-description {
        width: 100%;
    }

    .features_list li {
        width:   100%;
        padding: 8px 5px;
    }

    .agent-detail figure {
        max-height: 300px;
    }

    .feature-forum .forum-but a.button {
        text-transform: capitalize;
        min-width:      inherit;
        padding:        13px 12px;
    }

    .feature-forum .forum-but a.btn-topic {
        margin-right: 25px;
        padding:      11px 14px;
    }

    .feature-forum .forum-name {
        width: 32%;
    }

    .feature-forum .forum-topic, .feature-forum .forum-post {
        width: 17%;
    }

    .feature-forum .forum-reply {
        width: 34%;
    }

    #imageData #imageDetails {
        width: 30% !important;
    }

    #outerImageContainer {
        min-height: 299px;
        width:      100% !important;
        height:     auto !important;
        font-size:  inherit !important;
    }

    #imageDataContainer {
        width: 100% !important;
    }
}

.inside, .inside-dash {
    margin:      20px !important;
    color:       #555555;
    font-size:   15px;
    line-height: 22px;
    font-weight: 300;
}

.inside > li {
    list-style: outside none disc !important;
}

.inside-dash > li::before {
    content: "- ";
}

.ouragents-block .ouragents-desc > p {
    min-height: 111px;
}

h3 {
    padding-bottom: 35px;
}

/* recaptcha field fix */
/* RKB 2013-12-03 */
#recaptcha_widget_div#recaptcha_widget_div td {
    line-height: 0;
}

#recaptcha_response_field#recaptcha_response_field {
    line-height: 1.6em;
}

/* RKB 2014-01-20 */
/* Do some themes target the recaptcha widget elements? First encountered this on dcls.com.au/contact */
/* Also try a height value of 13px, if auto doesn't work */
#recaptcha_widget_div#recaptcha_widget_div input {
    height: auto;
}