/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*-------------------------------------------------

	maroon: #832021;
	grey: #c1c1c1;
	gold: #f3b928;
	dark grey: #232323;

*/

*, body {
    padding: 0px;
    margin: 0px;
    font-size: 16pt;
    font-family: 'Proxima Nova', arial, sans-serif;
}

aside { background: #f2f2f2; box-sizing: border-box; padding: 15px; font-size: .9em; }
aside .search { background: #f2f2f2; }
aside .search .search-input { border: 1px solid white; background: white; margin-bottom: 10px; margin-right: 0px; padding-right: 0px; width: 100%; font-size: .7em; }
aside ul { padding-left: 30px; list-style-type: none; }
aside ul li { padding: 5px 0px 5px 0px; font-size: .7em; line-height: 1.2em;}
aside ul li a, aside ul li a:active { font-weight: normal; color: #832021; font-size: .9em; line-height: 1.6em;}
aside ul li a:hover { border-bottom: 1px solid #832021; }

.footnote, .footnote a, .footnote p, .footnote ul, .footnote ol { font-size: .7em; }
.main-posts a, .main-posts a:active { font-weight: normal; color: #832021; }
.main-posts a:hover { border-bottom: 1px solid #832021; }
.main-2 h1 { background: white; line-height: 18px; text-align: left; }
.main-posts { padding-left: 15px; }
.main-2 { border-bottom: 2px solid #f3b928; text-align: left; }
.main-posts { line-height: 1.1em; }
.main-posts p { line-height: 1.6em; font-size: .8em; }
.main-posts ol { margin-left: 90px; position: relative; }
.main-posts ol li {line-height: 1.2em; font-size: .8em; margin-bottom: 1.3em; }
.main-posts ul { margin-left: 90px; position: relative; }
.main-posts ul li {line-height: 1.2em; font-size: .8em; margin-bottom: 1.3em; }
span.date, span.author, span.date a, span.author a { font-size: 10pt; text-align: left; }
.search-results h1 { margin-top: 30px; }
.search-results { text-align: left; }
.search-results article { margin: 15px 0px 15px 0px; }

blockquote { margin-left: 30px; border-left: 4px solid #c2c2c2; background: #f2f2f2; }

body {
	color: #232323;
}

html, body {
	overflow-x: hidden;
	  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
}

body {
	 position: relative;
}

a {
	text-decoration: none;
	border: 0px;
}

p a, p a:active, p a:visited {
  color: #832021
}

p {
   line-height: 1.3em;
   margin-bottom: 15px;
font-size: .9em;
}

h1 { background: #f2f2f2; text-align: center; margin: 0px; padding-top: 15px; padding-bottom: 15px; }
img { border: none; }

.side_bar { width: 30%; box-sizing: border-box; float: left; }
.main-posts { width: 70%; float: left; box-sizing: border-box; }

#mainContainer {
	width: 100%;
}

.navbrgr {
	display: none;
}

.navbrgr {
	background: #232323;
}

.greek {
	font-family: symbol;
	font-size: .7em;
}

.smallUp {
	font-size: .6em;
	text-transform: uppercase;
	font-family: 'Times New Roman', serif;
}

.spacing { padding-top: 50px; }
#container {
    width: 100%;
}

.wrapper {
    width: 1200px;
    margin: 0px auto;
}

.col3 {
    float: left;
    width: 50%;
}

.gray-bg {
	background: #c1c1c1;
}

header {

	background: #c1c1c1;
	-webkit-box-shadow: 0px 3px 13px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 3px 13px 10px rgba(0,0,0,0.5);
	box-shadow: 0px 3px 33px 10px rgba(0,0,0,0.5);
	color: #fff;
	z-index: 20;
	position: relative;
}

#top_left {
	width: 25%;
}
.language {
	font-size: 1.1em;
	font-weight: 700;
		background: #832021;
	text-align: center;
	border-bottom: 2px solid #f3b928;
	padding-top: 20px;
	padding-bottom: 20px;
	font-family: 'Times New Roman', serif;
}

	.social {
		padding-top: 20px;
	}
	#top_left ul.socialList {
		list-style-type: none;
	}
	#top_left ul.socialList li {
		display: inline-block;
		padding-right: 15px;
	}

#logo {
	padding-top: 10px;
	padding-bottom: 10px;
}
	#logo img {
		display:block;
    	margin: 0px auto;
	}
#top_right {
	width: 25%;
}

.phoneConsultation {
	font-size: 1.3em;
	font-weight: 700;
		background: #832021;
	text-align: center;
	border-bottom: 2px solid #f3b928;
	padding-top: 15px;
	padding-bottom: 15px;
}
.number {
	font-size: .8em

}

.address {
	padding-top: 25px;
	color: #232323;
	text-align: right;
	font-size: .8em;
	font-weight: 400;
}

#motto {
	width: 100%;
	text-align: center;
	border-top: 2px solid #f3b928;
	border-bottom: 2px solid #f3b928;
	padding-top: 15px;
	padding-bottom: 15px;
	background: #832021;
	letter-spacing: .35em;
	font-weight: 600;
	color: #fff;
	font-size: .7em;
}
nav {
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #232323;
}

nav ul {
	list-style-type: none;
	padding: 0px;
}

nav ul li {
	display: inline-block;
	padding-right: 50px;
}

nav ul li a {
	color: #000;
	font-family: 'Proxima Nova';
	font-weight: 700;
	font-size: 16pt;
}

nav ul li a:hover {
	color: #832021;
	border-bottom: 2px solid #832021;
}

.active > a {
	color: #832021;
}

nav ul li:last-child {
	padding-right: 0px;
}

#banner {
	background: url('img/patrick_binakis_2x.jpg') no-repeat;
	background-size: 720px 480px;
	background-position: center;
	margin-top: -30px;
	height: 480px;
	z-index: 1;
	position: relative;
}

#banner > .wrapper {
	position: relative;
	height: 100%;
	font-family: 'Times New Roman', serif;
}

#banner .btn {
	font-family: 'Times New Roman', serif;
}

#banner .wrapper .callToAction {
        font-family: 'Times New Roman', serif;
	background: rgba(31,31,31,.65);
	border: 0px;
	right: 0;
	top: 40%;
	position: absolute;
	padding: 10px;
	color: #f3b928;
	text-align: center;
	cursor: pointer;
	font-size: 1.1em;

}


#banner .wrapper .callToAction p {
	font-family: 'Times New Roman', serif;
}

.tax {
	font-family: 'Times New Roman', serif;
	font-size: 1.4em;
	font-weight: 900;
	line-height: .8em;
}

.affiliates {
	padding-top: 15px;
	padding-bottom: 15px;
	background: white;
	border-top: 7px solid #f3b928;
	border-bottom: 7px solid #f3b928;
}

.affiliates .wrapper > ul {
	list-style-type: none;
	width: 677px;
	margin: 0px auto;
}

.affiliates .wrapper > ul li {
	display: inline-block;
	padding-right: 100px;
}

.affiliates .wrapper > ul li:last-child {
	padding-right: 0px;
}

#about h2 { padding-bottom: 15px; }
#about .aboutImg {
	float: left; padding-right: 20px;
}

.main {
	background: #f2f2f2;
}
.main-2 { background: #fff; }
.main-2 > .wrapper { }
.main > .wrapper { /*padding-top: 30px;*/ }

.col2 {
	box-sizing: border-box;
	padding-top: 30px;
	padding-bottom: 30px;
	width: 48%;
}

#services_left {
	float: left;
}

#services_right {
	float: right;
}


h2.services {
	display: block;
	background: #232323;
	border-radius: 10px;
	color: white;
	padding: 10px;
	padding-right: 0px;
}

#services {
	background: #f2f2f2;
}

.search {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	background: #fff;
}

form.search input, .search input {
	border: none;
	margin-right: 15px;
	padding: 5px 100px 5px 5px;
	background: #f2f2f2;
}

#services_page { padding-bottom: 30px; }
.col2 ul, #services_page ul {
	list-style-type: none;
}

.col2 ul > li, #services_page ul > li {
	margin-left: 30px;
	padding-top: 10px;
	font-style: italic;
}

.col2 ul li > a, #services_page ul li > a {
	color: #232323;
	font-size: 14pt;
}

.col2 ul li > a:hover {
	border-bottom: 2px solid #832021;
	color: #832021;
}

.col2 ul li div, #services_page ul li div {
	display: none;
}

.col2 ul li div, #services_page ul li div {
	font-style: normal;
	font-size: .8em;
	background: #F6CE6B;
	padding: 10px;
	margin-top: 5px;
	line-height: 1.4em;
}

#promo {
	width: 100%;
	background: #232323;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
}

.btn {
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-size: 20px;
  padding: 10px 10px 10px 10px;
  text-decoration: none;
  border: none;
  cursor: pointer;
}

