/*
Theme Name: NJHL theme

Author: keep4r theme

Version: 1.0
License: GNU General Public License
*/

body {font: normal 16px 'Source Sans Pro', sans-serif; color: #333; background: url("img/body-bg.png") #fff; min-width: 960px;}
.clearfloat {clear: both; height: 0; font-size: 1px; line-height: 0px; display: block;}
a {text-decoration: none; color: #DA2626;}
a:hover {text-decoration: underline;}
strong {font-family: 'Source Sans Pro Bold';}
em {font-style: italic;}

*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

/*layout*/
.center {width: 940px; margin: 0 auto;}
/*layout*/

/*all*/
/* defaul select style */

*::-webkit-input-placeholder {
    opacity: 1;
}

*:-moz-placeholder { /* Firefox 18- */
    opacity: 1;
}

*::-moz-placeholder {  /* Firefox 19+ */
    opacity: 1;
}

*:-ms-input-placeholder {
    opacity: 1;
}

*:focus::-webkit-input-placeholder {
    opacity: 0;
}

*:focus:-moz-placeholder { /* Firefox 18- */
    opacity: 0;
}

*:focus::-moz-placeholder {  /* Firefox 19+ */
    opacity: 0;
}

*:focus:-ms-input-placeholder {
    opacity: 0;
}

.btn, #respond  input[type="submit"], .wpcf7 input[type="submit"] {height: 42px; background-color: #ced9e4; background-image: -moz-linear-gradient(bottom, #BDC8D3 0%, #D4DEE9 100%); background-image: -o-linear-gradient(bottom, #BDC8D3 0%, #D4DEE9 100%); background-image: -webkit-linear-gradient(bottom, #BDC8D3 0%, #D4DEE9 100%); background-image: linear-gradient(to top, #BDC8D3 0%, #D4DEE9 100%);display: -webkit-box; display: -moz-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; text-align: center; border-radius: 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.75); cursor: pointer; padding: 0 18px; color: #000; font-family: 'aleoregular'; font-size: 14px; font-weight: 400; border: none;}
.btn:hover, #respond  input[type="submit"]:hover, .wpcf7 input[type="submit"]:hover {background-color: #CD1818; background-image: -moz-linear-gradient(bottom, #B90101 0%, #DB2727 100%); background-image: -o-linear-gradient(bottom, #B90101 0%, #DB2727 100%); background-image: -webkit-linear-gradient(bottom, #B90101 0%, #DB2727 100%); background-image: linear-gradient(to top, #B90101 0%, #DB2727 100%); color: #fff; text-decoration: none;}
#respond  input[type="submit"], .wpcf7 input[type="submit"] {height: 32px; font-size: 16px;}
/*all*/

/*header*/
header {height: 510px; border-bottom: 4px solid #151618; background: url("img/mans.png") 50% 100% no-repeat, url("img/head-bg.png") repeat;}
header:before {content: ' '; position: absolute; left: 0; top: 0; width: 100%; background-color: #191B1F; height: 30px; border-bottom: 1px solid #000;}
header:after {content: ' '; position: absolute; left: 0; top: 30px; width: 100%; background-color: #34363c; height: 1px;}
header .center {position: relative;}
header .logo {background: url("img/logo.png") 0 0 no-repeat; width: 225px; height: 65px; position: absolute; left: 0; top: 74px;}
header .logo a {text-indent: -9999px; overflow: hidden; display: block; height: 65px;}

.head-t {position: absolute; top: 11px; left: 0; width: 100%; color: #C6C6AF; text-transform: uppercase;  font-family: 'aleoregular';}
.head-t ul {font-size: 0; line-height: 0; text-align: justify;}
.head-t ul li {display: inline; font-size: 9px; line-height: normal;}
.head-t ul li + li:before {background: url("img/head-line-bullet.png") 0 0 no-repeat; width: 12px; height: 6px; display: inline-block; margin: 0 10px; content: ' ';}

.head-r {position: absolute; top: 70px; right: 0; font-size: 0; line-height: 0; font-family: 'aleoregular';}
.head-r > div {display: inline-block; line-height: 23px; font-size: 14px; color: #fff; vertical-align: top;}
.head-r > div.spain {background: url("img/word-bg.png") 0 0 no-repeat; width: 136px; height: 25px; padding-left: 10px;}
.head-r > div.phone {font-size: 30px; text-transform: uppercase; text-shadow: 0 1px 1px #000; margin-left: 13px;}
.head-r .social {font-size: 0; line-height: 0; padding-top: 2px;}
.head-r div.social a {display: inline-block; width: 22px; height: 21px; background-position: 0 100%; margin-left: 5px;}
.head-r div.social a:hover {background-position: 0 0;}
.head-r div.social a.facebook {background-image: url("img/icon-facebook.png");}
.head-r div.social a.gplus {background-image: url("img/icon-gplus.png");}
.head-r div.social a.linkedin {background-image: url("img/icon-linkedin.png");}

header nav {position: absolute; right: 0; top: 110px; height: 27px; border-top: 1px solid #32353B; font-size: 0; line-height: 0; font-family: 'aleoregular';}
header nav li {display: inline-block;}
header nav li + li {margin-left: 30px;}
header nav li a {color: #8F939D; text-transform: uppercase; font-size: 14px; height: 27px; line-height: 25px; display: inline-block; vertical-align: top;}
header nav li a:hover, header nav li.current-menu-item a {color: #fff; text-decoration: none; position: relative;}
header nav:before, header nav:after, header nav li a:hover:before, header nav li a:hover:after, header nav li.current-menu-item a:before, header nav li.current-menu-item a:after {background: #32353B; position: absolute; right: 0; top: 0; height: 1px; content: ' '; width: 100%;}
header nav li a:hover:before, header nav li a:hover:after, header nav li.current-menu-item a:before, header nav li.current-menu-item a:after {background-color: #da2626;}
header nav:after, header nav li a:hover:after, header nav li.current-menu-item a:after {top: auto; bottom: 0;}

.head-text {position: absolute; left: 0; top: 187px; width: 300px; color: #FFF;}
.head-text h2 {color: #BDC8D3; font-size: 30px; font-weight: 400; text-transform: uppercase; text-shadow: 0 1px 1px #000; padding-bottom: 3px;}
.head-text h1 {color: #fff; font-family: 'aleoregular'; font-size: 44px; font-weight: 400; text-shadow: 0 1px 1px #000; white-space: nowrap; padding-bottom: 8px;}
.head-text blockquote {position: relative; line-height: 24px; margin-bottom: -6px;}
.head-text blockquote p {display: inline;}
.head-text blockquote:before {color: #5E6270; font-family: 'aleoregular'; font-size: 40px; font-weight: 400; text-transform: uppercase; content: '“'; position: absolute; left: -15px; top: 8px;}
.head-text blockquote:after {color: #5E6270; font-family: 'aleoregular'; font-size: 40px; font-weight: 400; text-transform: uppercase; content: '”'; display: inline-block; vertical-align: top; margin-top: 9px;}
.head-text .btn {margin-top: 23px;}
/*header*/


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*single*/
.page-wrapper {border-top: 1px solid #fff;}
.home .page-wrapper {background: url("img/map.png") 50% 0 no-repeat;}
.page-title {text-align: center; padding: 22px 0 28px 0;}
.page-title h1 {font-family: 'aleoregular'; color: #DA2626; font-size: 26px; font-weight: 400; text-transform: uppercase; background: url("img/devider.png") 0 100% no-repeat; padding-bottom: 22px;}
.single-post-content h1 {color: #000; font-family: 'aleoregular'; font-size: 26px; font-weight: 400; padding-bottom: 13px;}
.single-post-content h2 {color: #000; font-family: 'aleoregular'; font-size: 22px; font-weight: 400; padding-bottom: 14px;}
.single-post-content h3 {color: #000; font-size: 16px; font-weight: 700; text-transform: uppercase; text-shadow: 0 1px 1px #FFF; padding-bottom: 9px;}
.single-post-content h4 {color: #000; font-family: 'aleoregular'; font-size: 14px; font-weight: 400; padding-bottom: 7px;}
.single-post-content p {line-height: 24px; padding-bottom: 18px;}
.single-post-content ol {list-style: decimal;}
.single-post-content ul, .single-post-content ol {list-style-position: inside; padding-bottom: 12px; line-height: 24px;}
.single-post-content ul li {background: url("img/list-bullet.png") 0 8px no-repeat; padding-left: 18px;}
.single-post-content li {padding-bottom: 6px;}
.single-post-content strong {font-weight: bold;}
.single-post-content em {font-style:  italic;}
.single-post-content img {vertical-align: top; max-width: 100%; height: auto; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.22);}
.single-post-content hr {background: url("img/dots1.png") 50% 0 repeat-x; border: none; height: 1px; clear: both; margin-bottom: 18px;}
.single-post-content .image {float: left; margin: 5px 20px 20px 0;}
.single-post-content blockquote {padding-bottom: 11px;}
.single-post-content blockquote, .testimonials-block .text, .testimonials-list .text {font-family: 'aleoitalic'; font-size: 18px; position: relative;}
.single-post-content blockquote p, .testimonials-block .text p, .testimonials-list .text p {display: inline; padding-bottom: 0; line-height: 28px;}
.single-post-content blockquote:before, .testimonials-block .text:before, .testimonials-list .text:before {content: '“'; color: #DA2626; font-family: 'aleoregular'; font-size: 50px; font-weight: 400; text-transform: uppercase; position: absolute; left: -18px; top: 14px; line-height: 28px;}
.single-post-content blockquote p:after, .testimonials-block .text:after, .testimonials-list .text:after{content: '”'; display: inline-block; vertical-align: top; margin: 10px 0 0 5px; color: #DA2626; font-family: 'aleoregular'; font-size: 50px; font-weight: 400; text-transform: uppercase; line-height: 28px;}

.single-post-content .wpcf7 .wpcf7-response-output {color: #ff2226; padding: 0 0 0 21px; line-height: normal; top: 58px;}
.single-post-content .wpcf7 .wpcf7-not-valid-tip {color: #ff2226; padding: 0 0 0 0; line-height: normal; font-size: 14px; position: absolute; z-index: 100; margin-top: -3px; white-space: nowrap;}
.wpcf7-form .row-submit {text-align: right; padding-bottom: 0;}
.wpcf7-form .ajax-loader {position: absolute;}
.wpcf7-form {background: url("img/block-bg.png"); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.22); padding: 30px;}
.wpcf7-form input, .wpcf7-form textarea {vertical-align: top;}
.wpcf7-form .row {padding-bottom: 14px; font-size: 0; line-height: 0; position: relative; padding-left: 100px;}
.wpcf7-form .row label {color: #FFF; font-family: 'aleoregular'; font-size: 17px; font-weight: 400; position: absolute; left: 0; top: 17px;}
.wpcf7-form  input[type="text"], .wpcf7-form  input[type="email"] {width: 242px; height: 36px; background-color: rgba(255, 255, 255, 0.8); border: 1px solid #313131; border-radius: 3px; box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(252, 252, 252, 0.5); color: #515151; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-weight: 400; padding: 0 15px;}
.wpcf7-form textarea {height: 142px;  background-color: rgba(255, 255, 255, 0.8); border: 1px solid #313131; border-radius: 3px; box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(252, 252, 252, 0.5); color: #515151; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-weight: 400; padding: 7px 15px; resize: none; overflow: hidden; width: 100%;}

.single-post-content .office-list {font-family: 'aleoregular'; padding: 6px 0 28px 0; font-size: 0; line-height: 0;}
.single-post-content .office-list li {display: inline-block; width: 200px; vertical-align: top; font-size: 14px; line-height: 25px; color: #656565; position: relative; background: none; padding-left: 0; padding-bottom: 0;}
.single-post-content .office-list p {padding-bottom: 0;}
.single-post-content .office-list li + li {padding-left: 36px; width: 236px;}
.single-post-content .office-list li + li:before {content: ' '; width: 1px; height: 71px; background-color: rgba(54, 54, 54, 0.1); display: block; position: absolute; left: 0; top: 6px;}
.single-post-content .office-list li h3 {font-size: 14px; color: #373737; padding-bottom: 0; box-shadow: none; text-transform: none; font-weight: normal;}
/*single*/

/*layout*/
.main, .sidebar {padding-bottom: 60px;}
.main {width: 620px; float: right;}
.map-bg {background: url("img/map-small.png") 50% 0 no-repeat; min-height: 355px;}
.sidebar {width: 280px; float: left;}
/*layout*/

/*sidebar*/
.left-pages {padding-bottom: 39px;}
.left-pages article {position: relative; font-family: 'aleoregular'; font-size: 19px; font-weight: 400;}
.left-pages article + article {margin-top: 8px;}
.left-pages article a {display: block; padding: 13px 0 11px 66px; background-color: #FFF; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.22);}
.left-pages article a:hover {text-decoration: none; color: #fff; background-color: #da2626;}
.left-pages article span {position: absolute; left: 18px; top: 6px; display: block; width: 32px; height: 32px; overflow: hidden;}
.left-pages article span img {vertical-align: top;}
.left-pages article a:hover span img {margin-top: -32px;}

.left-posts h2 {color: #000; font-size: 16px; font-weight: 700; text-transform: uppercase; text-shadow: 0 1px 1px #FFF; padding-bottom: 22px;}
.left-posts article {position: relative;}
.left-posts article + article {background: url("img/line1.png") 0 0 repeat-x; margin-top: 12px; padding-top: 12px;}
.left-posts article h3 {color: #DA2626; font-family: 'aleoregular'; font-size: 14px; font-weight: 400; padding-bottom: 9px;}
.left-posts article .row-text {color: #656565; font-size: 14px; line-height: 20px; padding-bottom: 11px;}
.left-posts article .row-text p {display: inline;}
.left-posts article .date, .left-posts article .comment {color: #AEAEAE; font-family: 'aleoregular'; font-size: 11px; font-weight: 400;}
.left-posts article .comment {position: absolute; right: 0;}

.left-list {padding-bottom: 27px;}
.left-list h2 {color: #000; font-size: 16px; font-weight: 700; text-transform: uppercase; text-shadow: 0 1px 1px #FFF; padding-bottom: 14px;}
.left-list li {background: url("img/line1.png") 0 0 repeat-x; padding: 8px 0 6px 0;}
.left-list ul {background: url("img/line1.png") 0 100% repeat-x;}
/*sidebar*/

/*blog-list*/
.blog-list {padding-bottom: 26px;}
.blog-list article {background: url("img/dots1.png") 50% 100% repeat-x; padding-bottom: 30px;}
.blog-list article + article {margin-top: 25px;}
.blog-list h2 {color: #000; font-family: 'aleoregular'; font-size: 22px; font-weight: 400; line-height: 28px; padding-bottom: 18px;}
.blog-list h2 a {color: #000;}
.blog-list h2 a:hover {color: #da2626; text-decoration: none;}
.blog-list .image {float: left; margin-right: 20px;}
.blog-list .image img {vertical-align: top; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.22);}
.blog-list .row-text {line-height: 24px; overflow: hidden;}
.blog-list .row-text p {display: inline;}
.blog-list .row-text a.more {white-space: nowrap;}
.single-info {clear: both; color: #959393; font-family: 'aleoregular'; font-size: 12px; padding-top: 23px; position: relative;}
.single-post .single-info {padding-top: 0;}
.single-info .delimiter {width: 1px; display: inline-block; height: 5px; vertical-align: top; margin: 5px 5px 0 5px; background: url("img/dots2.png") 0 0 no-repeat;}
.single-info .info-r {position: absolute; right: 0;}
/*blog-list*/

/*footer*/
footer .testimonials-block {padding: 48px 0 36px 0; background: url("img/line1.png") 0 0 repeat-x;}
footer .copy {background: url("img/line1.png") 0 0 repeat-x; text-align: center; font-family: 'aleoregular'; font-size: 14px; color: #878787; padding: 39px 0 40px 0;}

.footer-pre {background: url("img/line1.png") 0 0 repeat-x; padding-top: 43px;}
.footer-text {line-height: 24px; position: relative; padding: 0 0 37px 305px;}
.footer-text:before {content: ' '; width: 1px; height: 58px; background-color: rgba(54, 54, 54, 0.2); display: block; position: absolute; left: 283px; top: 6px;}
.footer-text .image {background: url("img/logo2.png") 0 0 no-repeat; width: 222px; height: 63px; position: absolute; left: 42px; top: 3px;}
.footer-text .image a {text-indent: -9999px; overflow: hidden; display: block; height: 63px;}

.office-lists {font-family: 'aleoregular'; padding-bottom: 28px;}
.office-lists ul {font-size: 0; line-height: 0; text-align: center; padding-bottom: 38px;}
.office-lists li {display: inline-block; width: 25%; vertical-align: top; font-size: 14px; line-height: 25px; color: #656565; position: relative;}
.office-lists li + li:before {content: ' '; width: 1px; height: 71px; background-color: rgba(54, 54, 54, 0.1); display: block; position: absolute; left: 0; top: 6px;}
.office-lists li h3 {font-size: 14px; color: #373737;}
.office-lists h2 {color: #000; font-size: 18px; font-weight: 400;}
/*footer*/

/*testimonials-block*/
.testimonials-block h2 {color: #000; font-size: 16px; font-weight: 700; text-transform: uppercase; text-shadow: 0 1px 1px #FFF; padding-bottom: 15px;}
.testimonials-block .author, .testimonials-list .author {color: #878787; font-size: 14px; text-align: right; font-family: 'aleoregular'; padding-top: 11px;}
.testimonials-block .author span {padding: 0 10px;}

.testimonials-list {padding-bottom: 40px;}
.testimonials-list article {background: url("img/dots1.png") 50% 100% repeat-x; padding-bottom: 27px;}
.testimonials-list article + article {margin-top: 32px;}
/*testimonials-block*/

/*navigation*/
.navigation {position: relative;font-size: 0; line-height: 0; padding: 0 0 0 0; text-align: right; font-family: 'aleoregular'; font-weight: normal;}
.navigation a, .navigation span {display: inline-block; font-size: 16px; line-height: normal; color: #333; margin-left: 14px;}
.navigation a:hover, .navigation span {text-decoration: none; color: #DA2626;}
.navigation a.nextpostslink {margin-left: 28px; color: #DA2626;}
.navigation a.nextpostslink:hover {color: #333;}
.navigation a.previouspostslink {margin-right: 14px;}
/*navigation*/

/*comments*/
#comments {padding: 28px 0 28px 0; background: url("img/dots1.png") 50% 0 repeat-x; margin-top: 29px;}
#comments > ul> li > div:first-child {margin-top: 0;}
#comments li > div {position: relative; background: url("img/dots1.png") 50% 100% repeat-x; padding-bottom: 30px; margin-top: 23px;}
.comment-list {margin-bottom: 30px;}

.comment-awaiting-moderation {display: block; margin-bottom: 5px; color: #ae0c0c;}
#comments .comment-content {overflow: hidden; position: relative;}
#comments .comment-content .text {line-height: 24px;}

#comments .single-info {padding-top: 14px;}

#comments .comment-content .text {line-height: 24px;}
.comments-title, #reply-title {color: #000; font-family: 'aleoregular'; font-size: 22px; font-weight: 400; padding-bottom: 23px;}
#reply-title small {display: block;}
#reply-title small a {font-size: 14px; color: #871b15;}

#respond form {background: url("img/block-bg.png"); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.22); padding: 30px;}
#respond input, #respond textarea {vertical-align: top;}
#respond .row {padding-bottom: 14px; font-size: 0; line-height: 0; position: relative; padding-left: 100px;}
#respond .row label {color: #FFF; font-family: 'aleoregular'; font-size: 17px; font-weight: 400; position: absolute; left: 0; top: 17px;}
#respond  input[type="text"] {width: 242px; height: 36px; background-color: rgba(255, 255, 255, 0.8); border: 1px solid #313131; border-radius: 3px; box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(252, 252, 252, 0.5); color: #515151; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-weight: 400; padding: 0 15px;}
#respond textarea {height: 142px;  background-color: rgba(255, 255, 255, 0.8); border: 1px solid #313131; border-radius: 3px; box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(252, 252, 252, 0.5); color: #515151; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-weight: 400; padding: 7px 15px; resize: none; overflow: hidden; width: 100%;}
#respond .form-submit {text-align: right;}
/*comments*/

/*courts-list*/
.courts-list:after {content: ' '; clear: both; height: 1px; display: block; width: 100%;}
.courts-list ul {float: left; width: 33.3%;}
.courts-list-front ul {width: 20%;}
.courts-list {color: #333; font-size: 15px; text-transform: uppercase; padding: 14px 0 0 0;}
.courts-list-front {padding: 31px 0 37px 0;}
.courts-list li {background: url("img/icon-location.png") 0 0 no-repeat; padding: 0 0 0 22px;}
.courts-list li + li {margin-top: 11px;}
.courts-list a {color: #333;}
.courts-list a:hover {color: #da2626;}
/*courts-list*/

/*pages-on-front*/
.pages-on-front {font-size: 0; line-height: 0; margin: 0 -10px; padding-bottom: 15px;}
.pages-on-front article {padding: 0 10px 20px 10px; width: 33.3%; display: inline-block; vertical-align: top;}
.pages-on-front article > div {color: #656565; font-size: 14px; line-height: normal; height: 165px; background-color: #FFF; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.22); padding: 26px 20px 0 60px; position: relative; cursor: pointer;}
.pages-on-front article:nth-child(3n+2) > div:before, .pages-on-front article:nth-child(3n+2) > div:after {background: url("img/devider2.png") 50% no-repeat; width: 50px; height: 50px; content: ' '; position: absolute; left: -36px; top: -36px;}
.pages-on-front article:nth-child(3n+2) > div:after {left: auto; right: -36px;}
.pages-on-front article:nth-child(2) > div:before, .pages-on-front article:nth-child(2) > div:after {display: none;}
.pages-on-front article p {line-height: 20px;}
.pages-on-front article .icon {width: 32px; height: 32px; position: absolute; left: 18px; top: 24px; overflow: hidden;}
.pages-on-front article .icon img {vertical-align: top;}
.pages-on-front article > div:hover {background-color: #da2626; color: #fff;}
.pages-on-front article > div:hover a {color: #fff;}
.pages-on-front article > div:hover .icon img {margin-top: -32px;}
.pages-on-front article h3 {color: #DA2626; font-family: 'aleoregular'; font-size: 20px; font-weight: 400; padding-bottom: 9px;}
.pages-on-front article h3 a {color: #DA2626;}
.pages-on-front article h3 a:hover {text-decoration: none;}
/*pages-on-front*/