/*
Theme Name: Simple Locating
Theme URI: http://www.croftrealestategroup.com/
Description: Custom made theme for Simple Locating (Justin Croft)
Author: TIVLABS
Version: 0.1
*/

@import url(http://fonts.googleapis.com/css?family=Roboto:100,300,300i,400,400i,700);
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab);

html, body { padding: 0; margin: 0; position: relative }

body {
	color: #868686;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
}

a,
a:active,
a:focus,
a:link,
a:visited { color: inherit; text-decoration: none; -moz-transition: color 0.3s ease 0s; -webkit-transition: color 0.3s ease 0s; -o-transition: color 0.3s ease 0s; -ms-transition: color 0.3s ease 0s; transition: color 0.3s ease 0s; }
a:hover { color: #000 }

h1, h2, h3, h4, h5, h6 { color: #000; font-weight: 300; margin: 0 }

ul { padding: 0; margin: 0 }
ul li { list-style: outside none }

*,
*::before,
*::after { outline: none; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.pull-left { float: left }
.push-right { float: right }

.text-right { text-align: right }
.text-center { text-align: center }

.text-light-grey { color: #CCC }
.text-grey { color: #999 }
.text-dark-grey { color: #666 }

.text-italic { font-style: italic }

.text-lower { text-transform: lowercase }
.text-upper { text-transform: uppercase }
.text-caps  { text-transform: capitalize }

.text-lighter { font-weight: 100 }
.text-light   { font-weight: 300 }
.text-regular { font-weight: 400 }
.text-heavy   { font-weight: 700 }

.fs10 { font-size: 10px }
.fs11 { font-size: 11px }
.fs12 { font-size: 12px }
.fs13 { font-size: 13px }
.fs14 { font-size: 14px }
.fs15 { font-size: 15px }
.fs16 { font-size: 16px }
.fs18 { font-size: 18px }
.fs20 { font-size: 20px }
.fs22 { font-size: 22px }
.fs24 { font-size: 24px }
.fs28 { font-size: 28px }
.fs32 { font-size: 32px }
.fs36 { font-size: 36px }

.pl0   { padding-left:   0 !important }
.pl5   { padding-left:   5px }
.pl10  { padding-left:  10px }
.pl15  { padding-left:  15px }
.pl20  { padding-left:  20px }
.pl30  { padding-left:  30px }
.pl40  { padding-left:  40px }
.pl50  { padding-left:  50px }
.pl70  { padding-left:  70px }
.pl100 { padding-left: 100px }

.pr0   { padding-right:   0 !important }
.pr5   { padding-right:   5px }
.pr10  { padding-right:  10px }
.pr15  { padding-right:  15px }
.pr20  { padding-right:  20px }
.pr30  { padding-right:  30px }
.pr40  { padding-right:  40px }
.pr50  { padding-right:  50px }
.pr70  { padding-right:  70px }
.pr100 { padding-right: 100px }

.pt0   { padding-top:   0 !important }
.pt5   { padding-top:   5px }
.pt10  { padding-top:  10px }
.pt15  { padding-top:  15px }
.pt20  { padding-top:  20px }
.pt30  { padding-top:  30px }
.pt40  { padding-top:  40px }
.pt50  { padding-top:  50px }
.pt70  { padding-top:  70px }
.pt100 { padding-top: 100px }

.pb0   { padding-bottom:   0 !important }
.pb5   { padding-bottom:   5px }
.pb10  { padding-bottom:  10px }
.pb15  { padding-bottom:  15px }
.pb20  { padding-bottom:  20px }
.pb30  { padding-bottom:  30px }
.pb40  { padding-bottom:  40px }
.pb50  { padding-bottom:  50px }
.pb70  { padding-bottom:  70px }
.pb100 { padding-bottom: 100px }

.ml0   { margin-left:   0 !important }
.ml5   { margin-left:   5px }
.ml10  { margin-left:  10px }
.ml15  { margin-left:  15px }
.ml20  { margin-left:  20px }
.ml30  { margin-left:  30px }
.ml40  { margin-left:  40px }
.ml50  { margin-left:  50px }
.ml70  { margin-left:  70px }
.ml100 { margin-left: 100px }

.mr0   { margin-right:   0 !important }
.mr5   { margin-right:   5px }
.mr10  { margin-right:  10px }
.mr15  { margin-right:  15px }
.mr20  { margin-right:  20px }
.mr30  { margin-right:  30px }
.mr40  { margin-right:  40px }
.mr50  { margin-right:  50px }
.mr70  { margin-right:  70px }
.mr100 { margin-right: 100px }

.mt0   { margin-top:   0 !important }
.mt5   { margin-top:   5px }
.mt10  { margin-top:  10px }
.mt15  { margin-top:  15px }
.mt20  { margin-top:  20px }
.mt30  { margin-top:  30px }
.mt40  { margin-top:  40px }
.mt50  { margin-top:  50px }
.mt70  { margin-top:  70px }
.mt100 { margin-top: 100px }

.mb0   { margin-bottom:   0 !important }
.mb5   { margin-bottom:   5px }
.mb10  { margin-bottom:  10px }
.mb15  { margin-bottom:  15px }
.mb20  { margin-bottom:  20px }
.mb30  { margin-bottom:  30px }
.mb40  { margin-bottom:  40px }
.mb50  { margin-bottom:  50px }
.mb70  { margin-bottom:  70px }
.mb100 { margin-bottom: 100px }

.like-table { display: table }
.centered { margin: 0 auto }
.like-table-row { display: table-row }
.like-table-cell { display: table-cell }
.valign-middle { vertical-align: middle }

.block { display: block }

.w100p { width: 100% }
.h100p { height: 100% }
.h50p { height: 50% }
.h48pmt2p { height: 48%; margin-top: 2% }

.bt1 { border-top: 1px solid rgba(0,0,0,0.1) }
.br1 { border-right: 1px solid rgba(0,0,0,0.1) }
.bb1 { border-bottom: 1px solid rgba(0,0,0,0.1) }
.bl1 { border-left: 1px solid rgba(0,0,0,0.1) }

body .button,
body .has-button > a,
body .has-button > button,
body .has-button > input[type="button"],
body .has-button > input[type="submit"] { background-color: #FFF; border: 1px solid rgba(0,0,0,0.5); color: rgba(0,0,0,0.5); line-height: 36px; padding: 0 20px; text-transform: uppercase; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
body .button:hover,
body .has-button > a:hover,
body .has-button > button:hover,
body .has-button > input[type="button"]:hover,
body .has-button > input[type="submit"]:hover { border-color: #000; color: #000 }
.button:active,
body .has-button > a:active,
body .has-button > button:active,
body .has-button > input[type="button"]:active,
body .has-button > input[type="submit"]:active { background-color: rgba(0,0,0,0.1) }
.button.arrow-right::after { border-bottom: 4px solid transparent; border-left: 6px solid rgba(0,0,0,0.5); border-top: 4px solid transparent; content: ""; display: inline-block; margin-left: 7px; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.button.arrow-right:hover::after { border-left-color: #000 }

.button.white { border-color: rgba(255,255,255,0.5); color: rgba(255,255,255,0.5) }
.button.white:hover { border-color: #FFF; color: #FFF }
.button.white:active { background-color: rgba(255,255,255,0.1) }
.button.white.arrow-right::after { border-left-color: rgba(255,255,255,0.5) }
.button.white.arrow-right:hover::after { border-left-color: #FFF }

form input[type="text"],
form input[type="email"],
form select,
form textarea { background-color: #FFF; border: 1px solid rgba(0, 0, 0, 0.2); height: 38px; padding: 8px; width: 100%;
	-moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
form textarea { height: 80px }

form input[type="text"].highlight-field,
form input[type="email"].highlight-field,
form select.highlight-field,
form textarea.highlight-field { background-color: #FF6; color: #000 }

span.has-selectbox { display: block }
span.has-selectbox::before { background-color: #fff; border-left: 1px solid #ccc; content: ""; display: block; height: 36px; pointer-events: none; position: absolute; right: 1px; top: 1px; width: 36px; z-index: 1 }
span.has-selectbox::after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #ccc; content: ""; display: block; margin-top: -2px; pointer-events: none; position: absolute; right: 15px; top: 50%; z-index: 1 }
span.has-selectbox select { padding-right: 38px }

span.has-checkbox { display: inline-block }
span.has-checkbox input[type="checkbox"] { display: none }
span.has-checkbox input[type="checkbox"] + label { display: block; height: 36px; line-height: 20px; padding: 8px 0 8px 30px }
span.has-checkbox input[type="checkbox"] + label::before { background-color: #fff; border: 1px solid #ccc; content: ""; display: block; height: 20px; left: 0; margin-top: -10px; position: absolute; top: 50%; width: 20px }
span.has-checkbox input[type="checkbox"] + label::after { border-color: transparent; border-style: solid; border-width: 0 2px 2px 0; content: ""; display: block; height: 15px; left: 7px; margin-top: -9px; position: absolute; top: 50%; transform: rotate(45deg); width: 6px; }
span.has-checkbox input[type="checkbox"] + label:hover::after { border-color: #ccc }
span.has-checkbox input[type="checkbox"]:checked + label::after { border-color: #000 }

#logo { background: transparent url('images/logo.png') center center no-repeat; display: block; height: 100%; left: 15px; position: absolute; top: 0; width: 150px }

#header > [class*="container"] { background-color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px rgba(0, 0, 0, 0.05); height: 90px; z-index: 20 }
#header > [class*="container"] > .row,
#header > [class*="container"] > .row > [class*="col-"] { height: 100% }

#header > .form-search-apartments[class*="container"] { background-color: #eee; height: auto; left: 0; opacity: 0; position: absolute; top: 0; visibility: hidden; width: 100%; z-index: 10;
	   -moz-transition: opacity 0.3s ease 0s, top 0.3s ease 0s, visibility 0s;
	-webkit-transition: opacity 0.3s ease 0s, top 0.3s ease 0s, visibility 0s;
	     -o-transition: opacity 0.3s ease 0s, top 0.3s ease 0s, visibility 0s;
	    -ms-transition: opacity 0.3s ease 0s, top 0.3s ease 0s, visibility 0s;
	        transition: opacity 0.3s ease 0s, top 0.3s ease 0s, visibility 0s }
#header > .form-search-apartments .form-container > .row,
#siml-hero-slider .form-search-apartments .form-container > .row { padding-top: 5px; padding-bottom: 30px }
.form-search-apartments div.form-field[class*="col-"] { padding-top: 15px }
.form-search-apartments div.form-field[class*="col-"] label { display: block; font-weight: 400; margin-bottom: 0 }

#header ul.header_tools { margin-top: 13px; padding: 0 0 0 90px; position: absolute; right: 15px; top: 0 }
#header ul.header_tools li a::before { background: transparent url('images/sprite-phone-email.png') 0 0 no-repeat; content: ""; display: block; height: 20px; left: 0; margin-top: -10px; position: absolute; top: 50%; width: 20px }
#header ul.header_tools li.phone a::before { background-position: 0 2px }
#header ul.header_tools li.email a::before { background-position: 0 -28px }
#header ul.header_tools li.phone:hover a::before { background-position: -32px 2px }
#header ul.header_tools li.email:hover a::before { background-position: -32px -28px }
#header ul.header_tools li a { color: #696969; font-size: 18px; height: 32px; line-height: 32px; padding: 2px 0 2px 32px }
#header ul.header_tools li a:hover { color: #222 }
#header ul.header_tools li.search { height: 64px; left: 0; position: absolute; top: 0; width: 64px }
#header ul.header_tools li.search::before { background-color: rgba(0, 0, 0, 0.1); content: ""; display: block; height: 80%; position: absolute; right: -5px; top: 10%; width: 1px }
#header ul.header_tools li.search a { height: 100%; left: 0; padding: 0; position: absolute; top: 0; width: 100% }
#header ul.header_tools li.search a::before { background: transparent url('images/sprite-search.png') 0 0 no-repeat; background-size: cover; height: 32px; left: 50%; margin: -16px 0 0 -16px; position: absolute; top: 50%; width: 32px }
#header ul.header_tools li.search a:hover::before { background-position: 0 -32px }

#logo,
#header ul.header_tools { z-index: 1 }

#header.showing-search-form ul.header_tools li.search a::before { background-position: 0 -32px }
#header ul.header_tools li.search a::after { background-color: #EEE; content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 0; z-index: -1; -moz-transition: height 0.3s ease 0s; -webkit-transition: height 0.3s ease 0s; -o-transition: height 0.3s ease 0s; -ms-transition: height 0.3s ease 0s; transition: height 0.3s ease 0s }
#header.showing-search-form ul.header_tools li.search a::after { height: 125% }
#header.showing-search-form .form-search-apartments[class*="container"] { visibility: visible; opacity: 1; top: 100% }

#siml-hero-slider .form-search-apartments { background-color: rgba(0, 0, 0, 0.7); border-bottom: 1px solid rgba(0, 0, 0, 0.7); border-top: 1px solid rgba(0, 0, 0, 0.7); margin-top: -120px; position: absolute; top: 50%; width: 100%; z-index: 10 }
#siml-hero-slider .form-search-apartments h3 { border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: #FFF; font-size: 30px; font-weight: 100; text-align: left }
#siml-hero-slider .form-search-apartments div.form-field[class*="col-"] label { color: #FFF }
#siml-hero-slider form.form-search-apartments input[type="text"],
#siml-hero-slider form.form-search-apartments select { border-color: #000 }
#siml-hero-slider form.form-search-apartments span.has-selectbox::before { border-left-color: #000 }
#siml-hero-slider form.form-search-apartments span.has-selectbox::after { border-top-color: #000 }

#header #top-nav { width: 100%; height: 100%; text-align: center }
#header #top-nav li { display: inline-block; height: 100% }
#header #top-nav li a { display: block; font-size: 18px; height: 100%; line-height: 90px; padding: 0 20px; text-transform: uppercase }
#header #top-nav li.current-menu-item a { color: #000; font-weight: 700 }
#header #top-nav li a:hover { color: #000 }

#siml-hero-slider .hero-slide-content .row { padding: 10px 0 }
#siml-hero-slider .hero-slide-content div[class*="col-"] { border-width: 1px 0; border-style: solid; border-color: rgba(255,255,255,0.15); padding: 5px 0 }
#siml-hero-slider .hero-slide-content { background-color: rgba(0, 0, 0, 0.7); color: #FFF; font-weight: 300; bottom: 10%; display: block; left: 0; position: absolute; text-transform: uppercase; width: 100% }
#siml-hero-slider .hero-slide-content .property-price { float: right; font-size: 36px; }
#siml-hero-slider .hero-slide-content .property-price::before { content: '$'; color: rgba(255,255,255,0.5); display: inline-block }
#siml-hero-slider .hero-slide-content .property-price .decimal { font-size: 0.5em; vertical-align: super }
#siml-hero-slider .hero-slide-content .property-price .price-postfix { color: rgba(255, 255, 255, 0.5); display: inline-block; font-size: 0.4em; line-height: 1em; width: 50px; word-spacing: 20px }
#siml-hero-slider .hero-slide-content h3 { font-size: 30px; line-height: 36px }
#siml-hero-slider .hero-slide-content h3 .property-address { color: rgba(255,255,255,0.5); display: block; font-size: 14px; line-height: 20px }

/*#choose-your-location .main-location,
#choose-your-location .sub-location { padding-left: 10px; padding-right: 10px }*/
#choose-your-location .cyl-box { background: transparent none no-repeat scroll center center; background-size: cover; display: block; height: auto; padding-top: 50% }
#choose-your-location .cyl-box::before { background-color: transparent; content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
#choose-your-location .cyl-box:hover::before { background-color: rgba(0,0,0,0.5) }
#choose-your-location .cyl-box .cyl-box-title { color: #fff; font-size: 18px; font-weight: 700; height: 100%; left: 0; letter-spacing: 1px; padding-top: 23%; position: absolute; text-transform: uppercase; top: 0; width: 100%; z-index: 1 }
#choose-your-location .sub-location .cyl-box { padding-top: 85% }
#choose-your-location .sub-location .cyl-box .cyl-box-title { padding-top: 38% }

#siml-blog-slider { background-color: transparent; overflow: visible }
#siml-blog-slider .hero-slides { overflow: hidden }
#siml-blog-slider .blog-post { height: 47% }
#siml-blog-slider .blog-post:nth-child(n+3) { margin-top: 30px }
#siml-blog-slider .blog-post a { background: #f5f5f5 none no-repeat scroll center center; background-size: 100% auto; border: 5px solid #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -moz-transition: background-size 1s ease 0s; -webkit-transition: background-size 1s ease 0s; -o-transition: background-size 1s ease 0s; -ms-transition: background-size 1s ease 0s; transition: background-size 1s ease 0s; }
#siml-blog-slider .blog-post a:hover { background-size: 105% auto }
#siml-blog-slider .blog-post a h3 { background-color: rgba(0, 0, 0, 0.3); bottom: 0; color: #fff; font-size: 18px; left: 0; line-height: 26px; padding: 4px 15px; position: absolute; text-align: left; width: 100%; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
#siml-blog-slider .blog-post a:hover h3 { background-color: rgba(0, 0, 0, 0.6) }
#siml-blog-slider .blog-post a h3 .blog-post-date { color: rgba(255, 255, 255, 0.5); display: block; float: right; font-size: 12px; font-weight: 700; line-height: 26px; text-transform: uppercase }

#siml-blog-slider .hs-nav-arrows { height: 0; position: static; width: 100% }
#siml-blog-slider .hs-nav-arrows a { height: 30px; margin-top: -20px; position: absolute; top: 50%; width: 30px }
#siml-blog-slider .hs-nav-arrows a.prev { left: -40px }
#siml-blog-slider .hs-nav-arrows a::before,
#siml-blog-slider .hs-nav-arrows a::after,
#siml-blog-slider .hs-nav-arrows a.next::before { background-color: rgba(0, 0, 0, 0.4); content: ""; display: block; height: 60%; left: 50%; position: absolute; top: 0; width: 1px;
	-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
#siml-blog-slider .hs-nav-arrows a.prev::after,
#siml-blog-slider .hs-nav-arrows a.next::before { top: auto; bottom: 0;
	-moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
#siml-blog-slider .hs-nav-arrows a.next { right: -40px }
#siml-blog-slider .hs-nav-arrows a.next::before { bottom: auto; top: 0; }
#siml-blog-slider .hs-nav-arrows a.next::after { top: auto; bottom: 0 }
#siml-blog-slider .hs-nav-arrows a:hover::before,
#siml-blog-slider .hs-nav-arrows a:hover::after { background-color: rgba(0,0,0,1) }

ul#sidebar li.widget + li.widget { padding-top: 30px }
ul#sidebar li.widget.tw-recent-posts .featured-posts .featured-post + .featured-post { padding-top: 10px; border-top: 1px solid rgba(0,0,0,0.1) }

ul#sidebar li.widget.tw-recent-posts .featured-posts .featured-post h4 { margin-bottom: 10px }

#content .entry-content p { line-height: 1.8em }
#content .entry-content img { max-width: 100% }
#content .entry-content h2,
#content .entry-content h3,
#content .entry-content h4,
#content .entry-content h5,
#content .entry-content h6 { margin: 20px 0 10px }
ul#sidebar li.widget.tw-recent-posts .featured-posts .featured-post .excerpt { line-height: 1.4em }

#content .entry-content a,
ul#sidebar li.widget.tw-recent-posts .featured-posts .featured-post .excerpt a.read-more { border-bottom: 1px dotted rgba(0,0,0,0.2) }
#content .entry-content a:hover,
ul#sidebar li.widget.tw-recent-posts .featured-posts .featured-post .excerpt a.read-more:hover { border-bottom-style: solid }

body.page-contact ul#sidebar > li.search-apartments { display: none }
body.page-contact ul#sidebar li.widget:nth-child(2) { padding-top: 0 }
#sidebar-search-apartments.container-fluid,
#sidebar-search-apartments .container-fluid { padding-left: 0; padding-right: 0 }
#sidebar-search-apartments .form-field.field-submit br,
#sidebar-search-apartments .has-form-title { display: none }
#sidebar-search-apartments.form-search-apartments div.form-field.field-city[class*="col-"] { padding-top: 0 }
#sidebar-search-apartments .form-field[class*="offset"] { margin-left: 0 }

form.wpcf7-form .has-checkbox label { font-weight: normal }

#footer { background-color: rgba(0,0,0,0.1); border-top: rgba(0,0,0,0.1) 1px solid }

#footer-nav li a,
.siml-social-links li a { display: block; line-height: 20px; padding: 5px 0; text-transform: uppercase }
.siml-social-links li + li { margin-top: 10px }
.siml-social-links li a { padding-left: 42px }
.siml-social-links li a::before { background: transparent url('images/sprite-social-icons.png') 0 0 no-repeat; content: ''; display: block; position: absolute; top: 0; left: 0; width: 30px; height: 30px }
.siml-social-links li.fb a:hover::before { background-position: -40px 0 }
.siml-social-links li.tw a::before { background-position: 0 -40px }
.siml-social-links li.tw a:hover::before { background-position: -40px -40px }
.siml-social-links li.ig a::before { background-position: 0 -80px }
.siml-social-links li.ig a:hover::before { background-position: -40px -80px }
.siml-social-links li.gp a::before { background-position: 0 -120px }
.siml-social-links li.gp a:hover::before { background-position: -40px -120px }

#contact-social-links.siml-social-links {  }
#contact-social-links.siml-social-links li { display: inline-block }
#contact-social-links.siml-social-links li + li { margin: 0 0 0 15px }
#contact-social-links.siml-social-links li a { border-bottom: 0 none; overflow: hidden; padding-left: 30px; text-indent: -150px; width: 30px }

form .label { color: inherit; display: block; font-size: inherit; line-height: 1.8em; padding: 0; text-align: left }

#footer .footer-logo { background: transparent url('images/logo.png') center center no-repeat; display: block; height: 53px; margin-bottom: 15px; opacity: 0.5; width: 150px }