.gold {
  color: #832021;
  background: #f1b727;
  background-image: -webkit-linear-gradient(top, #f1b727, #bf8901);
  background-image: -moz-linear-gradient(top, #f1b727, #bf8901);
  background-image: -ms-linear-gradient(top, #f1b727, #bf8901);
  background-image: -o-linear-gradient(top, #f1b727, #bf8901);
  background-image: linear-gradient(to bottom, #f1b727, #bf8901);
}

.gold:hover {
  background: #bf8901;
  background-image: -webkit-linear-gradient(top, #bf8901, #f1b727);
  background-image: -moz-linear-gradient(top, #bf8901, #f1b727);
  background-image: -ms-linear-gradient(top, #bf8901, #f1b727);
  background-image: -o-linear-gradient(top, #bf8901, #f1b727);
  background-image: linear-gradient(to bottom, #bf8901, #f1b727);
  text-decoration: none;
}

.red {
  background: #ae3839;
  background-image: -webkit-linear-gradient(top, #ae3839, #852122);
  background-image: -moz-linear-gradient(top, #ae3839, #852122);
  background-image: -ms-linear-gradient(top, #ae3839, #852122);
  background-image: -o-linear-gradient(top, #ae3839, #852122);
  background-image: linear-gradient(to bottom, #ae3839, #852122);
  color: #fff;
  font-size: 20px;
  padding: 10px 10px 10px 10px;
  text-decoration: none;
}

.red:hover {
  background: #852122;
  background-image: -webkit-linear-gradient(top, #852122, #ae3839);
  background-image: -moz-linear-gradient(top, #852122, #ae3839);
  background-image: -ms-linear-gradient(top, #852122, #ae3839);
  background-image: -o-linear-gradient(top, #852122, #ae3839);
  background-image: linear-gradient(to bottom, #852122, #ae3839);
  text-decoration: none;
}


input[type="submit" i]  {
  background: #ae3839;
  background-image: -webkit-linear-gradient(top, #ae3839, #852122);
  background-image: -moz-linear-gradient(top, #ae3839, #852122);
  background-image: -ms-linear-gradient(top, #ae3839, #852122);
  background-image: -o-linear-gradient(top, #ae3839, #852122);
  background-image: linear-gradient(to bottom, #ae3839, #852122);
  color: #fff;
  font-size: 20px;
  padding: 10px 10px 10px 10px;
  text-decoration: none;
}

input[type="submit" i]:hover {
  background: #852122;
  background-image: -webkit-linear-gradient(top, #852122, #ae3839);
  background-image: -moz-linear-gradient(top, #852122, #ae3839);
  background-image: -ms-linear-gradient(top, #852122, #ae3839);
  background-image: -o-linear-gradient(top, #852122, #ae3839);
  background-image: linear-gradient(to bottom, #852122, #ae3839);
  text-decoration: none;
}

.btn > img {
	width: 80%;
	height: auto;
}

.foreclosure {
		padding: 20px;
}

#actions {
	padding: 30px 0px 30px 0px;
}
#actions ul {
	list-style-type: none;
	text-align: center;
}

#actions ul li {
	display: inline-block;
	padding-right: 20px;
	vertical-align: middle;
}

#actions .btn {
	height: 75px;
	padding-top: 5px;
}

footer {
	padding: 30px 0px 0px 0px;
	background: #f2f2f2;
}

footer .col2 {
	float: left;
	width: 50%;
}

footer h3 {
	color: #832021;
	font-size: 1.42em;
	font-weight: 700;
	border-bottom: 6px solid #f3b928;
}

footer .address {
	font-size: 1em;
}
.w-form {
            padding-top: 15px;
        }

        .w-form input:not([type="submit"]) {
            padding: 10px;
            border: 1px solid #c0c0c0;
            background: white;
            display: block;
            width: 100%;
            margin-bottom: 30px;
            box-sizing: border-box;
        }

        .g-recaptcha {
            display: inline-block;
            margin-top: 15px;

        }

        .w-form input[type="submit"] {
            padding: 10px;
            font-size: .9em;
            font-weight: 900;
            float: right;
            border: none;
            margin-top: 16px;
        }

        .w-form textarea {
            width: 100%;
            min-height: 200px;
            max-height: 200px;
            padding: 10px;
            box-sizing: border-box;
                        border: 1px solid #c0c0c0;
        }

        .w-form-done, .w-form-fail {
            display: none;
        }

        .small {
            font-size: .8em;
        }

footer .address {
	text-align: center;
}

.redbg {
	background: #832021;
	padding: 0px;
}

footer nav {

}
footer .col2 nav ul li {
	margin: 0px;
	padding-right: 15px;
}
footer .col2 nav ul li a {
	font-size: .6em;
	color: #fff;
	font-style: normal;
}

footer .col2 nav ul li a:hover {
	color: #f3b928;
	border-bottom: 2px solid #f3b928;
}

footer .container {
	padding: 5px 0px 5px 0px;
}

footer .container .col2 nav {
	padding: 0px;
}

footer .container .col2 {
	padding: 0px;
}

footer .container .col2 .social {
	padding-top: 0px;
}

footer .col2 .social img {
	width: 75%;
	height: auto;
}

footer .col2 .social {
	text-align: right;
	}
	footer .col2 .social ul.socialList {
		list-style-type: none;
	}
	footer .col2 .social ul.socialList li {
		display: inline-block;
		padding-left: 0px;
		vertical-align: middle;
		margin-left: 5px;
	}

.greybg {
	background: #c1c1c1;
}

.advert {
	padding: 15px 0px 15px 0px;
	color: #000;
	text-align: center;
}

.advert > p, .advert strong {
	font-size: .8em;
}

#navToggle a {
	display: inline-block;
	margin-top: 20px;
}
#navToggle span, #navToggle span:before, #navToggle span:after  {
    cursor: pointer;
    border-radius: 1px;
    height: 5px;
    width: 35px;
    background: #f2f2f2;
    position: absolute;
    display: block;
    content: '';
    transition: all 500ms ease-in-out;
    float: left;
}

#navToggle span:before {
    top: 10px;
}

#navToggle span:after {
    bottom: 10px;
}

#navToggle.active span {
}

#navToggle.active span {
  background-color: transparent;
}

#navToggle.active span:before, #navToggle.active span:after {
  top: 0;
}
#navToggle.active span:before {
    transform: rotate(45deg);
}
#navToggle.active span:after {
    transform: rotate(-45deg);
}

.lang { display: none; }

#mailing { width: 100%; }
#mailing .wrapper { width: 100%; }
.tnp-field input[type="submit"] { float: right; }

.consult { float: right; font-size: .7em; padding-right: 15px; margin-top: -15px; text-align: right;}
@media only screen and (min-width : 100px) and (max-width : 319px){
	header { box-shadow: none; width: 100%; }
	header .wrapper { width: 100%; }
	.navbrgr { display: block; padding: 25px 0px 35px 25px; box-sizing: border-box; }
	.lang { text-align: center; display: block; line-height: 2em; font-size: .5em;}
	.lang .socialList li { display: inline-block; }
	.lang .socialList li img { width: 50%; }
	nav { display: none; }
		#motto { font-size: .3em; }
	#top_left { display: none; float: none; }
	#top_right { display: none; float: none;}

	#logo { width: 100%; margin: 0% auto; float: none;}
	#logo img {  }
	#banner .wrapper {
		width: 100%;
	}

        #about img {
	 float: none;
         text-align: center;
        }

	.affiliates .wrapper { width: 100%; }
	.affiliates .wrapper > ul { text-align: center; width: 100%;}
	.affiliates .wrapper ul li { padding-right: 0px; }
	.affiliates .wrapper ul li img { width: 75%; height: auto; }
	.main .wrapper, .main-2 .wrapper, #services .col2 { width: 100%; }
        
	#services_left, #services_right, #services_page { float: none;}
	#services_left ul li, #services_right ul li, #services_page ul li { margin: 0px 0px 2px 5px; text-align: center; }
	h2.services { width: 96%; padding-right: 0px; text-align: center;}
	.search .btn, .search input { width: 100%; margin-top: 5px; }
	.search input { padding-left: 5px; padding-right: 0px; box-sizing: border-box;}
	#promo .wrapper { width: 100%; box-sizing: border-box; padding: 0px 10px 0px 10px;}
	#actions ul li { height: auto; width: 100%; margin-bottom: 10px; }
	footer { padding: 5px; box-sizing: border-box;}
	footer .wrapper { width: 100%; }
	footer .wrapper .col2 {
		float: none;
		width: 100%;
	}
	footer .wrapper .address > img {
		width: 90%;
	}
	.footerLogo {
		width: 100%;
	}

	.container { width: 100%; }
	.w-form .btn { width: 100%; float: none; }

#mailing { width: 100%; }
#mailing .wrapper { width: 100%; }

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px){
	header { box-shadow: none; width: 100%; }
	header .wrapper { width: 100%; }
	.navbrgr { display: block; padding: 25px 0px 35px 25px; box-sizing: border-box; }
	.lang { text-align: center; display: block; line-height: 2em;}
	.lang .socialList li { display: inline-block; }
	.lang .socialList li img { width: 65%; }
	nav { display: none; }
		#motto { font-size: .6em; }
	#top_left { display: none; float: none; }
	#top_right { display: none; float: none;}

.side_bar { float: none; width: 100%; }
.main-posts { float: none; width: 100%; box-sizing: border-box; padding: 10px;}

	#logo { width: 100%; margin: 0% auto; float: none;}
	#banner .wrapper {
		width: 100%;
	}
	#about .wrapper { width: 100%; }
	#about h2 { text-align: center;  }
	#about .wrapper a { text-align: center; }
#about p { width: 100%; padding: 0px 10px 0px 10px; box-sizing: border-box;}
 	#about .aboutImg {
	 float: none;
         text-align: center;
display: block;
	width: 270px;
height: 375px;
	margin: 0px auto;
        }
	#banner .wrapper .callToAction { display: inline-block; font-size: .9em; position: relative; width: 100%; top: 73%; padding-top: 3px; padding-bottom: 3px;}
	.affiliates .wrapper { width: 100%; }
	.affiliates .wrapper > ul { text-align: center; width: 100%;}
	.affiliates .wrapper ul li { padding-right: 10px; width: 20%; }
	.affiliates .wrapper ul li:last-child { padding-right: px; }
	.affiliates .wrapper ul li img { width: 100%; height: auto; }
	.main .wrapper, .main-2 .wrapper, #services .col2 { width: 100%; }
	#services_left, #services_right, #services_page { float: none;}
	#services_left ul li, #services_right ul li, #services_page ul li { margin: 0px 0px 2px 5px; text-align: center; }
	h2.services { width: 96%; padding-right: 0px; text-align: center;}
	.search .btn, .search input { width: 100%; margin-top: 5px; }
	.search input { padding-left: 5px; padding-right: 0px; box-sizing: border-box;}
	#promo .wrapper { width: 100%; box-sizing: border-box; padding: 0px 10px 0px 10px;}
	#actions ul li { height: auto; width: 100%; margin-bottom: 10px; }
	footer { padding: 5px; box-sizing: border-box;}
	footer .wrapper { width: 100%; }
	footer .wrapper .col2 {
		float: none;
		width: 100%;
	}
	footer .wrapper .address > img {
		width: 90%;
	}
	.footerLogo {
		width: 100%;
	}

	.container { width: 100%; }
	.w-form .btn { width: 100%; float: none; }
#mailing { width: 100%; }
#mailing .wrapper { width: 100%; }

}

@media only screen and (min-width : 481px) and (max-width : 767px) {
	.navbrgr { display: block; padding: 25px 0px 35px 25px; }
	#top_left div { display: inline-block; float: left; }
	#top_left, #top_right { display: none; }
	#logo { width: 100%; margin: 0% auto; float: none;}
	nav { display: none; }
	.wrapper { width: 100%; box-sizing: border-box;}
		#motto { font-size: .6em; }
		.lang { text-align: left; display: block; padding: 10px 0px 10px 5px;}
		.lang .socialList { float: right; padding-bottom: 10px; margin-top: -5px; }
		.lang .socialList li { display: inline-block; }
	.lang .socialList li img { width: 65%; }
	.affiliates .wrapper > ul { width: 100%; text-align: center;}
	.affiliates .wrapper ul li { padding-right: 50px;}
	.affiliates .wrapper ul li img { width: 100%; height: auto; }
	#actions ul li { height: auto; width: 100%; margin-bottom: 10px; }
	footer { padding: 5px; box-sizing: border-box;}
	footer .wrapper { width: 100%; }
	.footerLogo {
		width: 100%;
	}

}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
	.navbrgr { display: block; padding: 25px 0px 25px 25px; }
	.navbrgr .language { display: none; }
	.lang, .consult { display: none; }
	.wrapper { width: 100%; padding: 0px 15px 0px 15px; box-sizing: border-box;}
	.col3 { font-size: .8em; }
	#logo { width: 50%; height: auto; }
	#motto { font-size: .8em; }
	nav { display: none; }
	.social ul li { padding-right: 5px; }
	.social ul li img { width: 100%; height: auto;}
	#actions ul li { height: auto; width: 100%; margin-bottom: 10px; }
}


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

.slideout-menu {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 256px;
  min-height: 100vh;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 0;
  display: none;
}

.slideout-menu-left {
  left: 0;
}

.slideout-menu-right {
  right: 0;
}

.slideout-panel {
  position: relative;
  z-index: 1;
  will-change: transform;
  background-color: #FFF; /* A background-color is required */
  min-height: 100vh;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
  overflow: hidden;
}

.slideout-open .slideout-menu {
  display: block;
}

#menuT { box-sizing: border-box; padding: 20px 0px 0px 30px; background: #232323; overflow: hidden;}
#menuT ul li { padding-bottom: 20px;}
#menuT ul li a { color: #f2f2f2; }
#menuT ul li a:hover { border-bottom: 2px solid #f3b928; }