/* --------------------------- HOMEPAGE */
section {margin:0 0 30px -30px;}
section .feature {float:left; width:66.66%; border-left:solid 30px #fff}
section .sub {float:right; width:33.33%; border-left:solid 30px #fff}

.feature {background:no-repeat #ededed;}
.feature h1, .feature p {margin-bottom:15px;}

.user {display:none !important;}
.is-user .user {display:block !important;}
.is-user .guest {display:none !important;}

#find {height:225px}
#find .feature {background-image:url(/resources/statics/1000/find-bg-1.jpg?a=1493924584761); color: #ffffff;}
#find .content-wrap {margin:30px; height:165px;}

#find .list-unstyled {margin-top:-13px;}
#find .list-unstyled li {margin-top:13px; border:solid 1px #ddd;}
#find .list-unstyled a {display:block; position:relative; height:104px; padding:20px 75px 20px 20px; font-size:36px}
#find .list-unstyled span {display:inline-block; vertical-align:middle; color:#999}
#find .list-unstyled a:before {content:''; display:inline-block; height:100%; width:5px; margin-left:-5px; vertical-align:middle}
#find .list-unstyled a:after {content:''; width:17px; height:30px; background:url(/resources/statics/1000/big-arrow.png); position:absolute; top:38px; right:20px;}
#find .list-unstyled a:hover {background:#ccc;}
#find .list-unstyled a:hover span {color:#000}
#find .list-unstyled a:hover:after {background:url(/resources/statics/1000/big-arrow-hover.png);}

#connect .feature {float:right; height:300px; color: #ffffff;}
#connect .content-wrap {padding:35px 30px;}
#connect .feature h1 {margin-bottom:40px;}
#connect .btn {margin-right:10px;}
#connect .sub a {font-size:36px; color:#ffffff; text-align:center; position:relative; display:block; padding:180px 20px 15px; border:solid 1px #ddd; height:300px; background-image: url(/resources/statics/1000/red-computer-420x300.jpg?a=1493995786880);}
#connect .sub a:after {content:''; width:128px; height:128px; position:absolute; top:40px; left:50%; margin-left:-64px;}

#community .feature {width:50%; color: #ffffff;}
#community .feature.guest {color: #000000; padding: 10px 20px;}
#community .feature.recent-content {background:transparent}
#community .content-wrap {height:225px;}
#community .feature.user .content-wrap {padding: 30px; color: #ffffff;}
#community header {border:solid 1px #ddd; padding:0 17px; margin-bottom:20px; position:relative; text-transform:uppercase}
#community header h1 {font-size:18px; line-height:38px; color:#999; margin:0;}
#community header select {background:#fff; border:none; width:230px; padding:0 8px; position:absolute; z-index:5; top:7px; right:0; font-size:18px; line-height:1; text-transform:uppercase}
#community header select:focus {border:none; outline:none;}
#community header:after {content:''; height:38px; display:block; width:5px; border-left:solid 1px #ddd; background:#fff; position:absolute; top:0; right:225px;}
#community header select option {font-size:18px; line-height:38px;}


/* --------------------------- REPSONSIVE STYLES */
@media only screen and (max-width:1355px) {
	#find .list-unstyled a,
	#connect .sub a.user {font-size:24px}
}