@font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local('Roboto Condensed'), local('Roboto-Condensed'), url(webfonts/Roboto-Condensed_400.woff2) format('woff2'); } @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: local('Roboto Condensed Bold'), local('Roboto-Condensed-Bold'), url(webfonts/Roboto-Condensed_700.woff2) format('woff2'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto'), url(webfonts/Roboto_400.woff2) format('woff2'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(webfonts/Roboto_700.woff2) format('woff2'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: local('Roboto Black'), local('Roboto-Black'), url(webfonts/Roboto_900.woff2) format('woff2'); } article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:0.67em 0}h2{font-size:1.5em;margin:0.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:0.83em;margin:1.67em 0}h6{font-size:0.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none;padding:0;margin:0}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0} body{ color:#666; font-family:'Roboto', Arial, Helvetica, sans-serif; font-size:1em; line-height:1.9em; font-weight:normal; } h1, h2, h3, h4, h5, h6{ font-weight:normal; font-family:'Roboto Condensed', Arial, Helvetica, sans-serif; line-height:1.5em; margin:.45em 0; padding:0; } h1,h2,h3 { font-weight:700; } h4, h5 { font-size: 1.2em; } h1 { line-height:1.1; font-size:2.5em; } .homePage #smdph h1 { font-size: 4.5em; text-shadow: 2px 2px 8px rgba(0,0,0,0.9); margin:.3em auto .4em auto; line-height:.9; color:#fff; } .homePage #smdph h3 { font-size: 3em; color:#fff; text-shadow: 2px 2px 8px rgba(0,0,0,0.9); margin:0 auto; line-height:1; } .homePage #smdph .ppqbtn { margin-top: 30px; } li { padding-bottom: .7em; } #smdph .ppqwr { text-align: center; } div#main { max-width: 820px; } div#main.wide { max-width: 960px; } a, a:visited, a:active, a:hover{color:#003663;} a:hover{ text-decoration:none;} *{	-moz-box-sizing:border-box; box-sizing:border-box; } .floatright { float: none; margin: 50px auto; display: block; text-align:center; } .ppqwr{ width: 92%; margin: 0 auto; } header.ppqwr { width:100%; background-color: #003663; } #logo { padding:5px 0 0 0; } #logo a { display:block; } #ppqbr{ text-align:center; } #smdpo_w { position: fixed; top: -200px; left: 0; padding: 10px 0; width: 100%; -webkit-transition: opacity .5s; transition: top .5s; background-color: rgba(0,54,99,0.92); color: #fff; font-size: 1.5em; z-index: 9999; box-shadow: 0 0 10px rgba(0,0,0,0.6); line-height: 1.2; } #smdpo_w.sticky { position: fixed; top: 0; } #smdpo { padding: 0 15px; } #smdpo > span { padding-bottom:15px; } #smdpo .yes, #smdpo .no { display: inline-block; margin-left: 20px; border-radius: 4px; } #smdpo .yes { background: #95CD03; color: #fff !important; font-weight: 700; border: 2px solid rgba(0, 0, 0, 0.44); padding: 3px 20px; margin-right: 10px; text-shadow: 1px 1px 3px rgba(0,0,0,0.6); } #smdpo .yes:hover { background: #77A809 !important } #smdpo .no { margin-left: 10px; color: rgba(255, 255, 255, 0.34) !important; font-size: 80%; } #smdpo .no:hover { color: rgba(255, 255, 255, 0.6) !important; } ul.cities li, ul.ppqveh li, ul.smdagt li { padding-bottom: 5px; list-style-type:none; } ul.cities { padding-left:0; } ul.smdagt li { margin-bottom:30px; } ul.smdagt { line-height:1.5; } p.smdam { margin-top: 0; padding-top: 0; margin-left: 40px; font-weight: 700; margin-bottom: 40px; } p.smdam a { background: #ccc; padding: 8px 12px; text-decoration: none; color: #fff; border-radius: 5px; font-size: .9em; } p.smdam a:hover { background:#bbb; } #map_wrapper { height: 400px; border: 4px solid #ccc; border-radius: 5px; margin: 40px 0; } #map_canvas { width: 100%; height: 100%; } #smdph{ background-color:rgba(0,54,99,0.06); border-bottom:2px solid rgba(0,54,99,0.08); padding:10px 0; } .homePage #smdph { background-color:#fff; background-image:url(images/gradient.png), url(images/Pennsylvania-heroimg.jpg); background-size: auto, cover; background-repeat: repeat-x,no-repeat; background-position: top left, center center; min-height: 218px; } .smdmi, .shadow { border: 4px solid #fff; -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.3); box-shadow: 0px 0px 21px rgba(0,0,0,0.15); -moz-border-radius: 5px; border-radius: 5px; } p.qbf { text-align: center; font-size: 29px; margin: 60px 30px 0 30px; color: #353535; padding-top: 30px; border-top: 1px solid #ddd; font-weight: 400; line-height: 1.4; clear:both; } p.qbf span.facttitle { font-size: 21px; display: inline-block; padding-bottom: 20px; color: #afafaf; letter-spacing: 5px; } p.qbf span.bold { color: #cc1e1e; } p.ql { margin: 20px 30px 40px 30px; padding-bottom: 30px; border-bottom: 1px solid #ddd; text-align: center; } .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { margin: 0 auto; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .grid_8 {padding-left:0;} .ppqlr .grid_4 { width: 33.33333%; float: left; margin: 0; line-height: 1.6; } #content { margin:40px 0; min-height:600px; } .center { text-align:center; } p{ margin:0 0 1.5em;} .ppqal { margin-bottom:20px; margin-left: 30px; border-left: 5px solid #efefef; padding: 10px 0 10px 15px; } .ppqal p { line-height: 1.5; } .ppqal p:last-of-type { margin-bottom:0; } .ppqpopv { text-align:center; } .ppqpopv p { margin:0; } .ppqpopv ul { display:inline-block; text-align:left; } li.vm {list-style-type:none;padding-top:10px;} li.vm a { background: #ccc; padding: 8px 12px; text-decoration: none; color: #fff; border-radius: 5px; font-size: .9em; margin-top:10px; font-weight:700; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); } li.vm a:hover { background: #bbb; } .ppqbcn {margin: 15px 0 0 0;padding: 0;font-size: 90%;}.ppqbcn li {padding: 0;display: inline;} .ppqbcn { margin: 15px 0 0 0; padding: 0; font-size: 90%; } .ppqbcn li { padding: 0; display: inline; } #ppqcF { max-width:600px; margin:0 auto; } #your_email{ display:none; } .hidden { display:none; } #msgSubmit { text-align: center; border-radius: 5px; padding: 8px; margin-bottom: 20px; font-weight:700; } .text-success { background: rgba(120, 255, 0, 0.12); border: 1px solid rgba(137, 255, 0, 0.38); color: #214E01; } .text-danger { background: rgba(255, 0, 0, 0.12); border: 1px solid rgba(255, 0, 0, 0.38); color: #a10000; } .input { width: 100%; padding: 8px; font-size: 1.6em; border: 1px solid #ccc; border-radius: 5px; } input#submit_button { margin: 15px auto 60px auto; display: block; } table.ppqtblcl, table.ppqrtbl { width: 90%; margin: 30px 5% 3px 30px; border: 1px solid #ddd; font-size: .8em; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); text-align:center; line-height:1.4; } table.ppqht { border-bottom: 1px solid #ddd; width:100%; margin-bottom:30px; } table.ppqtblcl.tblwide, table.ppqrtbl.tblwide { width:100%; margin: 15px 0 3px 0; font-size:.8em; } .ppqtblcl th, .ppqrtbl th, .ppqht th { background-color:#003663; color:#fff; padding:10px 8px; } .ppqht th { line-height: 1.4; } .ppqtblcl caption, .ppqrtbl caption { padding-bottom: 15px; font-weight:700; font-size:1.5em; display:table-caption; } .ppqtblcl tr, .ppqht tr, .ppqrtbl tr { border-top: 1px solid #ddd; } .ppqht tr { border-right: 1px solid #ddd; } .ppqtblcl td, .ppqht td, .ppqrtbl td { padding: 8px; width:50%; text-align:center; border-left: 1px solid #ddd; line-height:1.4; } .ppqtblcl td.n { width:auto; min-width:75px; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); font-weight: 700; } .ppqrtbl td.n { width:auto; min-width:75px; } td.vmod { text-align: center; } td.ann, td.mon { background-color: rgba(132, 132, 132, 0.09); font-weight:bold; } .ppqrtbl td.mon { color:#003663; font-size:125%; } .ppqtblcl tr.altrow, .ppqht tr.altrow, .ppqrtbl tr.altrow { background: #f9f9f9; } #ppqma_placeholder { margin: 40px 0 60px 0; } p.cht { margin-bottom:0; text-align:center; } p.tight { margin: 0; padding-left: 7vw; line-height: 1.5; font-weight: 700; } table.ppqscalc { text-align:right; margin:0 auto 40px auto; line-height:1.4; max-width:700px; } .ppqscalc td { padding: 8px 20px 8px; min-width:150px; } .ppqscalc .ms { font-weight:700; color: #dd7a10; } .ppqscalc .dif { font-weight:700; color: #2f85d9; } .ppqscalc .cfm { font-weight:700; } .ppqscalc tr.sum { background: #efefef; border: 1px solid #ddd; line-height: 1.4; } .ppqscalc td.txt { padding: 10px 20px; } .bq { text-align: right !important; padding-right: 20px !important; font-size:18px; } .bq a.buttonlink { font-size: 18px; padding: 6px 26px 6px 15px; background-position: right 10px center; background-size: 12px 12px; margin-left: 15px; } span.nov,span.spd,span.spda,span.hi { display: inline-block; height: 15px; width: 15px; margin-right: 10px; } span.nov { background: #2f85d9; } span.spd { background: #dd7a10; } span.spda { background: #8ddd10; } span.hi { background: #e7af05; } #ppqmvf.smd_cd, #ppqfcl.smd_cd, #ppqdisc.smd_cd { width:90%; height:500px; margin:30px auto; } #ppqlbc.smd_cd { width:90%; height:400px; margin:30px auto; } #ppqvio.smd_cd { width:100%; height:600px; margin:30px auto; } #ppqcbr.smd_cd { width:100%; min-height:250px; margin:30px auto; } #ppqdfd.smd_cd { width:90%; height:700px; margin:30px auto; } #ppqteend.smd_cd { width:90%; height:300px; margin:30px auto; } .listPage #ppqma_placeholder { min-height:600px; } table.max-ad-listings h1, #content h1{ text-shadow: none; } .qfPage #content > div { margin: 0 auto; } #max-rows table * { box-sizing: content-box; -moz-box-sizing: content-box; } .max-ad-description-text { line-height: 1.5; font-size: 1.1em; } #max-rows form h3 { background-color:#003663 !important; color: #fff; } #max-rows form button { background-color:#003663 !important; color: #fff !important; font-weight: 700; padding: 7px 14px !important; line-height: 2; } #max-rows .narrow-q { text-align:center; } .narrow-q b { text-align: left; line-height: 1; } .qfwrap * { box-sizing: content-box; -moz-box-sizing: content-box; } .qfwrap { max-width: 750px; margin: 0 auto; min-height:600px; } .qfwrap h1 { text-shadow:none; } h4[itemprop="about"] { text-align:center; margin:15px auto 0 auto; } div.ppqlr { background: #00cad1; background: -moz-linear-gradient(left, #00cad1 0%, #81cb00 51%, #cb0000 100%); background: -webkit-linear-gradient(left, #00cad1 0%,#81cb00 51%,#cb0000 100%); background: linear-gradient(to right, #00cad1 0%,#81cb00 51%,#cb0000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cad1', endColorstr='#cb0000',GradientType=1 ); color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); font-weight: 700; border: 1px solid #555; padding: .25em; max-width: 600px; margin: 15px auto 0 auto; } p.source { font-size: .8em; max-width: 800px; text-align: center; margin-bottom: 30px; color:#999; line-height:1.4; padding-top:8px; } .ppqbtn { background:#F57C00 url(images/btnarrow.png) no-repeat right 14px center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display: inline-block; cursor: pointer; color: #ffffff !important; font-size: 2.4em; line-height:1.2; padding: 14px 50px 14px 30px; text-decoration: none; text-shadow: 1px 1px 3px rgba(0,0,0,0.6); letter-spacing: -1px; margin-bottom:20px; box-shadow: 0px 0px 25px rgba(0,0,0,0.25), inset 1px 1px 1px rgba(255,255,255,0.5); } #content .ppqbtn { font-size: 2em; box-shadow: 0px 0px 8px rgba(0,0,0,0.2); margin: 0 auto; border: 2px solid rgba(255,255,255,0.8); } .ppqbtn:hover { background-color:#E65100; } .ppqbtn:active { position:relative; top:1px; } #smdph .ppqbtn {font-size:1.8em;margin-top:20px;margin-bottom:10px;} img{ max-width:100%; height:auto;} .smdmt{ display:block; padding:10px; margin:20px 0 0; background:rgba(255,255,255,0.2); color:#fff; cursor:pointer; text-transform:uppercase; font-size:20px; } .smdmt.toggled-on{ background: #003663; } .ppq-menu{ display:none; } .ppq-menu.toggled-on{ display:block; position:relative; z-index:10; padding-top:15px; } .ppq-menu{ clear:both; margin-bottom:10px; } .ppq-menu li a { background:rgba(255,255,255,0.1); color: #fff; display:block; margin:1px 0; padding:10px; text-decoration:none; font-size:.9em; } .ppq-menu li a:hover{ background-color:rgba(255,255,255,0.2); color:#fff; } .ppq-menu li li a { background:#e8e8e8; padding-left:40px; } .ppq-menu li li li a { background:#efefef; padding-left:80px; } footer{ clear:both; font-size:80%; padding:20px 0; } footer ul{ margin:0; padding:0; } .wide { max-width:960px; } #footer.ppqwr { max-width: 960px; margin: 0 auto; } #footer li { line-height: 1.2; } .nbm { margin: 50px 0 0 0; } p.smdftl { font-size: 1.2em; text-transform: uppercase; text-decoration:underline; font-weight:700; } #footer p.smdftl a, #footer p.smdftl a:link, #footer p.smdftl a:visited { color: #EDF2F6; } #footer a, #footer a:link, #footer a:visited { color:#EDF2F6; text-decoration:none; } #footer a:hover, #footer p.smdftl a:hover { color:#fff; } #footer h3 { font-size: 2em; margin: .5em 0 1.5em 0; line-height:1.2; text-shadow: 1px 1px 3px rgba(0,0,0,0.8); } #footer p { color: rgba(237,242,246,0.6); } body{ background:#fff; } h1, h2, h3, h4, h5, h6{ color:#003663; } #smdph h1 { color:rgba(0,54,99,0.8); } #content h2:first-of-type { clear:right; } footer{ background-color:#003663; background-image:url(images/gradient.png); background-repeat: repeat-x; background-position: top left; color:#EDF2F6; text-align:center; } footer h1, footer h2, footer h3, footer h4{ color:#EDF2F6; margin-bottom:10px; } footer h4 { font-size: 1.7em; margin-bottom: 20px; opacity: 0.6; margin-top: 40px; } footer ul{ margin:0 0 0 8%; } .buttonlink{ background:#003663 url(images/btnarrow.png) no-repeat right 12px center; background-size: 18px 18px; border-radius:7px; border:1px solid #003663; color: #fff !important; display: inline-block; margin: 10px auto; padding: 15px 45px 15px 25px; text-decoration: none; font-weight: 700; opacity: .85; font-size: 1.5em; } .buttonlink:hover{ opacity:1.0; } .homePage .buttonlink, .contactPage .buttonlink { padding: 10px 40px 10px 20px; font-weight: 400; font-size: 1.1em; } #footer .buttonlink { background-color: rgba(0,0,0,0.3); border: 1px solid rgba(0,0,0,0.5); font-size:1.2em; padding:10px 40px 10px 20px; } .clearfix:before, .clearfix:after, .row:before, .row:after { content: " "; display: table; } .clearfix:after, .container:after, .row:after{ clear: both; } @media only screen and (min-width: 481px) { #ppqbr{ float:left; text-align:left; } .smdmt{ margin: 15px 15px 0 0; float:right; border-radius:8px; } .ppq-menu.toggled-on li a { font-size:1.1em; } #logo {padding-left:25px;} } @media only screen and (max-width: 720px) { #footer span { display:block; } #footer span.footvar, #footer span.cvar { display:inline;} #content img:not(table img), .imgwrap { display: block; float: none !important; margin: 30px auto !important; } #footer .grid_4 { text-align:center; width:100%; float:none; display:block; } #footer ul li { list-style-type:none; } #footer ul { margin-left:0; } } @media only screen and (min-width:481px) and (max-width: 720px) { .grid_3 { width: 50%; } .grid_4:not(.grid_4 .rht) { width: 50%; } .grid_3:nth-child(2n),.grid_4:nth-child(2n) { clear:both; } div.ppqlr .grid_4:nth-child(2n) { clear:none;} .grid_3, .grid_4 { float: left; display: block; } .grid_4.rht{ float:none; display:block; margin: 0 auto; } .third {clear:both;} } @media only screen and (min-width: 721px) { td.vmod { text-align: left; padding-left: 15px; } #footer .grid_4 { text-align:center; width:33.3333%; float:left; } #footer ul { margin: 0 auto; display:inline-block; text-align:left; } .grid_3, .grid_4 { margin-bottom:40px; } .grid_1 { width: 8.33333333%; } .grid_2 { width: 16.66666667%; } .grid_3 { width: 25%; } .grid_4 { width: 33.33333333%; } .grid_5 { width: 41.66666667%; } .grid_6 { width: 50%; } .grid_7 { width: 58.33333333%; } .grid_8 { width: 66.66666667%; } .grid_9 { width: 75%; } .grid_10 { width: 83.33333333%; } .grid_11 { width: 91.66666667%; } .grid_12 { width: 100%; } .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { float: left; display: block; } } @media only screen and (max-width: 720px), (min-device-width: 721px) and (max-device-width: 1024px) { table.ppqtblcl, table.ppqrtbl thead, table.ppqtblcl tbody, th, .ppqtblcl td, .ppqtblcl tr, .ppqrtbl td, .ppqrtbl tr { display: block; } thead tr { position: absolute; top: -9999px; left: -9999px; } .vmod a { color:#fff; } table.ppqtblcl th {display:none !important;} table th:not(.ppqht th) {display:none;} .ppqtblcl caption, .ppqrtbl caption {width:100%;display:block;padding:8px;} .ppqtblcl td, .ppqrtbl td { width:100%; min-height:35px; border: none; position: relative; padding-left: 50%; } .ppqrtbl td.bq { padding-left:10px; } .ppqrtbl td.bq a.buttonlink { background-color:#95CD03; opacity:1.0; } .ppqtblcl td:before, .ppqrtbl td:before { position: absolute; top: 6px; left: 6px; width: 30%; padding-right: 10px; white-space: nowrap; text-align:left; } .ppqtblcl.tblwide td:nth-of-type(2):before { content: "Collision"; } .ppqtblcl.tblwide td:nth-of-type(3):before { content: "Property Damage"; } .ppqtblcl.tblwide td:nth-of-type(4):before { content: "Comprehensive"; } .ppqtblcl.tblwide td:nth-of-type(5):before { content: "Personal Injury"; } .ppqtblcl.tblwide td:nth-of-type(6):before { content: "Medical Payment"; } .ppqtblcl.tblwide td:nth-of-type(7):before { content: "Bodily Injury"; } .ppqtblcl:not(.tblwide) td:nth-of-type(1):before { content: "Lowest"; } .ppqtblcl:not(.tblwide) td:nth-of-type(2):before { content: "Highest"; } .ppqrtbl.tblwide th {display:none;} .ppqrtbl.tblwide td:nth-of-type(1){ background-color:#003663;color:#fff;font-weight:700;} .ppqrtbl.tblwide td:nth-of-type(2):before { content: "Comprehensive"; } .ppqrtbl.tblwide td:nth-of-type(3):before { content: "Collision"; } .ppqrtbl.tblwide td:nth-of-type(4):before { content: "Liability"; } .ppqrtbl.tblwide td:nth-of-type(5):before { content: "Medical"; } .ppqrtbl.tblwide td:nth-of-type(6):before { content: "UM/UIM"; } .ppqrtbl.tblwide td:nth-of-type(7):before { content: "Annual Premium"; } .ppqrtbl.tblwide td:nth-of-type(8):before { content: "Monthly Premium"; } .ppqrtbl.cpo.tblwide td:nth-of-type(2):before { content: "Annual Policy Premium"; } .ppqrtbl.cpo.tblwide td:nth-of-type(3):before { content: "6-Month Policy Premium"; } .ppqrtbl.cpo.tblwide td:nth-of-type(4):before { content: "Monthly Policy Premium"; } } @media only screen and (min-width: 920px) { .ppqwr{ max-width: 100%; margin: 0 auto; } #ppqbr{ float:left; text-align:left; margin-bottom:0px; } header{ padding:0; } #content { float:left; width:100%; } .floatright { float:right; margin:20px 0 40px 40px; display:inline; text-align:left; } .smdmt {display:none;} #ppqmmn{display:block;padding-right:15px;margin-top:10px;} .ppq-menu, .ppq-menu * { margin: 0; padding: 0; list-style: none; } .ppq-menu ul { position: absolute; display:none; width: 12em; } .ppq-menu ul li { width: 100%; } .ppq-menu li:hover { visibility: inherit; } .ppq-menu li { float: left; position: relative; margin-left:0; } .ppq-menu a { display: block; position: relative; } #ppqtn, .ppq-menu { float:right; margin: .35em 0 0 0; } .ppq-menu a { text-decoration:none; } .ppq-menu li a { background-color: transparent; margin:0; } .ppq-menu a.ppqof { background: url(images/search-icon.png) no-repeat 13px center; background-size:25px; padding-left: 48px; font-weight: 700; color:#fff; } .ppq-menu a.ppqof:hover { background-color:transparent; color:rgba(255,255,255,0.7); } .ppqhv { border-left: 1px solid rgba(255,255,255,0.2); } .ppq-menu li a.ppqhv { background: transparent; color: rgba(255,255,255,0.6); } .ppq-menu li a.ppqhv:hover { background: transparent; color: rgba(255,255,255,0.4); } #footer .grid_4 {text-align:center;} .rightfloat{float:right; } } @media only screen and (max-width: 920px) { #smdpo > span { display: block; } } @media only screen and (min-width: 480px) { .floatright.mism { float:right; margin:20px 0 40px 40px; display:inline; text-align:left; } } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } }