/* Reset and "Base" styles */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}header,nav,section,article,aside,footer,hgroup{display:block;}a:hover,input[type=submit]:hover{cursor:pointer;}em{font-style:italic;}sup{font-size:0.9em;line-height:normal;vertical-align:super;}strong { font-weight: bold; }
section{width:100%;display:block;*zoom:1;clear:both;}section:before,section:after{content:"";display:table;}section:after{clear:both;}
h1,h2,h3,h4, p, li { font-family: "ProximaNova", Helvetica, Arial, sans-serif; font-size: 17px;}
h1{font-size:3em;}h2{font-size:2em;}h3{font-size:1.5em;}h4{font-size:1.35em;}
a { color: #3289A1; }
a:hover { text-decoration:none;}
/* Common Classes */
.centered{text-align:center;}
.serifed{font-family:Georgia, Times New Roman, serif;}
.sans{font-family:"ProximaNova",Helvetica,Arial,sans-serif;}
.sentencecase { text-transform: capitalize;}
.block{display:block;*zoom:1;}.block:before,.block:after{content:"";display:table;}.block:after{clear:both;} /*Clearfixed */
.hidden { display:none; }
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.narrow{width:24%;display:block;}
.wide{width:72.5%;display:block;}
.half{width:45%;margin-right:5%;display:block;}
.third{width:30.333333%;margin-right:3%;display:block;}
.onethird{width:30.333333%;margin-right:3%;display:block;}
.twothirds{width:63.333333%;margin-right:3%;display:block;}
.half.right,.onethird.right,.wide.right{margin-right:0;}
.content{margin:0 auto;padding:1em 0;*zoom:1;color:white; position:relative;}
.content:before,.content:after{content:"";display:table;}.content:after{clear:both;} /*Clearfixed */
.button{ background:#1F86A5; background:url(../images/seo/btn-blue.jpg) repeat-x;background:-webkit-linear-gradient(top , #67C9DE, #2A9DC0 1px, #2695B6, #1F86A5, #16718C) repeat scroll 0 0 transparent; background:-moz-linear-gradient(top , #67C9DE, #2A9DC0 1px, #2695B6, #1F86A5, #16718C) repeat scroll 0 0 transparent; background:-ms-linear-gradient(top , #67C9DE, #2A9DC0 1px, #2695B6, #1F86A5, #16718C) repeat scroll 0 0 transparent; background:-o-linear-gradient(top , #67C9DE, #2A9DC0 1px, #2695B6, #1F86A5, #16718C) repeat scroll 0 0 transparent; background:linear-gradient(top , #67C9DE, #2A9DC0 1px, #2695B6, #1F86A5, #16718C) repeat scroll 0 0 transparent; display:inline-block;text-align:center; color: white; text-shadow: 0 -1px 1px #044062; font-weight: bold; text-transform: uppercase; text-decoration:none; border:1px solid #044062; border-radius: 4px; font-size: 15px; line-height: 32px; height: 32px; padding: 0 1em; font-family:"ProximaNova", Arial,Helvetica,sans-serif; box-shadow: 0 2px 4px #222;}
.button.yellow{ font-size: 15px; background:#EF8D08; border: 1px solid #EF8D08; border-top: 1px solid white; text-transform:none; text-shadow: 0 -1px 1px rgba(0,0,0,0.38); background:url(../images/seo/btn-yellow.jpg) repeat-x #EF8D08; background:-moz-linear-gradient(top , #fff, #FFCC01 1px, #FBC002, #EF9600, #E77C00) repeat scroll 0 0 transparent; background:-webkit-linear-gradient(top , #fff, #FFCC01 1px, #FBC002, #EF9600, #E77C00) repeat scroll 0 0 transparent; background:-ms-linear-gradient(top , #fff, #FFCC01 1px, #FBC002, #EF9600, #E77C00) repeat scroll 0 0 transparent; background: linear-gradient(top , #fff, #FFCC01 1px, #FBC002, #EF9600, #E77C00) repeat scroll 0 0 transparent;}
.button.large { height: 70px; line-height: 70px; font-size: 24px; padding: 0 20px; border-radius: 8px; }
.button:hover { box-shadow: 0 1px 4px #222;}
.button:active { box-shadow: inset 0 1px 2px #222;}
/** Customizations for this page **/
body{background:url(../images/seo/stone.jpg) repeat #383838;font-size:14px;font-family:"ProximaNova",Calibri,Helvetica,Arial,sans-serif;}
header.content{width: 92%; background:url(../images/so/translucent.png) repeat;background:rgba(0,0,0,0.6);border-bottom-right-radius:1em;border-bottom-left-radius:1em;margin:0 auto 22px;padding:15px 30px;height:40px;}
header .logo-image a {background: url(../images/logo/eh-white.svg) no-repeat 0 0; background-size: 100%; display:block;float:left; height: 36px; text-indent:-99999px; width: 180px;}
header .logo-image {float:left; width:180px; height:36px; display:block;}
header .logo-image img {display:none;}
.en_CA header .logo {background: url(../images/logo-white-canada.png) no-repeat; background-size:100% auto;}
header .login{float:right;display:inline-block;height:40px;line-height:40px;color:#fff;font-size:1.2em;}
header .login .button { margin-left: 1em; }
h1, h2 { font-family:Georgia, Times New Roman, serif; margin: 10px 0 20px; color: #fff;}
h1 em, h2 em, h3 em { color: #FBB024; font-style:normal;}
hr {background:none; border: 0; border-top: 1px solid #44494c; height: 20px; width: 100%;}
h3.offset{margin: 10px 0 20px;}
#top {text-align:center;background-image: }
#top h1 { color: #FAAF23; font-size: 46px; font-weight: normal; line-height: 1.2em; text-shadow: 1px 2px 2px rgba(0,0,0,0.34);}
#top h2 { font-size: 36px; text-shadow: 1px 2px 2px rgba(0,0,0,0.34);}
#top h2 sup { font-size: 0.5em; }
#deferred_elements { display:none; }
#main .content {padding-bottom: 35px; margin-bottom: 35px;}
#main.regLeft .reg { margin-left: 2%; }
#main.regRight .reg { margin-right: 3%; }
#main .copy { width: 56%; padding-top: 24px;}
#main .copy h2 { color: #fff; font-size: 40px; font-weight: normal; line-height: 1.2em; }
#main .copy img{ max-width: 100%; }
#main .copy p { margin: 1em 0; line-height:23px;}
#main .copy p strong { color: #FBB024}
#main .copy .text { width: 92%; margin: 0 auto;}
#main .copy li { list-style: disc inside; text-indent: 22px; }
#main .reg { width: 36%; }
#main .regform { width: 100%;}
#userinfo .content { width: 770px; overflow:visible; position: relative; }
#userinfo .userimg { float: left}
#userinfo h1 em { color: #999; margin-bottom: 20px; color:white; font-family: Georgia, Times New Roman, serif; font-size: 21px; font-style: none; display:block;}
#userinfo h1 strong { margin-bottom: 8px; font-size: 36px; color: white; font-family: Georgia, Times New Roman, serif; font-weight: normal;display:block;}
#userinfo h1 span { color: #999; margin-bottom: 20px; display:block; font-size: 19px; }
.userimg { display: block; width: 358px; height: 412px; padding: 15px; background: #262A2E; box-shadow:inset 2px 3px 3px #222; text-align:center; }
.userimg img { max-width: 100%; }
.largecta .button { position: absolute; top: 300px; left: 55px;}
.icon { display:block; margin:0 auto 10px; width: 62px; height: 58px; background:url(../images/seo/sprite-icons.png) no-repeat;}
.icon:hover { cursor:default}
.icon.smoker { background-position: 0px 0;}
.icon.nonsmoker { background-position: -68px 0;}
.icon.drinker { background-position: -142px 0;}
.icon.nondrinker { background-position: -228px 0;}
.icon.kids { background-position: -72px -58px;}
.icon.nokids { background-position: -143px -58px;}
.icon.first, .icon.second, .icon.third { width: 48px; height: 48px; }
.icon.first { background-position: -484px 0; }
.icon.second { background-position: -484px -48px; }
.icon.third { background-position: -484px -96px; }
.stats { float:left; width: 300px; margin-left: 40px; }
.stats .third { text-align:center; float: left; font-size: 11px; color: #ccc}
.stats h3 { margin: 16px 0; border-top: 1px solid #a9a9a9;border-bottom: 1px solid #a9a9a9; text-align:center; text-transform: uppercase; font-family: Georgia, Times New Roman, serif; font-size: 12px; padding: 4px 0;}
.stats li { margin: 0 0 8px 8px; font-size: 16px; }
.location { padding: 30px 3%; clear:both; width: 910px; margin: 30px 0 0 -85px; border-top: 1px solid #44494c; }
.location section.hdr { text-align:center;}
.city { font-size: 24px; line-height: 40px;color: #ABE0F7; font-weight:bold;}
a.next, a.prev { display:inline-block; background:url(../images/seo/sprite-icons.png) no-repeat -396px -41px; width: 26px; height: 40px; vertical-align:bottom; padding: 0 !important; }
a.prev { background-position: -365px -41px; }
a.betweenarrows { margin-left: 20px; margin-right: 20px; }
.location p { color: #cbcbcb; font-size: 16px; line-height: 23px; margin: 16px;}
.location p a { font-size: 20px; font-weight: bold;}
.linen { background: url(../images/seo/linen.jpg); }
h3.ribbon, h2.ribbon { display:inline-block; padding: 0 10px; background:#8fb42c; font-family:"ProximaNova", arial,helvetica,sans-serif; font-weight: bold; text-transform: uppercase; color: white; font-size: 21px; width:auto; height:48px;line-height:48px;text-align:center;margin: -24px auto 24px; position: relative; z-index:20}
h3.ribbon:before,h3.ribbon:after,h2.ribbon:before,h2.ribbon:after{content:"";position:absolute;display:block;border:24px solid #8fb42c;top:0;z-index:-1}
h3.ribbon:before,h2.ribbon:before{left:-32px;border-left-color:transparent;}
h3.ribbon:after,h2.ribbon:after{right:-32px;border-right-color:transparent;}
/* Member Listing Page */
#members h1, #members h2{ font-size: 30px; color: #797979; font-weight: bold; font-family: "ProximaNova", Calibri, Arial, Helvetica, sans-serif;}
#members .content { width: 1240px; margin-top:30px;}
#members .content .with-paragraph { padding-top: 20px; display: block; }
#members .content .seo-links {text-align: center; margin: 40px 0;}
#members .content .seo-links:after {content:""; display: table; clear: both;}
#members .content .seo-links > .link-group { width: 33%; float: left;}
#members .content .seo-links > .link-group > ul { margin: 10px 0 0;}
#members .content .seo-links > .link-group > ul > li { margin: 5px;line-height: 20px;}
#members .centered h2.ribbon {font-size: 24px; color: white; font-family: "ProximaNova", arial,helvetica,sans-serif;}
#members h2 a { text-decoration:underline;}
#members .content h3 { font-size: 24px; font-weight:normal; color: #797979;font-family: "ProximaNova", Calibri, Arial, Helvetica, sans-serif;}
#members p { color: #333; font-size: 16px; line-height: 21px; font-family: "ProximaNova", Calibri, Arial, Helvetica, sans-serif; margin-bottom:20px;}
#members p.last-copy-block-part { margin-bottom: 16px; }
#members a.card { position: relative; height: 139px; width: 31%; padding: 0; margin: 0 1% 40px; background: white; box-shadow: 0 0 3px rgba(0,0,0,0.5); float: left; display:block; overflow: hidden; text-decoration:none;}
#members a.card:hover { overflow:visible; border:none; }
#members a.card span { position: absolute; min-height: 129px; max-height: 129px; overflow: hidden; transition: box-shadow 0.35s ease, all 0.14s linear; width: 96%; padding: 5px 2%; z-index: 3;}
#members a.card span b { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/seo/card-gradient.png) repeat-x bottom; z-index: 1;}
#members a.card:hover span { background: white; max-height: 350px; box-shadow: 0 0 12px rgba(50,137,161,0.75); z-index: 4;}
#members a.card:hover span b { display:none; }
#members a.card:active { box-shadow: 0 0 6px rgba(50,137,161,0.75);}
#members a.card img { float: left; width: 112px; position: relative; z-index: 2; margin-right: 10px; }
#members a.card aside { float: left; width: 185px; font-size: 13px; line-height: 19px;color: #555; padding-bottom: 5px; position:relative;}
#members a.card aside:after { content:"";display:table; clear:both; }
#members a.card h4 { font-family: Georgia, Times New Roman, serif; font-size: 15px; line-height: 19px; color: #555; }
#members a.card h4 strong.male { color: #185772;}
#members a.card h4 strong.female { color: #a12847;}
#members a.card h5 { font-size: 13px; line-height: 15px; margin-bottom: 7px; color: #797979; font-weight:600; font-family: "ProximaNova Semibold", "ProximaNova",Calibri,Arial,Helvetica, sans-serif;}
#members .memberpages li { float: left; width: 120px; display:block; margin-bottom: 20px; text-align:center; font-size: 13px;}
#members ul.neighborhoods { text-align: left;}
#members .neighborhoods li { float: left; height: 30px; display:inline-block; margin-bottom: 15px; text-align:center; font-size: 13px; width: 150px; vertical-align: top;}
#members .pagination { margin: 30px 0 50px; clear:both;}
.pagination a { color: #797979;display: inline-block; font-size: 22px; line-height: 40px; margin: 0 6px; padding: 0 6px; text-decoration: none;}
.pagination a.active { background: #B8E6F8; border-radius: 3px; cursor: text;}
.pagination a.active:hover { text-decoration: none;}
.pagination a:hover { text-decoration: underline;}
/* User Profile stuff */
a.pages { font-size: 30px; line-height: 40px; font-weight: bold;}
#profilepage article { color: #222; margin: 24px 0 24px; padding:0 0 24px; color: #222; border-bottom: 1px solid #bebebe;}
#profilepage article h3, #profilepage article h4, #profilepage article h5 { margin: 8px auto; font-weight: bold;}
#profilepage article h3 { color: #434343; font-size: 18px; }
#profilepage article h4 { color: #062137; font-size: 14px; line-height: 20px; margin: 12px auto 0px; text-transform: uppercase; }
#profilepage article p,#profilepage article li { font-size: 15px; line-height: 22px; color: #222; }
#profilepage article ol li:after { content:""; display:table; clear: both; }
#profilepage article ol li span { float:left; display:block; min-height: 48px; width: 80%; margin-left: 5px; vertical-align:middle;display:-ms-flexbox;-ms-flex-align:center;display:-moz-box;-moz-box-align:center;display:-webkit-box;-webkit-box-align:center;display:box;box-align:center;}
#profilepage article.politics {border-bottom:none; max-width: 200px; margin: 24px auto;}
#profilepage article.politics header { float: left; width: 60px; height: 36px; display:block; background: url(../images/seo/sprite-icons.png) -354px 0; margin-right: 10px; }
#profilepage article.politics strong { color: #062137; text-transform: uppercase;}
#profilepage article.profile { text-align: center; border-bottom:none;}
#profilepage article.profile p { padding: 2px 0; font-size: 14px; line-height: 21px; color: #5F9900; font-family: Georgia, Times New Roman, serif; }
#profilepage article.profile header{ background: url(../images/seo/sprite-headers.png) no-repeat; display: block; width: 100%; }
#profilepage article.profile.books header{ background-position: 50% -104px; height: 46px;}
#profilepage article.profile.movies header{ background-position: 50% -51px; height: 51px;}
#profilepage article.profile.sports header{ background-position: 50% -0px; height: 51px;}
#profilepage article.profile.music header{ background-position: 50% -150px ; height: 70px;}
#profilepage article.profile.tv header{ background-position: 50% -225px ; height: 50px;}
/* City Listing Stuff */
#citylisting .content { margin-bottom: 75px;}
#citylisting .content h1, #citylisting .content h2, #citylisting .content h3 { color: #333; font-weight: bold; font-family: "ProximaNova", Calibri, Arial, Helvetica, sans-serif; text-shadow: none;}
#citylisting .content h2 { font-size: 24px; }
#citylisting .content .centered { font-size: 22px; color: #666; margin: 6px 0 50px 0; }
#citylisting .content h3 { font-size: 20px; margin-bottom: 14px;}
#citylisting .content h3.centered { font-size: 20px; margin: -24px auto 50px; color: #333;}
#citylisting .content p { color: #333; font-size: 16px; margin-bottom: 16px; line-height: 19px;}
#citylisting .content p.letters { margin-bottom: 100px;}
#citylisting .letters a { display:inline-block; font-size: 20px; margin: 0 0 10px; padding: 0 20px; text-decoration:underline; border-right: 1px solid #000;}
#citylisting .letters a.first { padding-left:0;}
#citylisting .letters a.last { border:none;}
#citylisting .letters a.active { color: #333; font-weight: bold; cursor: text; }
ul.col2 { -moz-column-count:2; -moz-column-width: 32%;-webkit-column-count:2;column-count:2; }
ul.col4 { -moz-column-count:4; -moz-column-width: 24%;-webkit-column-count:4;column-count:4; }
ul.col5 { -moz-column-count:5; -moz-column-width: 19%;-webkit-column-count:5;column-count:5; }
.col2-native li { float: left; width: 50%; }
.col4-native li { float: left; width: 25%; }
.col5-native li { float: left; width: 20%; }
ul.col2.states { margin-top: 44px; }
ul.col2-native.states { margin-top: 44px; }
ul.col2.cities, ul.col2.states { margin-left: auto; margin-right: auto; width: 35%; }
ul.col2-native.cities, ul.col2-native.states { margin-left: auto; margin-right: auto; width: 35%; }
ul.cities { width: 100%; display: block; margin-bottom: 60px;}
ul.cities:after { clear: both; content:''; display:table;}
ul.cities li { display:block;line-height: 24px; font-size: 16px; }
ul.states li { line-height: 22px; font-size:16px; text-align:center;}
ul.states:after { clear: both; content:''; display:table;}
/* Registration Form Positioning */
.regform { position: relative; width: 386px;z-index:10; margin:0 auto;}
/* Registration Form Styling*/
/* .regform{color: #444; box-shadow: 0px 6px 12px #000;border:2px solid #FCF8F8; border-top:0;border-bottom-right-radius:0.5em;border-bottom-left-radius:0.5em;background: url(../images/seo/linen.jpg) repeat;font-family: "ProximaNova", arial,helvetica, sans-serif;} */
/* Adding Image instead of FORM */
#main .regform {background: url(https://static.eharmony.com/files/corp/images/advice-sidebar-form-free.jpg) center center / cover no-repeat; border: 0; border-radius: .5em; cursor: pointer; display: block; height: 370px; width: 100%;}
.regform h3 { background:#A12847; font-family:"ProximaNova",arial,helvetica,sans-serif; font-weight: bold; text-transform: uppercase; color: white; text-shadow: 1px 1px 2px #444; text-indent:0; font-size: 21px; background-image:none;height:48px;line-height:48px;text-align:center;margin-bottom:10px;}
.regform h3 strong {color: #FBB024;}
.regform h3:before,.regform h3:after{content:"";position:absolute;display:block;border:24px solid #A12847;top:0;z-index:-1}
.regform h3:before{left:-32px;border-left-color:transparent;}
.regform h3:after{right:-32px;border-right-color:transparent;}
.regform section{display:block;width:86%;margin:0 auto 14px;overflow:visible;position:relative;}
.regform section:before,.regform section:after{content:"";display:table;}
.regform section:after{clear:both;}
.regform section .text{box-shadow:inset 0px 1px 2px rgba(0, 0, 0, 0.2);background:#fff;border:1px solid #888888;width:95%;border-radius:3px;line-height:1.15em;font-size:1.15em;height:1.2em;padding:0.65em 0 0.65em 0.65em;color:#555;}
.regform section .text.invalid{border:1px solid #bf202f;color:#bf202f;background:#FCF9CF !important;-moz-transition:background 0.4s ease;-webkit-transition:background 0.4s ease;-ms-transition:background 0.4s linear;}
.regform section .text.valid{color:#222222;border:1px solid #8fb42c;background:url(../images/landing/valid.png) no-repeat 98% #ffffff;-moz-transition:background 0.4s ease;-webkit-transition:background 0.4s ease;-ms-transition:background 0.4s linear;}
.regform section .text.valid[type=password] { background:url(../images/landing/lock-green.png) no-repeat 98% #fff; }
.regform section .text:focus,.regform section .text:active,.regform section .text.invalid:focus,.regform section .text.invalid:active{color:#222222; box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.4); }
.regform section .text:hover,.regform section .text.invalid:hover{color:#888888;}
.regform section .text.valid:hover{color:#222222;}
.regform section .placeholder{display:block;text-align:left;color:#222222;line-height:1.15em;font-size:1.15em;height:1.15em;padding:0.5em;}
.regform section div.text{overflow:hidden;background:url(../images/landing/updownarrow.png) no-repeat 98% center #ffffff;}
.regform section .text select{margin-left:-2px;background:transparent;border:0;color:inherit ;font-size:inherit;width:120%;-webkit-appearance:none;-moz-appearance:none; -ms-appearance:none; appearance:none;outline:0;}
.regform section .text select:active,.regform section .text select:focus{border:0;outline:0;color:#222222;}
.regform section input[type=submit]{margin:0 auto;height:42px;width:170px;display:block;line-height: 42px; text-transform: none; font-weight:bold;font-size:17px;}
.regform section .half{width:50%;margin-right:-2px; padding:0;}
.regform section .zip{width: 44%; margin-right:4%;}
.regform section.submitbox{text-align:center;}
.regform section .tip{font-size:0.85em;color:#bf202f;height:1em;margin:2px 0 -1em 6px;font-weight:bold;display:block;clear:both;}
.regform section .notice.tip{color:#125672;}
.regform section .notice.tip a{border-bottom:1px dotted;}
section#genders{border-bottom: 2px dotted #ccc; padding: 25px 0; overflow:hidden;}
section#genders div h5{float:left;display:block; height: 64px; max-width: 76px; line-height:64px;text-transform:uppercase;font-weight:normal;font-size:12px;margin-right:6px;}
section#genders div > label{display:block;background:url(../images/seo/sprite-icons.png) no-repeat 0 0;float:left;width:33px;height:64px;}
section#genders div > label.woman{background-position: -258px -76px; margin-left:4px;}
section#genders input:checked + label.woman {background-position:-224px -76px;}
section#genders div > label.woman.checked {background-position:-224px -76px;}
section#genders div > label.man{background-position:-325px -76px;}
section#genders input:checked + label.man{background-position:-292px -76px;}
section#genders div > label.man.checked{background-position:-292px -76px;}
section#genders input { width: 0px; opacity:0;-moz-appearance: none; outline: 0;float:left; margin-top: -3em; }
section#first_name {border-bottom: 2px dotted #ccc; padding:5px 0 20px;}
section#form-seals{display:block;width:100%;margin:0 auto; }
section#form-seals li{display:block;float:left;margin:20px 10px 0}
section#form-seals li.first{margin:20px 0 0 20px;}
section#form-seals li.last{margin:0;width:102px;height:74px;overflow:hidden;}
.gender-overlay#cp_confirm .btn-confirm span {font-size:15px;}
#footer{width:100%;background:#0e0f11; padding-top: 20px}
#footer #more ul{width:15%;margin-right:5%;margin-bottom:10px;padding:0;float:left;}
#footer #more li { font-size:12px;line-height:18px;}
#footer a{text-decoration:none;color:#fff;line-height: 18px;}
#footer a:hover{text-decoration:underline;}
#footer a{color:#fff;}
.copyright,.patent{color:#fff;font-size:12px;}
section.seals { background: #fff; padding: 0.5em 0;}
div#form-seals { display: block;height: 76px;margin: 0 auto; width: 500px;}
div#form-seals li { display: block;float: left; margin: 20px 40px 0 60px;}
div#form-seals li.first {margin: 20px 0 0 40px;}
div#form-seals li.last { height: 74px;margin: 0;overflow: hidden;width: 125px;}
#inlinks { background: #000; font-size:14px;}
#inlinks .content { padding: 2em 0;}
#inlinks a{height:2em;line-height:2em;text-decoration:none; color:white;}
#inlinks a:hover { text-decoration:underline;}
#inlinks .content{height:32px;line-height:32px;padding:10px 0;}
#inlinks .left a{margin-right:30px;}
#inlinks .right span{margin-right:10px;float:left;height:2em;line-height:2em;}
#inlinks .right a{vertical-align:middle;background:url(../images/seo/sprite-icons.png) no-repeat;height:33px;width:32px;display:block;float:left;margin-right:2px;}
#inlinks .right a.fb{background: url(https://static.eharmony.com/files/corp/images/404/facebook-icon.png);background-repeat: no-repeat;background-position: center;background-size: contain;}
#inlinks .right a.tw{background: url(https://static.eharmony.com/files/corp/images/404/twitter-icon.png);background-repeat: no-repeat;background-position: center;background-size: contain;}
#inlinks .right a.yt{background: url(https://static.eharmony.com/files/corp/images/404/youtube-icon.png);background-repeat: no-repeat;background-position: center;background-size: contain;}
#inlinks .right a.pt{background: url(https://static.eharmony.com/files/corp/images/404/pinterest-icon.png);background-repeat: no-repeat;background-position: center;background-size: contain;}
#inlinks .right a.in{background: url(https://static.eharmony.com/files/corp/images/404/instagram-icon.png);background-repeat: no-repeat;background-position: center;background-size: contain;}
/** We'll need breadcrumbs soon enough **/
.breadcrumbs div, .breadcrumbs span { display: inline; }
.breadcrumbs { font-size: 14px; line-height: 16px; }
.regform form .frame {width:50%;}
.gender-overlay{height:255px!important;width:432px!important;background:#2F2F2F;text-align:center;margin:0 auto;padding:40px 45px 0;border-radius:.3em;border: 4px solid #C6C6C8;box-shadow:0px 0px 8px #222}
.gender-overlay button,.gender-overlay a{display:block;cursor:pointer;border:none;padding:4px;}
.gender-overlay .btn-confirm,.gender-overlay .btn-cancel{color:white;font-weight:bold;}
.gender-overlay .btn-confirm{background:#38889F; width: 272px; margin: 20px auto; font-size: 18px; padding: 8px 20px; height:36px;text-align: center;position: relative; overflow:visible;}
.gender-overlay .btn-confirm:after { content: ""; border: 18px solid transparent;border-left-color: #38889f; display:block; position:absolute;top:0;right:-36px;}
.gender-overlay .btn-cancel{ width: 24px; background:none; position:absolute;top: 20px; right: -50px; font-size: 20px;}
.gender-overlay h1, .gender-overlay h2{font-size:26px;color:#FAB023;margin:0;padding:0;text-align:center;}
.gender-overlay h1{font-size:40px; border-bottom:1px dotted white;padding:0 0 20px; margin-bottom: 20px;}
.gender-overlay p{font-size:18px; line-height: 18px; margin:0 0 30px; color:#fff;}
.ui-widget-overlay,.overlay{height:200%;width:200%;background:#fff;left:0;opacity:0.6;position:fixed;top:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);filter:alpha(opacity=50);}
#pageoverlay{z-index:10;background:#0e0f11;opacity:0.75;}
/** Page type customizations **/
#profilepage #main .content { border-bottom: 1px solid #44494c; }
#topcities #main .content { margin-bottom: 60px; }
#allcities #main .content { margin-bottom: 60px; }
#allcities h3.ribbon, #allstates h3.ribbon { margin-bottom: 0px; }
#allstates ul.cities { margin-bottom: 180px; }
#allstates ul.cities li { text-align:center; }
#allstates #citylisting .content h3.red.ribbon,
#allstates #citylisting .content h2.red.ribbon { font-family:"ProximaNova", arial,helvetica,sans-serif; font-weight: bold; text-transform: uppercase; color: white; background: #A12847; margin: 50px auto;}
#allstates #citylisting .content h3.red.ribbon:before,
#allstates #citylisting .content h3.red.ribbon:after,
#allstates #citylisting .content h2.red.ribbon:before,
#allstates #citylisting .content h2.red.ribbon:after { border-color: #A12847; }
#allstates #citylisting .content h3.red.ribbon:before,
#allstates #citylisting .content h2.red.ribbon:before {border-left-color:transparent;}
#allstates #citylisting .content h3.red.ribbon:after ,
#allstates #citylisting .content h2.red.ribbon:after {border-right-color:transparent;}
#allstates #main .content .copy img { min-width: 591px;}
#cbrt .memberpages { margin-bottom: 60px; overflow: auto;}
/* Upsell */
.upsell { border: 2px solid #328aa1; background: #eee; padding: 10px; font-family: "ProximaNova"; position: relative; margin-top: 20px;}
.upsell .left { width: 55%;}
.upsell .left h5 { font-size: 28px; color:#328aa1; font-weight: 600; margin:8px 0;}
.upsell .left span { color:#a12847; font-size: 44px; font-weight: 700; }
.upsell .left span sup { font-size: 24px;}
.upsell .left span sub { font-size: 12px; color: #333; position: absolute; top:80px; left:85px; font-weight: normal;}
.upsell .right { width: 40%; margin: 10px 0; text-align: center;}
.upsell .right { border: 2px solid #a12847;padding: 10px 0;}
.upsell .right h4 { color: #444; text-transform: uppercase; font-size: 14px; margin-bottom: 4px; font-weight: 600;}
.upsell .right h5 { color: #a12847; text-transform: uppercase; font-weight: 900; font-size: 24px;}
.upsell .bottom { clear: both;}
.upsell .bottom span { color: #999; font-family: "ProximaNova"; font-size: 10px; }
/* ADVICE SECTION */
.advice_content {margin:0 auto; max-width:960px; width:100%;}
#members .advice_content p {margin-bottom:20px;}
.teaser-content { -webkit-column-count: 3; -webkit-column-gap: 10px; -webkit-column-width: 273px; -moz-column-count: 3; -moz-column-gap:10px; -moz-column-width:273px; margin:0 auto; max-width:960px; column-count: 3; column-gap: 10px;}
.teaser { background: #FFF; border: 1px solid #c9c9c9; display: inline-block; width: 273px; text-align: center; -webkit-box-shadow: 1px 1px 11px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 1px 1px 11px 0px rgba(50, 50, 50, 0.75); box-shadow: 1px 1px 6px 0px rgba(50, 50, 50, 0.6); padding: 10px; margin-bottom: 10px; -webkit-column-break-inside: avoid; page-bread-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; margin:1%; vertical-align: top;}
.teaser a.picture { background:#ececeb url(https://www.eharmony.com/dating-advice/wp-content/themes/newadvice/images/eh_bg.png) no-repeat center center; border:1px solid #9b9b9b; width:100%; display:block; overflow:hidden; text-align:center;}
.teaser .picture img {float:left; width:100%; height:auto; max-width:inherit; min-width:100%;}
.teaser h3 {background:url(https://www.eharmony.com/dating-advice/wp-content/themes/newadvice/images/dotted_teaser.png) no-repeat center bottom; margin:10px 0 15px; padding-bottom:15px;}
.teaser h3 a {line-height:initial; color:#3089a2; font-family:"ProximaNova", Calibri, Helvetica, Arial, sans-serif; font-size:18px; text-decoration:none;}
.teaser .excerpt .addthis_toolbox {display: none;}
#members .teaser p {display: inline; font-size: 14px; line-height:150%; margin-bottom:1.5em; color:#333; font-family:"ProximaNova", Calibri, Helvetica, Arial, sans-serif; }
.teaser .excerpt > a { color:#333; font-size:14px; font-weight:bold; text-decoration:none;}
.teaser h5 {display:none;}
@media screen and (min-width:1280px){ /* Above 1280px wide, show the right column*/
header.content, .content { width: 1200px;}
#main { margin-top: 20px; }
#main .content { width: 1200px;}
#main .copy h1 { font-size: 46px; }
#main .reg { width: 32.5%; }
#main .copy { width: 60%; padding-top: 0px;}
.flipcard-container.hidden { display: block; }
#userinfo { margin-bottom: 50px;}
#userinfo br.clear { display:none;} /** Don't break to a new line when wide */
#userinfo .content { width: 1260px; }
#userinfo .stats { margin-right: 40px; }
#userinfo .location { float: left;border-left: 1px solid #44494c; border-top: none; padding: 0 30px 30px 30px; clear:none; height: 412px; width: 420px; margin: 0;}
.location .city { display:inline-block; max-width: 360px; }
.location a.button { margin: 0 auto; width: 204px; display:block;}
}
/*Below 1280px */
@media screen and (min-width:780px) and (max-width: 1280px){
#main .reg {min-width:380px; width:30%; margin-left:0;}
.copy.right h2, .copy.right .breadcrumbs {margin-left:20px;}
}
@media screen and (min-width:640px) and (max-width: 780px){
#main .reg {min-width:340px;}
.regform .frame {width:328px !important;}
#allstates #main .copy {}
#main h3.img-replacement.ribbon {width:100%; background-size:100% auto; top:-5px;}
}
@media screen and (max-width: 1280px){
#members .content { width: 990px;}
#members a.card { margin: 0 15px 30px 15px; width: 300px; }
#members a.card aside { width: 165px; }
}
/* Below 1024px wide, show a slightly more narrow layout*/
@media screen and (min-width:768px) and (max-width: 1023px){
body > section { min-width: 100%; }
#main .content, header.content, .content { width: 96%; padding-left: 1.75%; padding-right: 1.75%;}
#main .copy { width: 46%; margin-right: 20px;}
.location { width: 100%; padding: 30px 0; margin: 30px auto; }
#userinfo .content { width: 94%; padding-left:2.75%; padding-right:2.75%}
.largecta .button { left: 80px; }
.stats { width: 270px; }
.copy h1 { font-size: 2em;}
ul.col5, ul.col4 { -moz-column-count:3; -moz-column-width: 32%;-webkit-column-count:3;column-count:3;}
ul.col5-native li, ul.col4-native li { float: left; width: 33.3%; }
#allstates #main .copy { width: 46%;}
#allstates #main .content .copy img { min-width: auto; max-height: 100%;}
#allstates #main #m_map, #allstates #main #m_map area{ display:none !important; visiblity:hidden!important; cursor:default}
#members .content { width: 696px;}
#members a.card { width: 320px; margin-left: 2% !important; margin-right: 2% !important; margin-bottom: 30px; }
.linen .advice_content {width:94%;}
.teaser-content { -webkit-column-count: 2; -webkit-column-gap: 10px; -webkit-column-width: 273px; -moz-column-count: 2; -moz-column-gap: 10px; -moz-column-width: 273px; margin:0 auto; max-width:940px; column-count: 2; column-gap: 10px;}
}
/* iPad portrait */
@media screen and (min-width:321px) and (max-width: 767px){
.largecta { clear:none; }
.largecta .button { left: 37%; top: 140px; position:absolute;}
/*#members a.card { width: 44%; margin-left: 2% !important; margin-right: 2% !important;}*/
#allstates #main .copy { width: 42%; }
#allstates #main .content .copy img { min-width: 1px; }
#allstates #main #m_map, #allstates #main #m_map area{ display:none; cursor:default}
}
@media screen and (max-width: 740px){
section .regform h3 {width:400px; background-size:100% auto; background-position:top center;}
section#inlinks .left a {font-size:11px;}
body .ui-dialog.ui-widget.ui-widget-content {width:100% !important; left:0 !important;}
body .gender-overlay {width:96% !important; padding:40px 0 0;}
body .gender-overlay .btn-cancel {right:0;}
}
@media screen and (max-width: 740px) and (orientation: landscape){
#main .copy {width:45%;}
.largecta .button {top:300px; left:55px;}
}
/* Below 768px wide, show the mobile layout*/
@media screen and (max-width:640px){
.regform form .frame {width:50% !important;}
body .linen .advice_content {width:84%; padding:0 8%;}
body .teaser-content { -webkit-column-count: 1; -webkit-column-gap: 10px; -webkit-column-width: auto; -moz-column-count: 1; -moz-column-gap: 10px; -moz-column-width: auto; margin:0 auto; max-width:940px; column-count: 1; column-gap: 10px;}
.teaser-content .teaser {clear:both; margin:0 auto 15px; width:92%;}
body #members p {font-size:14px;}
.gender-overlay p {font-size:12px;}
.gender-overlay h1 {font-size:26px;}
/* Hide all these things */
#top h1, #top h2, section.seals, section#form-seals, section#inlinks, #footer ul, #main .copy , header .login span {display:none;}
body > section { min-width: 300px; }
#main .copy.right {position:relative;}
#main .copy.right .trBackground {display:block; background-size:auto 100% !important; background-position:center top !important; opacity:0.2; top:0; left:0; bottom:0; right:0; position:absolute; z-index:-1;}
#topcities #main .copy.right .trBackground, #memberlisting #main .copy.right .trBackground, #allcities #main .copy.right .trBackground {background-size:100% auto !important; background-position:center center !important;}
#profilepage #main .copy.right .trBackground {display:none !important;}
#profilepage #main .copy.right img {display:block;}
#main .copy.right img {display:none;}
#main .reg.left {background-image:none;}
#main .reg.left::before {content:" "; background:url(../images/white_mask.png) no-repeat left top; background-size:100% 80%; display:block; height:12px;}
.content { width: 94% !important; padding: 1em 3% !important; }
#main .content { width: 94% !important; padding: 0em 3% 1em !important; }
header { background:none; }
header.content { border-bottom-left-radius:0; border-bottom-right-radius:0; margin-bottom: 4px; }
#main h3.img-replacement.ribbon {left:0;}
h3.ribbon, h2.ribbon { font-size: 15px !important;line-height:36px; height: auto; margin-top: -18px; max-width: 100%;}
h3.ribbon:before, h3.ribbon:after, h2.ribbon:before, h2.ribbon:after { border-width: 18px;}
h3.ribbon:before,h2.ribbon:before { left:-16px; }
h3.ribbon:after,h2.ribbon:after { right:-16px;}
#userinfo { background: none; }
#userinfo .content { width: 94%; }
#userinfo .stats,#userinfo .location{ margin: 20px 0; padding: 0; width: 100%; background: none;}
#userinfo .location{ padding-top: 20px; }
#userinfo .stats { border-top: 1px solid #44494c; padding-top: 20px; margin-top: 35px; }
#userinfo .name { float: right; width: 65%; }
#userinfo h1 { font-size: 26px;}
#userinfo h4 { font-size: 22px; }
#userinfo .userimg { float: left; height: auto; padding: 0px;width: 30%; background:none;box-shadow:none; margin-bottom: 20px; }
#userinfo .userimg img { border: 4px solid #262a2e}
.largecta { clear: both; text-align:center;}
.largecta .button { position: relative; top: 0; left: 0;}
.location a.button { visibility: hidden; }
.location .city { display:inline-block; width: 78%; line-height: 40px}
.location .prev, .location .next { margin: 0; }
a.betweenarrows { margin-left: 0; margin-right: 0; font-size:16px;}
.location a.button { margin: 0 auto; width: 204px; display:block;}
#main.regLeft .reg { min-width:340px; margin: 0; width:100%;}
#main .regform {margin-top:30px; background:none; border:none;box-shadow:none; }
#main .regform form {width:340px; margin:-10px auto 0; background:white; border-radius:0 0 5px 5px; font-size: 14px; }
.regform h3:after, .regform h3:before { display:none; }
section#form-seals { border-bottom: 0; }
.regform section .text + .tip { display:none }
.regform section .text.invalid + .tip, .regform section.invalid .tip { display:block; margin-bottom: 0}
.regform section .text.valid, .regform section .text.valid[type=password]{ background-image:none;}
.regform section#genders .tip { margin: 2px 0 0 0;}
.regform section .tip { font-size: 10px; }
#userprofile .content > div { float:none; width: 90%; margin: 0 auto; }
.copyright, .patent { float:none; margin-bottom: 10px;}
#main .copy.right {display:block; width:96%; text-align:center; padding: 0 2% 10px;}
#memberlisting #main .copy.right p {display:block; font-size:12px;}
ul.col5, ul.col4 { -moz-column-count:1; -moz-column-width: 100%;-webkit-column-count:1;column-count:1;}
ul.col5 li, ul.col4 li { float: left; width: 100%; margin: 0 0 6px 0; }
ul.col5-native li, ul.col4-native li, ul.col2-native li { float: left; width: 100%; margin: 0 0 6px 0; }
ul.cities li { text-align: center; }
#members .content h3 a { display: block; }
#members a.card { width: 96%; margin-left: 2% !important; margin-right: 2% !important; margin-bottom: 20px; height: auto; padding: 5px;}
#members a.card span { position: relative;}
#members a.card:hover span { background: none; box-shadow:none;}
#members a.card img { width: 33%; margin-right: 2%; }
#members a.card aside { width: 65%; }
#allstates #main #m_map, #allstates #main #m_map area{ display:none; cursor:default}
}
@media screen and (max-width:736px){
.linen .advice_content {width:100%; margin:0 auto; padding:0;}
}
/* SWT-7251 New two step register form */
.regform h3 {display:block; padding:0; border: 0; font: 0/0 a; text-shadow: none; color: transparent; background: url(https://static.eharmony.com/files/corp/images/tecate/form-ribbon.png) no-repeat center center; height:57px; margin-bottom:10px; position: relative; left: -25px; width: 440px;}
.regform h3 strong {display:block; text-indent:-9999px;}
.regform h3:after, .regform h3:before {display:none;}
#genders label p {display:none;}
.regform form {overflow: hidden; font-family: "ProximaNova", sans-serif;}
.regform section .button {margin-top: 5px; font-family: "ProximaNova",sans-serif; font-weight: 400; border: none; box-shadow: none; display: block; font-size: 20px; height: 44px; line-height: 44px; margin: 10px auto 0; position: relative; text-transform: none; width: 180px; color:white; text-align:center; text-shadow: -1px -1px 1px #318296; background: #2697b3; border-radius:0; padding:0;}
.regform .button:after { border-style: solid; content: " "; display: block; right: -32px; position: absolute; top: 0; border-color: transparent transparent transparent #2697b3; border-width: 22px 16px;}
.submitbox p {font-size:11px; clear:both;}
.regform .frame-container {display: block; width: 200%;}
#frame2 {padding-top:15px;}
.submitbox > a {float:left; padding-top:15px;}
#regsubmit {margin-bottom:20px; float:right;}
hr.dotted {border-top:2px dotted #ccc;}
.regform #frame1.frame.hidden {margin-left: -50%;}
.regform .frame { display: block; float: left; transition: margin 0.4s ease-in-out; margin: 0; width: auto; padding: 6px 0;}
@media screen and (max-width: 640px) and (orientation : landscape){
body #main .copy img {max-width: 54%;}
}
@media screen and (max-width: 640px) {
.reg.left {background:url(../images/seo/linen.jpg);}
.upsell { margin: 10px 10px 30px; background: white;}
.upsell .right { border: 0;}
h3.img-replacement.ribbon strong {display:inline;}
header .logo {position:relative; top:2px; left:34%; background:url(../images/seo/sprite-icons.png) no-repeat 0px -82px; background-size:365px; height:26px; width:120px;}
header .login {line-height:1;}
body #main .content {min-width:initial;}
#main .regform {margin-top:0;}
header.content {height:30px; padding:10px 3% !important;}
.login .button {line-height:28px; background:transparent; border:1px solid white; border-radius:0; font-size:14px; text-shadow:none; font-weight:normal; padding:0 10px; height:auto;}
#main.regLeft .content {width:100% !important; padding:0 !important; margin-bottom:0;}
#main .regform h3:after {background: url(../images/white_mask.png) no-repeat center top; display: block; content:' '; border:none; height: 12px; left: 0; margin-bottom: 0; position: relative; text-indent: -9999px; top:0; margin-top:20px; width: 100%;}
#main .regform h3 {background:none; margin-bottom: 0; height:50px; color:white; font:20px/1 Georgia, Times New Roman, serif; margin-top:14px; top:0; border:none; width:100%; left:0;}
.regform section {border-bottom:none; margin: 0 auto 1.2em; width: 84%;}
section#genders { padding: 10px 0;}
section#genders .half {clear: both; float:left; margin-right:0; display:block; height: 65px; width: 100%;}
section#genders div h5 {font-family:"ProximaNova", sans-serif; color:#676767; max-width:initial; margin-right:24px; text-align:right; text-transform:inherit; width:40%; float:left; line-height:64px; font-weight: normal; font-size: 16px;}
section#genders input {width: 0px; opacity: 0; -moz-appearance: none; outline: 0; float: left; margin-top: -3em;}
section#genders div > label.woman {color: #FF599C;}
section#genders input:checked + label.woman {background: #FF599C;}
body section#genders div > label p {color: #000; display: block; font-size: 15px; position: relative; text-align: center; top: -26px;}
body section#genders div > label.woman p {left: -10px;}
section#genders input:checked + label.man {background: #2A9DC0;}
section#genders div > label.man {color: #2A9DC0;}
section#genders div > label {background: #fff; display: inline-block; margin-right: 15%; height: 25px; width: 25px; border: 3px solid; border-radius: 30px; -webkit-transition: all .2s ease; position: relative; margin-top:18px;}
section#first_name {margin-bottom: 10px; padding-bottom:20px;}
.regform section .text {box-shadow:inset 0px 1px 2px rgba(0, 0, 0, 0.2); background:#fff; border:1px solid #888888; width:93%; border-radius:3px; line-height:1.15em; font-size:15px; height:1.2em; padding:0.65em; color:#555;}
.regform section .left.zip {margin-right:7%; width:40%; border-right:none; overflow:visible;}
#zip_country {padding:10px 0;}
#main .regform form {padding-top:10px; border-radius:0; margin-top:-3px; padding-bottom:20px; width:100%;}
#allstates h3.ribbon {z-index:99;}
#main.regLeft .reg {width:100%;}
header { border-bottom: 2px solid #328AA1;}
body #main .regform h3 {display: none}
.copy.right { padding-bottom: 20px;}
#allstates map, #allstates map area, #allstates #m_map {display:none; cursor:auto;}
#main .copy img, body#allstates section#main.regLeft .content .copy.right img {display: none;}
#main.regLeft .reg {position:relative; }
#allstates #main .copy {width:100%; display:block; }
.copy .breadcrumbs {display:none;}
#main .copy h2, #main .copy h1 {font-size:22px; margin:25px 10px; text-align:center;}
.copy.right, .reg.left {clear:both;}
#main.regLeft .reg {min-width:320px;}
#main .content .copy.right p {font-size:12px; line-height:1;}
#topcities #main .content { margin-bottom: 0px; }
#allcities #main .content { margin-bottom: 0px; }
#members a.card span b {display:none;}
.ui-dialog.ui-widget {width:100%;}
/* Adding Image instead of FORM */
#main .reg.left::before {display: none;}
#main .regform{
background: url(https://static.eharmony.com/files/corp/images/advice-sidebar-form-free.jpg) center center / contain no-repeat;
border: 0;
border-radius: .5em;
display: block;
height: 312px;
margin: 0 auto;
width: calc(100vw - 20px);
}
}
@media screen and (max-width:930px){
#main .content {width:100%;}
#allstates #main .copy {padding-top:0;}
}
@media screen and (max-width:640px) and (orientation : portrait) {
#allstates.en_GB #main .content .copy img {width:175px; min-width:175px !important;}
}
@media screen and (max-width:450px){
body #members .memberpages li {width:49%;}
body .pagination a {font-size:13px; margin:0 3px; padding:0 3px;}
}
@media screen and (max-width:320px){
body#allstates section#main.regLeft .content .copy img {max-height:230px; min-width:1px !important; max-width:92%; display:block; margin:0 auto;}
#main .copy.right p {font-size:12px;}
#members a.card span b {display:none;}
section#genders div h5 { width: 36%; }
.ui-dialog.ui-widget {width:100%;}
.upsell .left h5 { font-size: 25px; }
.upsell .right h4 { font-size: 12px;}
}
@media screen and (max-width:640px) and (orientation : portrait) {
#allstates.en_GB #main .content .copy img {width:175px; min-width:175px !important;}
}
@media screen and (max-width:450px){
body #members .memberpages li {width:49%;}
body .pagination a {font-size:13px; margin:0 3px; padding:0 3px;}
}
@media screen and (max-width: 360px) {
/* Adding Image instead of FORM */
#main .regform{background: url(https://static.eharmony.com/files/corp/images/advice-sidebar-form-free.jpg) center center / cover no-repeat;}
}
@media screen and (max-width:320px){
body#allstates section#main.regLeft .content .copy img {max-height:230px; min-width:1px !important; max-width:92%; display:block; margin:0 auto;}
}