button,
html,
input,
select,
textarea { color: #222; font-family: sans-serif }
iframe { background: none }
html { background: #713F98; font-size: 100%; overflow-x: hidden; overflow-y: scroll }
body { font-size: 1em; line-height: 1.4; margin: 0; padding: 0 }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary { display: block }
[hidden] { display: none }
.container { margin: 0 auto; max-width: 1000px; padding: 0 }
.wrap { margin: 0 auto; max-width: 1042px; padding: 0 20px; position: relative; top: -70px }
#landing .wrap { margin: 0 auto -80px }
.purple { background: #4A2783 }
.cream { background: #F2F1E6; border: 1px solid #FFF; box-shadow: 0 0 4px 0 rgba(0,0,0,.1) }
footer .cream { border-left: medium none; border-right: medium none }
.gray { background-color: #E8E7DF; border-top: 1px solid #FFF; padding: 0 }
.main { float: left; width: 59.585% }
.sidebar { float: right; width: 36.985% }
#page-cat-title { float: left; width: 53% }
#page-cat-desc { float: right; font-size: 14px; margin-top: -10px; position: relative; width: 45% }
.top hgroup { float: left; width: 60.585% }
.page-category hgroup { float: left; width: 50% }
.page-category #description { float: right; font-size: .9em; margin: -10px 0; width: 45% }
.page-category p { color: #000; margin: 0 }
.pad { padding: 20px 20px 0 }
.top { margin: 0 0 20px }
.call-us { text-decoration: none }
@font-face { font-family: ChunkFiveRegular; font-style: normal; font-weight: 400; src: url(https://www.chill.ie/fonts/chunkfive.eot?#iefix) format("embedded-opentype"), url(https://www.chill.ie/fonts/chunkfive.woff) format("woff"), url(https://www.chill.ie/fonts/chunkfive.ttf) format("truetype"), url(https://www.chill.ie/fonts/chunkfive.svg#ChunkFiveRegular) format("svg") }
::-moz-selection {
background:#A7C539;
text-shadow:none
}
#branding,
#car_reg_find,
#click-to-call .call-us,
#irish,
#menu-sub-ul a,
#nav ul:before,
#nav-mobile-btn,
#promote-txt,
#quote-tel,
#share-text,
#tabs span,
.animated,
.btn,
.chunk,
.load-head,
.menu a,
.menu span,
.menu-button,
.product-points li,
.qq legend,
.quote-header,
.table .hrow,
.table .trow,
.take-it,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
p.more-category,
p.page-cat-h3,
p#landing_subtitle { font-family: ChunkFiveRegular, serif; font-weight: 400; letter-spacing: 0; margin: 0; padding: 0; text-rendering: optimizelegibility; line-height: normal; }
h1,
h2,
h3,
h4,
h5,
h6 { line-height: 1em; margin: 0; padding: 0 }
h1,
.insurer_lists h2 { color: #4A2783; font-size: 45px }
h2,
h3.page-cat-h3,
p.page-cat-h3 { color: #A7C539; font-size: 1.5em; text-transform: uppercase }
.insurer_lists h2 { text-transform: none; }
h3 { font-size: 1.17em }
h4 { font-size: 1em }
h5 { font-size: .83em }
h6 { font-size: .67em }
abbr[title] { border-bottom: 1px dotted }
b,
strong { font-weight: 700 }
em,
i { color: #000 }
dfn { font-style: italic }
mark { background: #FF0; color: #000 }
p,
pre { margin: 0 0 20px }
pre { white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:after,
q:before { content: none }
small { font-size: 80% }
sub,
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -.5em }
sub { bottom: -.25em }
hr { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #DDD -moz-use-text-color -moz-use-text-color; border-image: none; border-right: 0 none; border-style: solid none none; border-width: 1px 0 0; display: block; height: 1px; margin: 1em 0; padding: 0 }
#terms { color: #F2F1E6; padding: 6px 20px; text-align: center }
#terms a { color: #FFF }
.content dt { line-height: 1.2em }
.content dd { margin: 0 0 20px }
#branding { color: #4A2783; font-size: 24px; line-height: 1.1em }
.chunk strong { color: #A7C539; font-weight: 400 }
.txt-green { color: #A7C539 }
.content dl dl { margin: 20px }
.content dl dl dt { color: #A6C73C; font-size: 18px; text-transform: uppercase }
#head { padding: 20px 0 70px }
#logo { float: left; width: 220px }
#logo a,
.logo { display: block; margin-left: -18px; position: relative }
#nav-tel { float: right; margin-top: 20px; max-width: 747px; text-align: right }
#click-to-call { display: inline-block }
#click-to-call a { color: #F2F1E6; font-size: 57px; height: 66px; line-height: 58px; position: relative; text-decoration: none; vertical-align: middle }
#click-to-call a:hover,
#click-to-call span { color: #F2F1E6 }
#promote { color: #F2F1E6; height: 413px }
#promote-txt { font-size: 28px; line-height: 1.2em; margin-bottom: 20px; text-transform: uppercase }
#promote-txt span { display: block }
#promote-txt strong { color: #A7C539; font-size: 1.8em; font-weight: 400; line-height: 1em }
#promote-subtxt { width: 50%; text-align: justify; }
#promote-subtxt strong { color: #A7C539 }
#contact a.call-us { color: #222 }
span.skype_pnh_container { display: none!important }
span.skype_pnh_print_container { display: inline!important }
.pointer-header { margin: 0 11px; position: relative; z-index: auto }
.pointer-header h3 { color: #FFF; line-height: normal; text-align: center; text-transform: uppercase; width: 33.33% }
.pointer-header h3 span { background-color: #A7C539; border-top-left-radius: 4px; border-top-right-radius: 4px; display: block; font-size: 22px; margin: 0 10px; padding: 10px 2px 8px 0 }
.down-arrow,
.up-arrow { background-image: url(../images/down-arrow.png); background-repeat: no-repeat; bottom: -10px; display: block; height: 10px; left: 40px; position: absolute; width: 40px; z-index: 10 }
.customer { margin: 40px 21px 0 }
.customer ul { padding-top: 20px }
a.we-know { text-decoration: none }
a.we-know,
a.we-know:hover,
a.we-know:visited { color: #A7C539 }
a.we-know:hover { text-decoration: underline }
#landing #head { padding: 20px 0 42px }
#landing .wrap { top: -85px }
#landing-wrap { margin-top: 20px; padding-bottom: 20px }
.cf { margin-bottom: 0px !important; margin-top: 5px; }
.graham { background: url(../images/graham.html) 50% -2px no-repeat rgba(0,0,0,0) }
.aoife { background: url(../images/aoife.jpg) 50% 3px no-repeat; background-position: bottom; }
.customercareparagraph { max-width: 300px }
.customercareparagraph2 { max-width: 270px }
#landing .list { margin: 0; padding: 20px 10px 0; text-align: left; }
#adverts { margin-bottom: 40px }
img { border: 0; height: auto!important; vertical-align: middle }
embed,
img,
object,
video { height: auto; max-width: 100% }
svg:not(:root) { overflow: hidden }
figure { margin: 0 }
figure img { background: #FFF }
audio,
canvas,
video { display: inline-block }
audio:not([controls]) { display: none; height: 0 }
.logo { float: right; margin-right: -18px; max-width: 50%; width: 220px }
#contact { position: relative }
#contact h5 { color: #4A2783; font-size: 22px; margin: 0 0 5px }
#contact p { margin: 0 }
#contact ul { float: left; margin: 20px 0 0 }
#contact li { margin: 0 40px 20px 0 }
#social { padding: 20px }
#social p.take-it { color: #f2f1e6; font-size: 50px; line-height: normal; margin: 0 102px 10px 0; text-transform: capitalize; }
#contact ul,
#social ul { list-style: none; padding: 0 }
#contact li,
#social li { display: inline-block; position: relative; vertical-align: top }
#social ul { margin: 0 }
#social li { margin: 5px }
#irish { bottom: -90px; position: absolute; right: 20px }
#sell { background: #4A2783; color: #F2F1E6 }
#sell p { float: left; font-size: 24px; margin: 0 }
#sell .btn { float: right; width: 150px }
.in-line,
.in-line li { margin: 0; padding: 0 }
.in-line li { display: inline-block; vertical-align: top }
#underwriters { background: #F2F1E6; border-radius: 4px; overflow: hidden }
#underwriters h4 { background: #4A2783; color: #F2F1E6; padding: 10px 20px 8px; text-align: center; text-transform: uppercase }
#underwriters ul { margin: 20px 10px 0; text-align: center }
#underwriters li { width: 33% }
#underwriters a { background: #FFF; display: block; margin: 0 10px 20px; position: relative }
#author { background: #E8E7DF; border-top: 1px solid #F2F1E6; margin-bottom: 20px; padding: 20px 20px 0 }
.green-txt { color: #a7c539 }
#author hgroup { margin-bottom: 10px }
#author h5 a { font-size: 22px; line-height: normal; text-decoration: none }
#author h6 { font-size: 18px }
#author p { font-size: 14px; margin: 0 }
#author-image { float: right; width: 36.985% }
#author-description { float: left; width: 60.585% }
#author-gplus,
#author-wrap { margin: 0 auto 10px; max-width: 340px; padding-bottom: 20px }
.postdate { background: #F2F1E6; border-radius: 3px; font-family: Cambria, Georgia, Times, "Times New Roman", serif; font-size: 17px; font-style: italic; margin-bottom: 10px; padding: 5px 20px }
#get-a-quote { background-color: #4A2783; border-radius: 4px; margin-bottom: 20px; padding: 20px 20px 10px }
#get-a-quote .btn { border-radius: 4px; font-size: 30px; margin: 0 auto; max-width: 340px; padding: 6px 0 }
#get-a-quote .take-it { color: #F2F1E6; font-size: 22px; margin-top: 10px; text-align: center }
#main-heading { margin-bottom: 20px }
.content dt,
.content h3 { color: #4A2783; font-size: 26px }
.content hr { border-top: 5px solid #F2F1E6 }
.content { margin-bottom: 20px }
.sidebar-block h4 { background: #4A2783; color: #F2F1E6; margin-bottom: 20px; padding: 10px 20px 8px; text-align: center; text-transform: uppercase }
.sidebar-block { background: #E8E7DF; border-radius: 4px; overflow: hidden }
.sidebar-block dl { margin: 0 20px 20px }
.sidebar-block dt { color: #4A2783; font-size: 18px; margin: 20px 0 0 }
.sidebar-block dd { margin: 0; padding: 0 }
.contact-block { margin: 20px 0 }
.list,
.one ul { list-style: none }
.list { margin: 0 -20px; overflow: hidden; padding: 0 10px; text-align: center }
.one { margin: 0 0 20px }
.five li { width: 20% }
#content section,
.list li,
.one,
.shadow,
figure span { position: relative; z-index: 0 }
.shadow article { z-index: auto }
.list li { display: inline-block; vertical-align: top }
.list li,
.one { text-align: left }
.list ul,
.one ul { margin: 0 -5px }
.list ul li { width: 50% }
.three li { width: 49% }
.products.cream li { width: 33.33%; }
.abt_company li { width: 33.33%; }
.products.cream.insurance_type li { width: 49%; }
.list.three.products.cream.insurance_type li ul li { width: 38%; float: none; }
.list.three.products.cream li ul li { width: 40%; float: none; }
.list.three.products li ul { overflow: hidden; }
.list ul li a { margin: 0 5px; width: auto }
.latest-content { float: left; width: 60% }
.list ul,
.one ul { padding: 0 }
.one h3 { font-size: 36px }
.one h3 a { text-decoration: none }
.one a { width: 130px }
.one li { display: inline-block }
.four article,
.three article { margin: 0 10px 10px; }
.five article { background: #FFF; margin: 0 10px 20px; position: relative; z-index: auto }
.list a { text-decoration: none }
.list header a,
.list hgroup a { color: #4A2783; font-size: 30px; line-height: normal; text-decoration: none }
.list p { font-size: 14px; margin-bottom: 10px; text-align: justify; }
.products header h3,
.products header h4 { font-size: 22px }
.products header a { background-image: url(../images/logos.png); background-repeat: no-repeat; color: #CCC; display: block; font-size: 22px; height: 62px; text-decoration: none; text-transform: uppercase }
.products article header span { color: #4A2783; display: block; font-size: 36px; text-transform: none }
.list header a:active { color: #AAA }
.list.three.products li ul { text-align: right }
.car-insurance header a { background-position: right -421px }
.car-insurance header a:hover { background-position: right -491px }
.home-insurance header a { background-position: right -141px }
.home-insurance header a:hover { background-position: right -211px }
.van-insurance header a { background-position: right -281px }
.van-insurance header a:hover { background-position: right -351px }
.life-insurance header a { background-position: right -421px }
.life-insurance header a:hover { background-position: right -491px }
.health-insurance header a { background-position: right -561px }
.health-insurance header a:hover { background-position: right -631px }
.travel-insurance header a { background-position: right -701px }
.travel-insurance header a:hover { background-position: right -771px }
.marine-insurance header a { background-position: right -841px }
.marine-insurance header a:hover { background-position: right -911px }
.bicycle-insurance header a { background-position: right -981px }
.bicycle-insurance header a:hover { background-position: right -1051px }
.school-insurance header a { background-position: right -1121px }
.school-insurance header a:hover { background-position: right -1191px }
.breakdown-assist header a { background-position: right -1261px }
.breakdown-assist header a:hover { background-position: right -1331px }
.pensions header a { background-position: right -1401px }
.pensions header a:hover { background-position: right -1471px }
.home-protect header a { background-position: right -1541px }
.home-protect header a:hover { background-position: right -1611px }
.gadget-insurance header a { background-position: right -1681px }
.gadget-insurance header a:hover { background-position: right -1751px }
.business-insurance header a { background-position: right -1821px }
.business-insurance header a:hover { background-position: right -1891px }
.club-insurance header a { background-position: right -1961px }
.club-insurance header a:hover { background-position: right -2031px }
.content,
.content-wrap,
.four article,
.one,
.three article { background: #FFF; border: 1px solid #E8E7DF; padding: 20px; position: relative; overflow: hidden; }
figure { background: #E8E7DF; padding: 20px; text-align: center }
figure span { border: 1px solid #E8E7DF; display: block; margin: 0 auto; max-width: 310px; position: relative; z-index: 0 }
#content section:after,
#content section:before,
#underwriters a:after,
#underwriters a:before,
.shadow article:after,
.shadow article:before,
.three article:after,
.three article:before,
figure span:after,
figure span:before { bottom: 10px; box-shadow: 0 12px 14px rgba(0,0,0,.3); content: ""; display: block; height: 20%; max-width: 200px; position: absolute; width: 50%; z-index: -1 }
#content section:before,
#underwriters a:before,
.shadow article:before,
.three article:before,
figure span:before { left: 10px; right: auto; -webkit-transform: skew(-15deg) rotate(-6deg); -moz-transform: skew(-15deg) rotate(-6deg); -ms-transform: skew(-15deg) rotate(-6deg); -o-transform: skew(-15deg) rotate(-6deg); transform: skew(-15deg) rotate(-6deg) }
#content section:after,
#underwriters a:after,
.shadow article:after,
.three article:after,
figure span:after { right: 10px; left: auto; -webkit-transform: skew(15deg) rotate(6deg); -moz-transform: skew(15deg) rotate(6deg); -ms-transform: skew(15deg) rotate(6deg); -o-transform: skew(15deg) rotate(6deg); transform: skew(15deg) rotate(6deg) }
#content section:after,
#content section:before,
#underwriters a:after,
#underwriters a:before,
.shadow article:active:after,
.shadow article:active:before,
.three article:active:after,
.three article:active:before { box-shadow: 0 6px 7px rgba(0,0,0,.2) }
#subscribe { background: #E8E7DF; margin: 0 0 20px }
.pubdate { color: #666; float: right; font-family: Cambria, Georgia, Times, "Times New Roman", serif; font-style: italic; line-height: 34px; margin-right: 10px }
.new { height: 80px; position: absolute; right: 0; top: 0; width: 80px; z-index: 10 }
#latest li article img { margin-bottom: 15px }
.one img { float: right }
#latest hgroup { margin-bottom: 10px }
#latest h4,
#latest h5 { font-size: 16px }
#latest h4 a,
#latest ul h3 a { display: inline; font-size: 28px; vertical-align: top }
#latest .one h3 { font-size: 38px }
#latest .one h4 { font-size: 24px }
.one .blog-text { float: left; width: 60% }
.one .blog-img { float: right; width: 36% }
.one li { width: 50% }
.four li { width: 25% }
p.more-category { margin: 0 11px; text-align: right }
p.more-category a { display: inline-block; text-decoration: none; width: 33% }
p.more-category span { background-color: #F8F7F1; background-image: url(../images/s.png); background-position: right -229px; background-repeat: no-repeat; border-bottom: 1px solid #FFF; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top: 1px solid #FFF; color: #4A2783; display: block; font-size: 18px; margin: 1px 10px 20px 9px; padding: 10px 20px 8px; text-align: left; text-transform: uppercase }
p.more-category span:hover { background-color: #4A2783; background-position: right -329px; color: #F2F1E6 }
p.more-category span:active { background-color: #A6C73C; background-position: right -279px; border-bottom: 1px solid #91AF32; border-top: 1px solid #91AF32; color: #FFF; padding: 11px 20px 7px }
.page-product hgroup { margin-bottom: 10px }
.page-product .top { margin-bottom: 0 }
.people hgroup { padding: 10px }
.people h3 a { font-size: 20px }
.four img { margin-bottom: 10px }
a,
a:visited { color: #4A2783 }
a:focus { outline: dotted thin }
a:hover { color: #713F98; outline: 0 }
a:active { color: #A7C539 }
dl,
menu,
ol,
ul { margin: 1em 0 }
menu,
ol,
ul { padding: 0 0 0 40px }
nav ol,
nav ul { list-style: none }
nav li,
nav ul { margin: 0; padding: 0 }
.menu { border-radius: 4px; overflow: hidden }
.menu a { background: #713F98 }
.menu a,
.menu span { display: block; line-height: normal; position: relative; text-transform: uppercase }
#nav a,
#nav span,
#pagination a,
#pagination span { overflow: hidden }
#pagination span,
.menu a { color: #F2F1E6; padding: 10px 13px 8px; text-decoration: none }
.menu a:hover { background: #4A2783; color: #FFF }
.submenu1 a:hover { background: #4A2783; color: #FFF; width: 100% }
.menu a:active { background: #A6C73C; color: #FFF; padding: 11px 13px 7px }
.menu .current a,
.menu .current span { background: #A7C539; color: #FFF }
.submenu1 li a { background: #713F98!important; color: #F2F1E6!important }
.submenu1 li a:hover { background: #4A2783!important; color: #F2F1E6!important; width: 100%!important }
#breadcrumbs,
#breadcrumbs a,
#breadcrumbs span,
#breadcrumbs ul,
#menu-sub-ul ul li,
#topbar li,
.menu li { display: inline-block; vertical-align: top; margin: 0px 0px; float: left; }
#breadcrumbs,
#pagination { background: #E8E7DF }
#nav { float: right }
#menu-sub-nav { background: #4A2783; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; margin: -20px 0 20px; padding: 20px 0 }
#menu-sub-ul { margin: 0; padding: 0 }
#menu-sub-ul a { color: #FFF; display: block; line-height: normal; text-decoration: none; text-transform: uppercase }
#menu-sub-ul span { color: #A6C73C; display: block; font-size: 40px; line-height: 1em; text-transform: none }
#menu-sub-ul ul { border-radius: 4px; margin: 0 20px; overflow: hidden }
#menu-sub-ul ul li { vertical-align: top; width: 100% }
#menu-sub-ul ul li:nth-of-type(2n),
#menu-sub-ul ul li:nth-of-type(2n+1) { width: 50% }
#menu-sub-ul ul a { background-color: #713F98; border-bottom: 1px solid #4A2783; padding: 9px 10px }
#menu-sub-ul ul a:hover { background: #4A2783 }
#menu-sub-ul ul .current a,
#menu-sub-ul ul a:active { background: #A6C73C; color: #FFF }
#menu-sub-ul ul li:nth-of-type(2n+1) a { border-right: 1px solid #4A2783 }
#breadcrumbs { margin-bottom: 20px; width: 100% }
#breadcrumbs a { position: relative }
#breadcrumbs li li { margin-left: 5px }
#breadcrumbs li a { background: #4A2783 }
#breadcrumbs a.index { background-clip: padding-box; border-bottom-left-radius: 4px; border-top-left-radius: 4px; padding: 0 }
#breadcrumbs li li a { border-radius: 0; color: #F2F1E6; padding: 10px 13px 8px 23px }
#breadcrumbs li a:hover { background: #A6C73C; color: #FFF }
#breadcrumbs li li a:active { padding: 11px 13px 7px 23px }
#breadcrumbs .current span { background-clip: padding-box; border-bottom-right-radius: 4px; border-top-right-radius: 4px; color: #FFF; padding: 10px 18px 8px 23px; position: relative }
#breadcrumbs .current span:before,
#breadcrumbs a:after,
#breadcrumbs li li a:before { background-image: url(../images/background/breadcrumbs.png); background-repeat: no-repeat; content: " "; display: block; height: 34px; position: absolute; top: 0; width: 10px }
#breadcrumbs .current span:before,
#breadcrumbs li li a:before { background-position: -1px -1px; left: 0; z-index: 1 }
#breadcrumbs a:after { background-position: -21px -1px; right: -10px; z-index: 2 }
#breadcrumbs a:hover:after { background-position: -41px -1px }
#pagination { margin-bottom: 20px; text-align: center }
#pagination a,
#pagination span { color: #F2F1E6 }
#pagination a { background: #4A2783 }
#pagination a:hover { background: #A7C539; color: #FFF }
#pagination a:active { background: #A7C539 }
#pagination span { background: #713F98; cursor: default }
.prev { float: left }
.next { float: right }
.counter { font-family: Cambria, Georgia, Times, "Times New Roman", serif; font-style: italic; line-height: 34px; text-align: center }
#topbar { background: #713F98; height: 24px; left: 0; line-height: 25px; position: absolute; top: 0; width: 100%; z-index: 202 }
#topbar ul { margin: auto; width: 1000px }
#topbar li { float: right }
#topbar a { color: #F2F1E6; display: block; font-size: 13px; padding: 0 10px }
#nav-mobile-btn { display: none; position: relative }
#call-block { height: 66px; margin: 0; padding: 0 }
.fb-comments,
.fb-comments iframe span[style],
.fb-comments iframe[style],
.fb-comments span,
.fb-like-box,
.fb-like-box iframe span[style],
.fb-like-box iframe[style],
.fb-like-box span { width: 100%!important }
#qframe-loader { margin-bottom: 200px; text-align: center }
#qframe-loader .take-it { color: #4A2783; font-size: 32px; margin-top: 10px; text-align: center }
#qform-loader { min-height: 300px }
form { margin: 0 }
fieldset { border: 0; margin: 0; padding: 0 }
legend { border: 0; padding: 0; white-space: normal }
button,
input,
select,
textarea { font-size: 100%; margin: 0; vertical-align: baseline }
button,
input { line-height: normal }
button,
html input[type=button],
input[type=reset],
input[type=submit] { cursor: pointer }
button[disabled],
input[disabled] { cursor: default }
input[type=checkbox],
input[type=radio] { padding: 0 }
input[type=search] { -moz-box-sizing: content-box }
textarea { overflow: auto; resize: vertical }
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
@-moz-keyframes swashIn {
0% {
opacity:0;
transform:scale(0, 0);
transform-origin:50% 50% 0
}
90% {
opacity:1;
transform:scale(0.9, .9);
transform-origin:50% 50% 0
}
100% {
transform:scale(1, 1);
transform-origin:50% 50% 0
}
}
@-moz-keyframes swashIn {
0% {
opacity:0;
transform:scale(0, 0);
transform-origin:50% 50% 0
}
90% {
opacity:1;
transform:scale(0.9, .9);
transform-origin:50% 50% 0
}
100% {
transform:scale(1, 1);
transform-origin:50% 50% 0
}
}
@-moz-keyframes shake {
0%, 100% {
transform:translateX(0px)
}
10%, 30%, 50%, 70%, 90% {
transform:translateX(-10px)
}
20%, 40%, 60%, 80% {
transform:translateX(10px)
}
}
@-moz-keyframes shake {
0%, 100% {
transform:translateX(0px)
}
10%, 30%, 50%, 70%, 90% {
transform:translateX(-10px)
}
20%, 40%, 60%, 80% {
transform:translateX(10px)
}
}
.shake { animation-name: shake }
.animated { animation-duration: 1s; animation-fill-mode: both; background: #A7C539; border-radius: 4px; float: right; font-size: 20px; margin-top: 66px; padding: 5px 0; text-align: center; text-transform: uppercase; width: 170px }
.swap { animation-delay: 2s; animation-name: swashIn }
:-moz-placeholder {
color:#AAA;
opacity:.8
}
::-moz-placeholder {
color:#AAA;
opacity:.8
}
.placeholder { color: #AAA; opacity: .8 }
.chzn-container { font-size: 13px; position: relative; width: 100%!important }
.chzn-container .chzn-drop { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: #FFF; border-color: -moz-use-text-color #AAA #AAA; border-image: none; border-right: 1px solid #AAA; border-style: none solid solid; border-width: 0 1px 1px; box-shadow: 0 4px 5px rgba(0,0,0,.15); left: 0; position: absolute; top: 29px; z-index: 1010 }
#car_registration,
.chzn-container-single .chzn-single,
.inputbox { background-clip: padding-box; background-color: #FFF; background-image: linear-gradient(#FFF 20%, #F6F6F6 50%, #EEE 52%, #F4F4F4 100%); border: 1px solid #AAA; border-radius: 3px; box-shadow: 0 0 3px #FFF inset, 0 1px 1px rgba(0,0,0,.1); display: block; font-weight: 700; height: 26px; line-height: 27px; overflow: hidden; padding: 0 0 0 8px; position: relative; text-decoration: none; white-space: nowrap }
.chzn-container-single .chzn-default { color: #999 }
.chzn-container-single .chzn-single span { display: block; margin-right: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100% }
.chzn-container-single .chzn-single abbr { background: url(chosen-sprite.png) -42px 1px no-repeat; display: block; font-size: 1px; height: 12px; position: absolute; right: 26px; top: 6px; width: 12px }
.chzn-container-single .chzn-single abbr:hover,
.chzn-container-single.chzn-disabled .chzn-single abbr:hover { background-position: -42px -10px }
.chzn-container-single .chzn-single div { display: block; height: 100%; position: absolute; right: 3px; top: 0; width: 18px }
.chzn-container-single .chzn-single div b { background: url(chosen-sprite.png) -1px 2px no-repeat; display: block; height: 100%; width: 100% }
.chzn-container-single .chzn-search { margin: 0; padding: 3px 4px; position: relative; white-space: nowrap; z-index: 1010 }
.chzn-container-single .chzn-search input { background: url(chosen-sprite.png) 100% -20px no-repeat, linear-gradient(#EEE 1%, #FFF 15%) rgba(0,0,0,0); border: 1px solid #AAA; font-family: sans-serif; font-size: 1em; margin: 1px 0; outline: 0; padding: 4px 20px 4px 5px }
.chzn-container-single .chzn-drop { background-clip: padding-box; border-radius: 0 0 4px 4px }
.chzn-container-single-nosearch .chzn-search input { left: -9000px; position: absolute }
.chzn-container-multi .chzn-choices { background-color: #FFF; background-image: linear-gradient(#EEE 1%, #FFF 15%); border: 1px solid #AAA; cursor: text; height: auto!important; margin: 0; overflow: hidden; padding: 0; position: relative }
.chzn-container-multi .chzn-choices li { float: left; list-style: none }
.chzn-container-multi .chzn-choices .search-field { margin: 0; padding: 0; white-space: nowrap }
.chzn-container-multi .chzn-choices .search-field input { background: none!important; border: 0!important; box-shadow: none; color: #666; font-family: sans-serif; font-size: 100%; height: 15px; margin: 1px 0; outline: 0; padding: 5px }
.chzn-container-multi .chzn-choices .search-field .default { color: #999 }
.chzn-container-multi .chzn-choices .search-choice { background-clip: padding-box; background-color: #E4E4E4; background-image: linear-gradient(#F4F4F4 20%, #F0F0F0 50%, #E8E8E8 52%, #EEE 100%); border: 1px solid #AAA; border-radius: 3px; box-shadow: 0 0 2px #FFF inset, 0 1px 0 rgba(0,0,0,.05); color: #333; cursor: default; line-height: 13px; margin: 3px 0 3px 5px; padding: 3px 20px 3px 5px; position: relative }
.chzn-container-multi .chzn-choices .search-choice.search-choice-disabled { background-color: #E4E4E4; background-image: -moz-linear-gradient(center top, #F4F4F4 20%, #F0F0F0 50%, #E8E8E8 52%, #EEE 100%); border: 1px solid #CCC; color: #666; padding-right: 5px }
.chzn-container-multi .chzn-choices .search-choice-focus { background: #D4D4D4 }
.chzn-container-multi .chzn-choices .search-choice .search-choice-close { background: url(chosen-sprite.png) -42px 1px no-repeat; display: block; font-size: 1px; height: 12px; position: absolute; right: 3px; top: 4px; width: 12px }
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover,
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close { background-position: -42px -10px }
.chzn-container .chzn-results { margin: 0 4px 4px 0; max-height: 240px; overflow-x: hidden; overflow-y: auto; padding: 0 0 0 4px; position: relative }
.chzn-container-multi .chzn-results { margin: -1px 0 0; padding: 0 }
.chzn-container .chzn-results li { display: none; line-height: 15px; list-style: none; margin: 0; padding: 5px 6px }
.chzn-container .chzn-results .active-result { cursor: pointer; display: list-item }
.chzn-container .chzn-results .highlighted { background-color: #4A2783; color: #FFF }
.chzn-container .chzn-results li em { background: #FEFFDE; font-style: normal }
.chzn-container .chzn-results .highlighted em { background: none }
.chzn-container .chzn-results .no-results { background: #F4F4F4; display: list-item }
.chzn-container .chzn-results .group-result { color: #999; cursor: default; font-weight: 700 }
.chzn-container .chzn-results .group-option { padding-left: 15px }
.chzn-container-multi .chzn-drop .result-selected { display: none }
.chzn-container .chzn-results-scroll { background: #FFF; margin: 0 4px; position: absolute; text-align: center; width: 321px; z-index: 1 }
.chzn-container .chzn-results-scroll span { display: inline-block; height: 17px; text-indent: -5000px; width: 9px }
.chzn-container .chzn-results-scroll-down { bottom: 0 }
.chzn-container .chzn-results-scroll-down span { background: url(chosen-sprite.png) -4px -3px no-repeat rgba(0,0,0,0) }
.chzn-container .chzn-results-scroll-up span { background: url(chosen-sprite.png) -22px -3px no-repeat }
.chzn-container-active .chzn-single { border: 1px solid #5897FB; box-shadow: 0 0 5px rgba(0,0,0,.3) }
.chzn-container-active .chzn-single-with-drop { background-color: #EEE; background-image: linear-gradient(#EEE 20%, #FFF 80%); border: 1px solid #AAA; border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: 0 1px 0 #FFF inset }
.chzn-container-active .chzn-single-with-drop div { background: none; border-left: medium none }
.chzn-container-active .chzn-single-with-drop div b { background-position: -20px 2px }
.chzn-container-active .chzn-choices { border: 1px solid #5897FB; box-shadow: 0 0 5px rgba(0,0,0,.3) }
.chzn-container-active .chzn-choices .search-field input { color: #111!important }
.chzn-disabled { cursor: default; opacity: .5!important }
.chzn-disabled .chzn-choices .search-choice .search-choice-close,
.chzn-disabled .chzn-single { cursor: default }
.chzn-rtl { text-align: right }
.chzn-rtl .chzn-single { overflow: visible; padding: 0 8px 0 0 }
.chzn-rtl .chzn-single span { direction: rtl; margin-left: 26px; margin-right: 0 }
.chzn-rtl .chzn-single div { left: 3px; right: auto }
.chzn-rtl .chzn-single abbr { left: 26px; right: auto }
.chzn-rtl .chzn-choices .search-field input { direction: rtl }
.chzn-rtl .chzn-choices li { float: right }
.chzn-rtl .chzn-choices .search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px }
.chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto }
.chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0 }
.chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 15px }
.chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: medium none }
.chzn-rtl .chzn-search input { background: url(chosen-sprite.png) -30px -20px no-repeat, linear-gradient(#EEE 1%, #FFF 15%) rgba(0,0,0,0); direction: rtl; padding: 4px 5px 4px 20px }
.chzn-container-single.chzn-rtl .chzn-single div b { background-position: 6px 2px }
.chzn-container-single.chzn-rtl .chzn-single-with-drop div b { background-position: -12px 2px }

@media not all, only screen and (min-resolution:144dpi) {
.chzn-container .chzn-results-scroll-down span,
.chzn-container .chzn-results-scroll-up span,
.chzn-container-multi .chzn-choices .search-choice .search-choice-close,
.chzn-container-single .chzn-search input,
.chzn-container-single .chzn-single abbr,
.chzn-container-single .chzn-single div b,
.chzn-rtl .chzn-search input { background-image: url(chosen-sprite%402x.png)!important; background-repeat: no-repeat!important; background-size: 52px 37px!important }
}
.form dl { font-size: 14px; margin: 0 20px; padding: 0 }
.form dt { width: 40% }
.form dt label { display: block; font-family: sans-serif; margin-right: 10px }
.form dd,
.form dt { display: inline-block; margin: 8px 0; padding: 0; vertical-align: top }
.form dd { background-color: #F4F4F4; border-radius: 4px; padding: 5px 0; position: relative; width: 60% }
#qframe-loader { background: #FFF; border: 1px solid #E8E7DF; border-radius: 4px; padding: 20px }
#sub-nav { background: #4A2783; border-radius: 4px }
#quote-desc { background-color: #E8E7DF; border-radius: 4px; margin-bottom: 20px; overflow: hidden }
#quote-desc h1 { background-color: #4A2783; color: #F2F1E6; font-size: 16px; line-height: normal; margin-bottom: 10px; padding: 10px 20px 8px; text-transform: uppercase }
#quote-desc p { font-family: Cambria, Georgia, Times, "Times New Roman", serif; font-style: italic; margin: 0 20px 10px }
.load-head { font-size: 30px; margin-bottom: 20px }
#sub-nav ul { margin: 1.618em }
#sub-nav ul ul { background: #713F98; margin: 0 }
#sub-nav a { color: #FFF; display: block; font-family: ChunkFiveRegular, serif; height: 36px; line-height: 36px; text-decoration: none; text-rendering: optimizelegibility }
#sub-nav a.current { background: #A6C73C }
#sub-nav .get-quote { background: #4A2783; padding: 20px 0 }
#sub-nav .get-quote a { background: #A6C73C; border-radius: 4px; text-align: center; text-transform: uppercase }
.uneditable-input,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea { vertical-align: middle }
select { background-color: #FFF; border: 1px solid #CCC }
select[multiple],
select[size] { height: auto }
input[type=checkbox]:focus,
input[type=file]:focus,
input[type=radio]:focus,
select:focus { outline: #333 dotted thin; outline-offset: -2px }
input[disabled],
input[readonly],
select[disabled],
select[readonly],
textarea[disabled],
textarea[readonly] { background-color: #EEE; cursor: not-allowed }
select:focus:invalid {
border-color:#EE5F5B;
color:#B94A48
}
select:focus:invalid:focus {
border-color:#E9322D;
box-shadow:0 0 6px #F8B9B7
}
.qq-error .chzn-container-single .chzn-single,
.qq-error input.inputbox,
.qq-error select.chzn-select { background-color: #F2DEDE; background-image: none; filter: none }
.qq-loading .chzn-container-single .chzn-single span,
.qq-loading select.chzn-select { background-image: url(../images/validation.gif); background-position: right 5px; background-repeat: no-repeat }
.qq-loaded .chzn-container-single .chzn-single,
.qq-loaded select.chzn-select { background-color: #FCF8E3; background-image: none }
.qq-homepage { float: right; position: relative; width: 370px }
.qq-help { color: #4A2783; text-decoration: underline }
.qq small { display: block; font-size: .6em; text-align: center }
.qq small a { text-decoration: underline }
.qq-homepage .qq { left: 0; position: absolute; top: 0 }
.qq fieldset { position: relative; width: 100% }
.qq-homepage .qq-body { background-color: #F2F1E6; border: 1px solid #FFF; padding: 20px; position: relative; z-index: 100; min-height: 347px }
.qq-homepage .qq-body:before { background: url(../images/down-arrow.png) no-repeat; content: ""; display: block; height: 10px; position: absolute; top: -1px; width: 40px; z-index: 10001 }
.qq-homepage .qq-car .qq-body:before { left: 75px }
.qq-homepage .qq-home .qq-body:before { right: 63px }
.qq-homepage .qq-inactive .qq-body { z-index: -1 }
.qq-help,
.qq-homepage legend span { cursor: pointer }
.qq-homepage legend { color: #FFF; cursor: pointer; display: block; font-size: 1.4em; height: 35px; line-height: 36px; position: relative; text-transform: uppercase; width: 100% }
.qq-homepage .qq-inactive legend { z-index: 1 }
.qq-homepage legend span { background-color: #A6C73C; background-image: url(../images/elements.png); background-repeat: no-repeat; display: block; position: relative; text-align: center; width: 50% }
.qq-homepage legend span:hover { background-color: #A6C73C }
.qq-homepage .qq-car legend span,
.qq-homepage.qq-landing .qq-home legend span { background-position: 10px 7px; border-top-left-radius: 4px }
.qq-homepage .qq-home legend span { left: 50%; background-position: 10px -25px; border-top-right-radius: 4px }
.qq-homepage .qq-inactive legend span { background-color: #713F98; border-bottom: 1px solid #FFF; cursor: pointer; z-index: 2 }
.qq-details { background-color: #F2F1E6; display: none; height: 90%; left: 0; padding: 5%; position: absolute; top: 0; width: 90%; z-index: 110 }
.qq-large .qq-details { margin: 0 }
.qq-loader { background: url(../images/ajax-loader-large.gif) 50% 50% no-repeat #F2F1E6 }
.qq ul { list-style: none; margin: 0; padding: 0 }
.qq li { margin: 0 0 5px; min-height: auto; }
.qq select { width: 100%; max-width: 100% }
.qq .btn-large { max-width: 330px }
#plate { padding: 20px 20px 0 }
a.qq-no-btn { margin-top: 300px }
.results-plate { background: url(../images/background/plate.png) no-repeat #FFF; border: 2px solid #000; border-radius: 4px; margin: 0 auto; max-width: 340px; text-align: center; text-transform: uppercase }
.qq-large { background: #F2F1E6; border-radius: 4px; padding: 20px }
.qq-large .btn-large { margin: 0 auto; text-align: center }
.section .qq-car-txt p,
.section .qq-home-txt p { text-align: left }
.results-plate span { display: block }
.results-reg { font-size: 28px; font-weight: 700; letter-spacing: .1em; line-height: 28px }
.results-county { font-size: 10px; line-height: 10px; padding-top: 4px }
#car_registration { float: left; font-size: 1.4em; height: 35px; text-transform: uppercase; width: 50% }
.qq-error input#car_registration { background-color: #F2DEDE; background-image: none; filter: none }
.results-details { position: relative }
.quote-header span { background: #4A2783; border-top-left-radius: 4px; border-top-right-radius: 4px; color: #F2F1E6; display: block; padding: 8px 20px; text-transform: uppercase }
input.qq-cartel-find { border-radius: 3px; float: right; padding: 10px 0 9px; width: 45% }
.qq-cartel-find:disabled { background: #CCC; cursor: default }
#car_cartel { border-bottom: 1px solid #CCC; margin: 0 0 20px; padding: 0 }
.inputbox:disabled { opacity: .5!important }
.qq-car-box { background: #FFF; border: 1px solid #DDD; margin-bottom: 10px; padding: 10px 10px 0; position: relative }
.qq-car-box p { font-size: 15px; line-height: 1.2em; margin: 0 }
.qq-car-box p.qq-not-car { margin-bottom: 10px }
.qq-panel { border-bottom: 1px solid #DDD; min-height: 120px }
.qq-details li label { float: left; font-weight: 700; width: 124px }
.qq-details li select { float: right; width: 185px!important }
.qq-details li select#car_id { width: 328px!important }
.qq-details .chzn-container { float: right }
label[for=car_id] { display: none }
.qq-details li { height: 33px }
.qq-details li li { height: auto }
.qq-agree { margin: 0 0 2px }
.qq-car-box:after,
.qq-car-box:before { bottom: 15%; box-shadow: 0 8px 16px rgba(0,0,0,.3); content: ""; height: 70%; max-height: 100px; max-width: 200px; position: absolute; width: 85%; z-index: -1 }
.qq-car-box:before { left: 5%; transform: skew(-15deg) rotate(-6deg) }
.qq-car-box:after { right: 5%; transform: skew(15deg) rotate(6deg) }
.qq-car-txt { float: left; width: 77% }
#results { background: #FFF; border: 1px solid #DDD; border-radius: 4px }
.results-car { border-bottom: 1px solid #DDD; padding: .809em }
.results hgroup { background: #4A2783; color: #FFF }
.results-car-txt { float: left; width: 77% }
.results-car-txt p { margin: 0 }
.results-car-txt strong { display: block; font-size: 1.2em }
.results-btn { background: none; border: none; color: #4A2783; cursor: pointer; margin: 0; outline: 0; padding: 0; text-decoration: underline; text-indent: 0 }
.results-icon { background: url(../images/logos.png) no-repeat; float: right; height: 55px; width: 55px }
.results-icon-car { background-position: 0 0 }
.results-info { list-style: none; padding: 0 }
.results-info li { margin: 0; padding: 0 }
.qq-car-txt strong { display: block }
.qq-car-txt span { font-size: .8em }
.qq-car-icon,
.qq-home-icon { background-color: #FFF; background-image: url(../images/logos.png); background-repeat: no-repeat; float: right; height: 60px; margin-bottom: 10px; width: 23% }
.qq-car-icon { background-position: right 0 }
.qq-home-icon { background-position: right -140px }
.qq-error p { font-style: italic }
.qq-reset-btn { background-image: url(../images/close.png); background-position: right top; background-repeat: no-repeat; cursor: pointer; display: block; height: 20px; position: absolute; right: 0; top: 0; width: 20px }
.link { margin: 0 11px 0 0 }
.link span,
.qq-reset-link { color: #4A2783; cursor: pointer; text-decoration: underline }
.qq-reset-link { background: url(https://www.chill.ie/images/form/back) }
.qq-cartel-reg { margin-bottom: 10px }
.qq-details-txt { border-bottom: 1px solid #DDD; margin-bottom: 20px }
.qq-details-txt p { font-size: .9em; margin-bottom: 20px }
.qq-details .btn { margin-top: 20px }
.section { background-color: #FFF; border: 1px solid #E8E7DF; border-radius: 4px; padding-bottom: 14px; position: relative }
.section p { margin: 10px 0; text-align: center }
.section .qq-car-txt p { margin: 0 0 10px }
.section h3 { background-color: #E8E7DF; color: #4A2783; line-height: 26px; padding: 6px 20px 4px; text-transform: uppercase }
.section .take-it { color: #4A2783; font-size: 24px }
.dob .lbl { float: left; margin-top: 5px; width: 28% }
.qq li.dob { margin-top: 5px }
.dob .inputbox { float: left; margin-left: 3%; width: 26% }
.dob-wrap { float: right; width: 72% }
.halves { list-style: none; margin: 0; padding: 0 }
.half-left,
.half-right { margin: 0 0 1.618em; padding: 0; width: 47% }
.half-left { float: left }
.half-right { float: right }
.half-left input,
.half-right input { padding: 6px 4%; width: 91% }
.dob .inputbox { padding: 6px 0 6px 3% }
.halves label,
.inputbox,
.qq-details label { color: #000; font-size: 13px !important; font-weight: 700; text-shadow: 0 1px 0 #FFF }
.halves label span,
.qq-details label span { text-shadow: none }
.full { float: left; width: 100% }
.qq-show-details { font-weight: 700; margin-bottom: 10px }
.dob label.dob-error,
.qq-error label,
.qq-show-details-error span { color: #B94A48 }
.qq-cartel-txt { margin: 0 0 10px }
#results { position: absolute; right: 0; top: 64px; width: 36.985% }
#results-form { display: inline-block; position: relative; z-index: 100 }
#tabs { height: 64px; left: 0; position: absolute; top: 0; width: 100% }
#tabs ul { list-style: none; margin: 0 -8px; padding: 0 }
#tabs li { margin: 0; padding: 0; width: 20% }
#tabs span { background-color: #E8E7DF; border-radius: 4px; color: #FFF; cursor: default; display: block; margin: 0 8px; padding: 8px 10px; text-align: center; text-transform: uppercase }
#tabs #tab-qq { position: relative; z-index: 2000 }
#tabs .enabled span { background-color: #713F98; cursor: pointer; text-shadow: none }
#tabs .enabled span:hover { background-color: #4A2783 }
#tabs li.selected { background-image: url(../images/down-arrow.png); background-position: 50% bottom; background-repeat: no-repeat; color: #FFF; padding-bottom: 10px }
#tabs .selected span,
#tabs .selected span:hover { background-color: #A7C539; cursor: default }
#system-message { display: none }
#quote-contact p { font-family: Cambria, Georgia, Times, "Times New Roman", serif; font-style: italic; margin: 0 20px }
#quote-wrap { min-height: 1200px; position: relative }
#quick-quote { left: 0; position: absolute; top: 64px; width: 100% }
#quote-form { float: left; width: 60.585% }
#quote-sidebar { float: right; width: 36.985% }
#placeholder { left: 0; position: absolute; top: 0 }
#tabs li,
.results-info dd,
.results-info dt { display: inline-block; vertical-align: top }
.results-info { background: #E8E7DF; border-radius: 4px; font-size: 14px; margin: 0 0 20px }
.results-info dl { margin: 0; padding: 10px 20px }
.results-info dt { font-family: sans-serif; padding: 5px 0; width: 50% }
.results-info dd,
.results-info dt { margin: 6px 0 }
.results-info dd { background-color: #F4F4F4; border-radius: 4px; padding: 5px 2%; position: relative; width: 46% }
#quote-tel { display: block; font-size: 38px; text-align: center; text-decoration: none }
.payment-icons { margin-bottom: 20px; text-align: center }
.payment-icons li { width: 33.33% }
.realex img { margin: 0 0 0 7px }
.comodo img { margin: 0 7px 0 0 }
.arrow-down { background: url(../images/quote/arrow-down.png) 50% top no-repeat; display: block; height: 30px; position: relative; top: -1px; width: 100%; z-index: 1 }
.quote-trust { background: #FFF; border: 1px solid #E8E7DF; border-radius: 4px; padding: 20px; text-align: center }
.quote-trust p { font-family: Cambria, Georgia, Times, "Times New Roman", serif; font-style: italic; margin: 0 20px }
.err-msg { background-color: #F2DEDE; border: 5px solid #B94A48; border-radius: 4px }
.qq-small .err-msg { bottom: 20px; left: -300px; position: absolute; width: 270px }
.qq-large .err-msg { margin-top: 20px }
.err-msg h5 { background-color: #B94A48; color: #FFF; font-size: 16px; margin: 0; padding: 3px 10px 8px; text-transform: uppercase }
.err-msg p { font-family: Cambria, Georgia, Times, "Times New Roman", serif; font-style: italic; line-height: normal; margin: 10px }
.qq-error .chzn-single span { color: #B94A48 }
#car_id_chzn .chzn-results { font-size: 12px }
.qq-large .chzn-container,
.qq-large select { margin-bottom: 6px }
#cartell-container { background: url(../images/cartell/bg.png) repeat-x #FFF; margin-bottom: 20px; padding: 5px; text-align: center }
#cartell-container a { color: #015577 }
#cartell-container p { line-height: normal; margin: 0; padding: 0 }
#cartell-container span { display: block }
#cartell-wrap { border: 1px solid #C8C8C8; padding: 15px 0 }
#cartell-line1 { color: #015678; font-family: arial; font-size: 26px; font-weight: 700; text-align: center }
#cartell-line2 { color: #015678; font-family: arial; font-size: 23px; font-style: italic; text-align: center }
#cartell-reg-box { background: url(../images/cartell/reg.png) no-repeat; border: none; color: #000; font-size: 26px; font-weight: 700; height: 34px; margin: 0; outline: 0; padding: 14px 11px 12px 57px; text-align: center; text-transform: uppercase; width: 198px }
#cartell-reg-btn { background: url(../images/cartell/greenbutton.png) left top no-repeat; border: none; color: #FFF; cursor: pointer; font-family: arial; font-size: 20px; font-weight: 700; margin: 4px 0 0; padding: 11px 37px 10px 24px }
#cartell-logo { float: left }
#cartell-footer { margin: 13px 0 0; padding: 0 15px }
#cartell-tagline { color: #616161; float: right; font-family: arial; font-size: 12px; margin: 0; max-width: 50%; padding: 5px 0 0 17px; text-align: left }
input.inputbox { height: auto; line-height: normal }
a.btn,
input.btn { background-clip: padding-box; background-color: #A6C73C; border: none; display: block; position: relative; text-transform: uppercase }
a.btn { text-align: center; text-decoration: none }
a.btn,
a.btn:visited,
input.btn { color: #FFF }
a.btn:active,
input.btn:focus { outline: 0 }
a.input.btn-large,
input.btn-large { border-radius: 4px; font-size: 24px; line-height: normal; padding: 9px }
input.btn-large { width: 100% }
a.btn-medium,
input.btn-medium { border-radius: 3px; padding: 14px 0 9px }
input.btn-disabled,
input.btn:disabled { background-color: #713F98; color: #F2F1E6; cursor: default; text-shadow: none }
input.input.btn-large:disabled:active { padding: 9px }
a.more { background: #F2F1E6; border: 1px solid #E8E7DF; border-radius: 4px; color: #4A2783; display: block; font-size: 14px; padding: 10px 2px; position: relative; text-align: center }
.get-quote { background-color: #4A2783; overflow: hidden; text-align: right }
.get-quote span { display: block; padding: 20px }
.get-quote-top { border-top-left-radius: 6px; border-top-right-radius: 6px }
.get-quote-btm { border-radius: 6px; margin: 20px 0 }
.get-quote a.btn,
.qq-landing a.btn { border-radius: 4px; font-size: 28px; min-width: 50%; padding: 10px 20px 8px }
.get-quote a.btn:active,
.qq-landing a.btn:active { padding: 11px 20px 7px }
.product-icon { background-repeat: no-repeat; background-position: left -5px }
#menu-sub-ul .product-icon { background-position: right -20px; font-size: 22px; height: 70px; margin-bottom: 20px; padding: 5px 20px 0 }
#menu-sub-ul .product-icon:hover { background-position: right -110px }
#car-insurance .product-icon { background-image: url(../images/insurance-products/car-insurance.png) }
#home-insurance .product-icon { background-image: url(../images/insurance-products/home-insurance.png) }
#business-insurance .product-icon { background-image: url(../images/insurance-products/business-insurance.png) }
#van-insurance .product-icon { background-image: url(../images/insurance-products/van-insurance.png) }
#life-insurance .product-icon { background-image: url(../images/insurance-products/life-insurance.png) }
#gadget-insurance .product-icon { background-image: url(../images/insurance-products/gadget-insurance.png) }
#travel-insurance .product-icon { background-image: url(../images/insurance-products/travel-insurance.png) }
#school-insurance .product-icon { background-image: url(../images/insurance-products/school-insurance.png) }
#health-insurance .product-icon { background-image: url(../images/insurance-products/health-insurance.png) }
#pensions .product-icon { background-image: url(../images/insurance-products/pensions.png) }
#marine-insurance .product-icon { background-image: url(../images/insurance-products/marine-insurance.png) }
#bicycle-insurance .product-icon { background-image: url(../images/insurance-products/bicycle-insurance.png) }
#breakdown-assist .product-icon { background-image: url(../images/insurance-products/breakdown-assist.png) }
#home-protect .product-icon { background-image: url(../images/insurance-products/home-protect.png) }
#club-insurance .product-icon { background-image: url(../images/insurance-products/club-insurance.png) }
.get-quote-btm a.btn { display: inline-block }
.get-quote-top span { background: #4A2783 }
#subscribe { padding: 20px 10px 0; text-align: center }
#subscribe ul { margin: 0; padding: 0 }
#subscribe li { display: inline-block; margin: 0; overflow: hidden; padding: 0 10px 20px }
#subscribe img { border-radius: 4px }
table { border-collapse: collapse; border-spacing: 0 }
.table { border-radius: 4px; font-size: 14px; margin: 0 0 5px; overflow: hidden; text-align: center; width: 100% }
.table a { text-decoration: none }
.table tfoot,
.table thead { background: #713F98 }
.table tr { border: none; padding: 0 }
.table .even { background: #F2F1E6 }
.table .odd { background: #E8E7DF }
.table td,
.table th { padding: 0 }
.table tfoot td,
.table th { color: #F2F1E6; font-size: 16px; font-weight: 400; height: 22px; padding: 0 }
.table tbody td { border-right: 1px solid #DDD; height: 22px }
.col3 .hrow { width: 52% }
.col3 .trow { width: 24% }
.col4 .hrow { width: 52% }
.col4 .trow { width: 16% }
.col6 .hrow { width: 50% }
.col6 .trow { width: 10% }
.trow { border-left: 1px solid #4A2783 }
.trow a { display: block }
.trow:hover { background: #4A2783 }
.hrow { text-align: left }
.table .hcol { font-weight: 700; padding: 6px 10px; text-align: left }
.table .hrow { background: #4A2783; color: #F2F1E6; padding: 6px 10px; text-align: left; text-transform: uppercase }
.more-table { padding: 0 10px; text-align: right }
.more-table a { color: #4A2783 }
.share { background: #4A2783; bottom: -60px; left: 0; position: fixed; width: 100%; z-index: 3000 }
body.social-on { margin-bottom: 60px }
#share-text { color: #4A2783; font-size: 26px; line-height: normal; margin-top: 11px }
.share #share-text { color: #F2F1E6; float: left; font-size: 40px; padding-left: 20px; width: 60.585% }
#share-text span { color: #A7C539 }
#social-btn { height: 60px }
#social-btn ul { list-style: none; margin: 0 0 20px; padding: 0; text-align: center }
.share #social-btn ul { background: #FFF; border-radius: 4px; float: right; margin: 12px 0 0; padding: 8px 2% 6px; width: 32.985% }
#social-btn li { float: left; margin: 0; padding: 0; width: 25% }
#social-btn .socialite { display: block; position: relative }
.product-points { color: #4A2783; font-size: 1.35em; font-weight: 400; line-height: 1.15em; list-style: none; margin: 0 0 20px; padding: 0 }
.product-points li { background-image: url(../images/s.png); background-position: -15px -455px; background-repeat: no-repeat; padding: 10px 0 10px 50px }
.product-points1 { color: #000; font-size: 1em; font-weight: 400; line-height: 1.15em; list-style: none; margin: 0 0 20px; padding: 0 }
.product-points1 li { background-image: url(../images/s.png); background-position: -15px -455px; background-repeat: no-repeat; padding: 10px 0 10px 50px }
.product-points2 { color: #fff; font-size: 1em; font-weight: 400; line-height: 1.15em; list-style: none; margin: 0 0 20px; padding: 0 }
.product-points2 li { background-image: url(../images/s.png); background-position: -15px -455px; background-repeat: no-repeat; padding: 10px 0 10px 50px }
.round { background-clip: padding-box; border-radius: 4px; padding: 20px }
.chromeframe { background: #CCC; color: #000; margin: .2em 0; padding: .2em 0 }
.ir { background-color: transparent; border: 0; overflow: hidden }
.ir:before { content: ""; display: block; height: 150%; width: 0 }
.hidden { display: none!important; visibility: hidden }
.visuallyhidden { border: 0; clip: rect(0,0,0,0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto }
.invisible { visibility: hidden }
.cf:after,
.cf:before { content: " "; display: table }
.cf:after { clear: both }
blockquote { background: #E8E7DF; margin: 0 0 5px; padding: 20px }
blockquote p { color: #000; font-family: Cambria, Georgia, Times, "Times New Roman", serif; font-size: 17px; font-style: italic; margin: 0 }
.testimonials article strong { display: block; padding-right: 20px; text-align: right }
.testimonials article { margin-bottom: 20px }
#disclaimer,
.disclaimer,
.note { border-radius: 4px; font-family: Cambria, Georgia, Times, "Times New Roman", serif; font-size: 18px; padding: 20px }
#disclaimer,
.disclaimer { background: #E8E7DF; color: #000 }
.note { background: #F2F1E6; color: #444 }
.content li { margin-bottom: 5px }
.content h4 { font-size: 20px }
.content dl { margin: 0 0 20px }
#content h2 { color: #4A2783; font-size: 38px; text-transform: none }
#content h3 { color: #222; font-size: 24px; text-transform: none }
#content section { margin-bottom: 40px; position: relative }
#content img { max-width: 310px; width: 36% }
.content-even img { float: left }
.content-odd img { float: right }
.content-txt { width: 65% }
.content-even .content-txt { float: right }
.content-odd .content-txt { float: left }
#content footer .btn { max-width: 100%; text-transform: uppercase; width: 180px }
.content-even footer { text-align: right }
.content-even footer .btn { display: inline-block }
h1#landing-title { color: #A7C539; text-transform: uppercase; font-size: 28px; }
h1#landing-title span { color: #f2f1e6; display: block; font-size: 28px; line-height: 30px; }
h2#landing_subtitle,
p#landing_subtitle { color: #F2F1E6; font-size: 1.2em; text-transform: uppercase }
.hgroup h1 { float: left; margin-top: 20px; width: 300px }
.hgroup { margin: 0 0 20px }
.hgroup img { float: left; margin: 0 20px 0 -25px; position: relative }
#landing-nav ul { border-radius: 4px; display: inline-block; overflow: hidden; position: relative; text-align: center }
.secondarticle { display: none; }
.benefit_bg_div { background: #fff; margin-bottom: 20px; }
h1#landing-title strong { font-weight: 400; font-size: 45px; line-height: 45px; }
.cf_Products { padding-bottom: 20px; }

@media only screen and (max-width:1100px) {
.qq-landing-panel { margin-right: -20px }
#breadcrumbs li li a { padding: 10px 9px 8px 19px }
.content-txt { width: 60% }
.hgroup img { margin: 0 20px 0 0 }
.animated { margin-top: 10px }
#breadcrumbs .current span { padding: 10px 14px 8px 19px }
#breadcrumbs li li a:hover { padding: 11px 9px 7px 19px }
.container { margin: 0; max-width: 100%; padding: 0 20px 0 0 }
#contact { margin: 0; max-width: 100%; padding: 0 20px }
#head { margin: 0; padding: 24px 20px 0 }
#landing #head { padding: 34px 20px 22px }
.wrap { border-left: medium none; border-right: medium none; margin: 0; max-width: 100%; padding: 0; top: 0 }
#landing .wrap { margin: 0; top: -70px }
#landing-wrap { padding-bottom: 20px }
.cream { border-left: medium none; border-right: medium none }
.gray { border: 0; padding: 0 }
#topbar ul { background: none; width: auto }
#promote { background: none; max-width: 45% }
.landing-page #promote { max-width: 58% }
.five li { width: 25% }
#page-cat-desc,
#page-cat-title,
.page-category #description,
.page-category hgroup { float: none; margin: 0; width: auto }
#social ul { margin: 0 0 20px; text-align: left }
.pad { overflow: hidden }
}

@media only screen and (max-width:1000px) {
.submenu1 { display: none!important }
#mobile { width: 100%!important; float: left }
.sidebar figure span { border: none!important }
#landing-description { width: 100%!important }
.qq-homepage.qq-landing { display: block; float: right }
#contact ul { max-width: 50% }
#head { padding: 34px 20px 0 }
.menu { border-radius: 0 }
#nav { background: #713F98; left: 0; position: absolute; top: 0; width: 100% }
#nav ul { padding: 0 20px; text-align: center }
#topbar { height: 24px; left: 0; line-height: 25px; position: static; top: 0; width: 100%; z-index: 202; background: none }
#callback { display: inline-block }
#callback a { background-color: #713F98; background-image: url(../images/call.png); background-position: right -46px; background-repeat: no-repeat; border-radius: 4px; font-family: ChunkFiveRegular, serif; font-size: inherit; font-weight: 400; height: 40px; letter-spacing: 0; line-height: 41px; padding: 0 55px 0 10px; text-decoration: none; text-rendering: optimizelegibility; text-transform: uppercase }
#callback a:hover { color: #FFF }
#callback a:active { background-color: #A7C539; line-height: 47px; padding: 0 70px 0 10px }
#landing-wrap { background: none }
#promote-txt strong { font-size: 1.5em }
#promote-subtxt { width: 100%; margin: 0 0 20px!important }
.pointer-header span { margin: 0 12px 0 20px }
.pointer h3,
.three li,
p.more-category a { width: 100%; }
#latest .one h3 { font-size: 28px }
#latest .one h4 { font-size: 16px }
#latest .one p { font-size: 14px }
#latest .three li { width: 100% }
#latest .three li li { width: 50% }
.blog-text { float: left; width: 60% }
.blog-img { float: right; width: 36% }
#latest li:nth-of-type(2n) li,
#latest li:nth-of-type(2n+1) .blog-text { float: right }
#latest li:nth-of-type(2n+1) .blog-img { float: left }
.landing-page #promote { max-width: 50% }
#latest img { margin-bottom: 20px }
h1#landing-title { margin-top: 10px; font-size: 32px; display: inline-block; width: 100%; }
h1#landing-title span { font-size: 32px; display: inline; }
h1#landing-title strong { font-size: 32px; display: inline; line-height: normal; }
.hgroup img { height: 80px; width: 80px }
.animated { margin-top: 20px }
.deeper ul a { text-align: left!important; overflow: hidden!important }
.menu ul li a:hover { text-align: left; width: 100%!important }
.menu>ul>li:hover>ul { /*display: block; background: #713F98; position: fixed!important*/ }
.deeper >ul>li>a { font-size: 10px!important }
.deeper >ul>li>a:hover { width: 100%!important }
.deeper >ul>li>a:active { font-size: 10px; background: #A6C73C; color: #FFF; padding: 11px 13px 7px }
.products header h3,
.products header h4 { font-size: 22px; width: 100%; }
.list.three.products.cream.insurance_type li ul li { width: 50%; float: none; }
}

@media only screen and (max-width:860px) {
#landing-wrap.qq-landing-drop { padding-bottom: 0px !important; }
.qq-homepage.qq-landing { float: none; text-align: center }
.qq-homepage.qq-landing .qq { text-align: left }
.qq-landing-panel { margin-left: auto; margin-right: auto!important; width: 370px; margin-bottom: 20px; }
#landing .qq-landing-panel { margin-left: auto; margin-right: auto!important; width: 370px; margin-bottom: 80px; max-width: 100%; }
.qq-small .err-msg { left: auto; position: relative; width: 100%; top: 20px; margin-bottom: 20px }
#promote.qq-landing-promote { height: auto!important }
.menu { border-radius: 4px; margin: 0 0 20px; padding: 0; text-align: left; width: 100% }
#social p.take-it { font-size: 35px }
.qq-homepage { display: none; float: none; margin: auto auto 0!important }
.qq-homepage.qq-landing { display: block }
.ladning_form_hide_mob { display: none !important; }
#promote,
.landing-page #promote { height: auto; max-width: 100%; width: auto }
#promote-txt { line-height: 1.1em; margin: 0 }
#promote-txt span,
#promote-txt strong { display: inline; font-size: 30px }
#landing-wrap { margin: 0; padding: 0 0 34px }
#promote { margin: 0 }
.main,
.page hgroup,
.quote-content,
.sidebar { float: none; width: auto }
.get-quote a.btn,
.qq-landing a.btn { display: inline-block }
.get-quote-top span { background: none }
#menu-sub-ul .product-icon { background-image: none; font-size: 22px; height: auto; padding: 0 20px }
#cartell-container span { display: inline }
#quote-form,
#quote-sidebar { float: none; width: auto }
#quote-sidebar { display: none }
.quote-wrap { min-height: 300px }
.get-quote-btm { border-bottom-left-radius: 0; border-bottom-right-radius: 0 }
#promote,
.landing-page #promote { margin-top: 20px; text-align: left; }
#promote-subtxt { text-align: left; }
}

@media only screen and (max-width:720px) {
#promote,
.landing-page #promote { margin-top: 0px; }
h1#landing-title { margin-top: 10px!important }
.menu ul li a:hover { text-align: center; padding-left: 0!important; width: 100%!important }
#promote-subtxt { height: 130px }
.four li { width: 50% }
.pointer-header h3 span { font-size: 18px; padding: 8px 2px 6px 0 }
#contact li { display: block; margin: 0 0 20px }
#contact p { font-size: 14px }
#head,
#landing #head { padding: 0 20px; padding-top: 30px !important; }
.main { margin: 0 }
.content { border-top: medium none }
#sell { border-bottom-left-radius: 0; border-bottom-right-radius: 0 }
#latest img { margin-bottom: 10px }
.qq-large .qq-details { height: 100%; padding: 0; width: 100% }
.touch .qq-details li select,
.touch .qq-details li select#car_id { width: 100%!important }
.qq-details li label,
.qq-details li select,
.qq-details li select#car_id { display: block; float: none }
.qq-details li { margin-bottom: 20px }
#promote-txt { line-height: .8em; margin: 0 }
#promote-txt span,
#promote-txt strong { line-height: 1.1em }
.five li { width: 33.33% }
#promote-txt span,
#promote-txt strong { display: inline; font-size: 22px }
#logo { float: none; height: 140px; position: absolute; top: 0; width: 220px; z-index: 1000 }
#logo a { margin: 0; position: relative; }
#nav-mobile-btn { display: block; margin: 0 0 38px; padding-bottom: 10px; }
#nav-mobile-btn span { cursor: pointer; background-color: #713F98; background-image: url(../images/menu.png); background-position: 70px -29px; background-repeat: no-repeat; border-bottom: 1px solid #713F98; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-left: 1px solid #713F98; border-right: 1px solid #713F98; color: #F2F1E6; display: block; float: right; padding: 9px 15px; position: relative; text-align: left; text-transform: uppercase; width: 80px; top: -35px; right: 0px; }
.pulled #nav-mobile-btn span { background-color: #F2F1E6; background-position: 70px 4px; border-bottom: 1px solid #FFF; border-left: 1px solid #FFF; border-right: 1px solid #FFF; color: #4A2783 }
#nav-mobile { display: none; height: auto; padding: 10px 0 0 }
.menu { border-radius: 4px; margin: 0 0 20px; padding: 0; text-align: left; width: 100% }
.menu a { border-bottom: 1px solid #4A2783 }
.menu a:hover { background-color: #A7C539 }
.menu a:active { border-bottom: 1px solid #4A2783 }
.menu li:nth-of-type(2n+1) a { border-right: 1px solid #4A2783 }
#pagination a { border: none }
#nav { float: none; position: static }
#nav ul { padding: 0 }
#nav li { width: 50% }
#nav a { font-size: 18px; padding: 9px }
#nav a:active { padding: 11px 12px 9px }
#breadcrumbs,
#breadcrumbs a,
#breadcrumbs li,
#breadcrumbs span,
#breadcrumbs ul { display: block; width: 100%; }
#breadcrumbs { display: none }
#breadcrumbs li { margin: 0 }
#breadcrumbs li li { margin-left: 10px }
#breadcrumbs { background: none }
#breadcrumbs img { margin-right: 10px }
#breadcrumbs li a.index { text-align: right; width: 100%; }
#breadcrumbs li a.index:before { content: "Home"; height: 34px; left: 0; position: absolute; top: 0 }
#breadcrumbs .current span,
#breadcrumbs a.index,
#breadcrumbs li li a { border-radius: 4px }
#breadcrumbs li a,
#breadcrumbs li a:hover,
#breadcrumbs li li a:hover { background: #713F98 }
#breadcrumbs li a:active,
#breadcrumbs li li a:active { background: #A7C539 }
#breadcrumbs li li { border-top: 5px solid #4A2783; margin-left: 0px; }
#breadcrumbs .current span,
#breadcrumbs li a,
#breadcrumbs li a.index:before,
#breadcrumbs li li a,
#breadcrumbs li li a:hover { padding: 9px 55px 9px 10px }
#breadcrumbs li a.index:active:before,
#breadcrumbs li li a:active { padding: 10px 55px 8px 10px }
#breadcrumbs li a.index:after,
/*#breadcrumbs li a:after { background-image: url(../images/breadcrumbs.png); background-position: 0 0; bottom: -16px; display: block; height: 16px; overflow: visible; right: 0; top: auto; width: 56px; z-index: 2 }*/
#breadcrumbs .current span:before,
#breadcrumbs li li a:before { display: none }
#callback a { font-size: 20px }
#callback a:hover { background-color: #713F98 }
#callback a:active { background-color: #A7C539 }
#call-block { height: auto; min-height: 130px }
#nav-tel { float: none; margin: 0; width: 100% }
#click-to-call { display: block; height: auto; margin-bottom: 10px }
#click-to-call a.call-us { background-color: #A7C539; background-image: url(../images/call.png); background-position: right 0; background-repeat: no-repeat; border-radius: 4px; color: #FFF; display: inline-block; font-size: 30px !important; height: 40px; line-height: 44px; padding: 0 75px 0 20px; position: relative }
#click-to-call a.call-us:hover,
#click-to-call span { color: #FFF }
#click-to-call a.call-us:active { line-height: 46px }
#topbar { height: auto; line-height: normal; margin-bottom: 20px; position: static; text-align: left }
#topbar li,
#topbar ul { display: block; float: none; height: auto; line-height: normal; position: static }
#topbar a { display: block; position: static }
#cookies { margin-top: 10px }
#cookies a { color: #F2F1E6; font-size: 11px }
#call-block { text-align: right }
#content section { text-align: center }
#content .content-txt,
#content img { float: none; width: auto }
#content img { margin-bottom: 15px }
.submenu1 { display: none!important }
#callbackB a { padding: 8px 10px !important; }
.list p { text-align: left; }
}

@media only screen and (max-width:640px) {
h1 { font-size: 34px }
h2 { font-size: 20px }
#results { position: static; width: auto }
#cartell-container span { display: block }
#content h2 { font-size: 28px }
#subscribe img { width: 55px; }
}

@media only screen and (max-width:580px) {
#latest li:nth-of-type(2n) li { float: none }
#tabs,
.qq-car-icon,
.qq-home-icon { display: none }
.btn,
.get-quote a.btn,
.qq-landing a.btn,
a.btn,
a.input.btn-large,
input.btn-large { font-size: 16px }
input.qq-cartel-find { float: none; margin: 0 auto; max-width: 200px; width: 100% }
#car_registration { float: none; margin: 0 auto 10px; width: 90% }
#quick-quote { top: 0 }
.pointer h3,
.three li,
p.more-category a { width: 100% }
.get-quote span { padding: 10px }
.product-icon { background-position: -4px -4px; background-size: 88px 160px }
.content { padding: 10px 10px 0 }
.three article { padding: 15px }
#latest h4,
#latest h5 { text-align: left; }
#callback a,
#click-to-call a.call-us { padding: 0 60px 0 10px; position: relative }
#callback a { font-size: inherit }
#landing .list { padding: 20px 0 0 }
.page { padding: 0 }
.top { margin: 0 0 10px }
#head,
#landing #head { padding: 0 10px }
.pointer-header h3 span { margin: 0 }
p.more-category span { margin: 1px 0 0px }
#contact ul,
.logo { float: none; max-width: 100% }
.pad { padding: 10px }
.list p { margin: 0 0 10px }
.pointer-header h3 { width: auto }
.pointer-header span { border-radius: 0; margin: 0; width: 100%; }
.down-arrow { background-position: 50% bottom; left: 0; width: 100% }
.latest-content,
.one img { float: none; width: auto }
#latest .list li,
#latest .one { text-align: center }
#latest li:nth-of-type(2n+1) .blog-img,
#latest li:nth-of-type(2n+1) .blog-text,
.blog-img,
.blog-text,
.one .blog-img,
.one .blog-text { float: none; width: auto }
.five li { width: 50% }
.container { padding: 0 }
#contact { padding: 10px }
#nav-mobile-btn { margin: 0 0 11px }
#logo a { margin: -2px 0 0 -2px; position: relative }
#logo { width: 170px }
#call-block { min-height: 100px }
}

@media only screen and (max-width:460px) {
.min52 { min-height: 0 }
.four li { width: 100% }
#click-to-call a.call-us { display: block; text-align: center }
#logo a { margin: -2px 0 0 -2px; position: relative }
#logo { width: 120px }
#nav-mobile-btn { margin: 0 0 47px }
#click-to-call { margin-bottom: 15px }
.half-left,
.half-right { clear: both; float: none; width: auto }
.caller-telephone { margin-top: 40px; }
#subscribe img { width: 40px; }
.list.three.products.cream.insurance_type li ul li { width: 50%; float: none; }
}

@media only screen and (max-width:400px) {
.qq-landing-panel { margin-left: auto; margin-right: auto; width: auto }
.content-txt { float: none; width: auto; text-align: center }
#h2-ajax { font-size: 26px!important; margin-top: 15px; margin-bottom: 10px }
#footerbutton { margin-left: auto; margin-right: auto }
#nav li { width: 100%; border-right: medium none }
#home_property_type_chzn { width: 228px!important }
.landing-img { min-width: 100%!important; max-width: 100%!important }
#quote,
.qq-homepage.qq-landing { width: auto }
.qq-landing legend span { font-size: 16px }
.qq-landing .qq-car .qq-body:before { left: 110px!important }
.qq-landing .qq-home .qq-body:before { left: 44%!important }
}

@media only screen and (max-width:339px) {
.products article header span { font-size: 32px; }
.products header a { font-size: 22px; }
}

@media only screen and (max-width:320px) {
#nav li,
.five li { width: 100% }
#nav li { border-right: medium none }
#click-to-call a.call-us { font-size: 26px }
}

@media only screen and (max-width:280px) {
#click-to-call a.call-us { font-size: 20px }
.list ul li { margin-bottom: 10px; width: 100% }
#nav a { font-size: inherit }
#nav li { width: 100%; border-right: medium none }
#callback a { height: 39px; line-height: normal; padding: 5px 60px 0 10px }
}
.qq-landing { float: right }
.qq-landing legend span { width: 100%; background-image: none; border-top-right-radius: 4px }
.qq-landing .qq-car .qq-body:before,
.qq-landing .qq-home .qq-body:before { left: 160px }
.qq-landing .qq-home legend span { left: 0 }
#landing-description { width: 60% }
h1#landing-title { margin-top: 0; margin-bottom: 15px; }
.qq-homepage.qq-landing .qq { position: relative; min-height: 424px }
/*#landing-wrap.qq-landing-drop { padding-bottom: 45px }*/
#landing-wrap.qq-landing-drop-car { padding-bottom: 20px }
.customer-care-box { font-family: 'ChunkFive Roman', Arial, Helvetica, sans-serif; font-size: 230%; text-align: center; color: #fff; line-height: 95.65%; padding-bottom: 2px; padding-top: 1px; left: 0; position: absolute; top: 6px; margin-bottom: 0; width: 375px }
.pointer-header2 { margin: 0; position: relative; z-index: auto }
.pointer-header2 h3 { color: #FFF; line-height: normal; text-align: left; text-transform: uppercase; min-width: 321px!important }
.pointer-header2 h3 span { background-color: #A7C539; border-top-left-radius: 4px; border-top-right-radius: 4px; font-size: 20px; margin: 0; padding: 10px 18px 12px }
#Rectangle_1 { background-color: #F2F1E6; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-color: #FFF; border-style: solid; border-width: 1px; height: 68px; left: 0; position: relative; top: 6px; max-width: 317px; z-index: 3 }
#Rounded_Rectangle_2 { background-color: #713F98; border-radius: 5px; height: 40px; left: 35px; position: relative; top: -50px; width: 250px; max-width: 317px; z-index: 4 }
.CLICK_HERE_FOR_HELP { color: #FFF; font-family: ChunkFiveRegular; font-size: 18px; left: 55.73px; line-height: 3.889; max-width: 300px; min-width: 300px; position: relative; top: -103.37px; z-index: 5 }
.ancor { text-decoration: none; color: #FFF!important }
.CLICK_HERE_FOR_HELP a:hover { color: #A7C539!important }
#nounderline { text-decoration: none!important }
.qq-correct .chzn-container-single .chzn-single,
.qq-correct input.inputbox,
.qq-correct select.chzn-select { background-color: #FFF!important; background-image: none; filter: none }
.qq-business { min-height: 439px!important }
.qq-business .qq-body { min-height: 357px!important }
.qq-homepage.qq-landing .qq-business legend span { background-position: 10px 7px; border-top-left-radius: 4px }
.qq-business-icon { background-position: right -1820px }
.dob .lbl1 { float: right }
.width90 { width: 90% }
.left-third { float: left; width: 30% }
.min52 { min-height: 52px }
.left-third input { padding: 6px 4%; width: 91% }
.right-third { float: right; width: 70%; position: relative }
.full input { padding: 6px 4%; width: 91% }
.full textarea { width: 97%; height: 85px; white-space: normal }
.business-quick-quote { width: 370px; float: right }
#business-quote-sidebar { float: right; width: 100% }
#business-quote-sidebar h3 { background-color: #4A2783; color: #E8E7DF; line-height: 26px; padding: 6px 20px 4px; text-transform: uppercase; border-top-left-radius: 4px; border-top-right-radius: 4px }
.qq-landing .qq-business .qq-body:before { left: 44%!important }
#qq-business .office,
#qq-business .other,
#qq-business .retail,
#qq-business .started { display: none }
#qq-business .active { display: block }
#qq-business .other .subother1,
#qq-business .other .subother2,
#qq-business .other .subother3,
#qq-business .other .subother4,
#qq-business .other .subother5,
#qq-business .other inputs { display: none }
#qq-business .other .active,
#qq-business .other .active inputs { display: block }
.business-quote-text { color: #4A2783; font-size: 26px; line-height: normal; margin-top: 11px; text-align: center }
.business-quote-price { color: #A7C539; font-size: 3em }
.business-quote-refer { font-size: 22px; padding: 20px; margin: 20px; color: #A7C539; width: 87% }
.no-chunk { font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif }
.results-disclaimer { font-size: 11px; color: #666; text-align: center }
.assump-link { text-decoration: underline; color: #4A2783; cursor: pointer }
#assump h4 { margin: 0 20px; padding: 20px 0 10px; border-top: 1px solid #E8E7DF; text-align: center; color: #4A2783 }
#assump p { font-size: 14px; margin: 0 20px 20px }
#assump dl { margin: 0 20px; padding: 0; font-size: 14px }
#assump dt { width: 40%; padding: 5px 0 }
#assump dd { width: 98%; padding: 5px 1%; position: relative; border-radius: 4px; background-color: #F4F4F4 }
dd,
dt { margin: 6px 0; vertical-align: top; zoom: 1; padding: 0 }
#fullquote p { margin: 10px; text-align: center }
.uppercase { text-transform: uppercase; padding-bottom: 7px }
.chzn-drop { width: 99%!important }
.business-cream { background: #F2F1E6 }
.curved-top { border-top-left-radius: 4px; border-top-right-radius: 4px }

@media only screen and (max-width:970px) {
.business-quick-quote { padding-top: 20px; width: auto; float: none }
.mainresults { width: auto!important; float: none!important }
.products.cream li { width: 100%; }
}

@media only screen and (max-width:400px) {
.qq .chzn-container { min-width: 200px }
}

@media only screen and (max-width:460px) {
.bottom20,
.bottom33,
.bottom37,
.bottom5 { padding-bottom: 0!important }
}
.bottom5 { padding-bottom: 5px }
.bottom20 { padding-bottom: 20px }
.bottom33 { padding-bottom: 33px }
.bottom37 { padding-bottom: 37px }
.qq-business .half-left .qq-error lable,
.qq-business .half-right .qq-error lable,
.qq-error1 .qq-error { color: #B94A48 }
.qq-van { float: right; position: relative; width: auto!important }
.qq-van .qq-body { background-color: #F2F1E6; padding: 0; position: relative; z-index: 100 }
.qq-van .qq-body:before { background: url(../images/down-arrow.png) no-repeat; content: ""; display: block; height: 10px; position: absolute; top: -1px; width: 40px; z-index: 10001 }
.submenu1 { padding: 0!important; position: absolute!important }
.submenu1>li { width: 100%!important }
.deeper ul { display: none; width: 220px; text-align: left; overflow: hidden; z-index: 99999; opacity: .9 }
.deeper >ul>li>a { font-size: 12px; white-space: nowrap }
.menu>ul>.deeper:hover>ul { display: block; background: #713F98; position: fixed }
.deeper >ul>li>a:active { background: #A6C73C!important; color: #FFF }

@media only screen and (max-width:400px) {
#life-iframe { height: 800px }
}
.blog-qq-homepage legend { color: #FFF; cursor: pointer; display: block; font-size: 1.4em; height: 35px; line-height: 36px; position: relative; text-transform: uppercase; width: 100% }
.blog-qq-homepage .blog-qq-body { background-color: #fff; border: 1px solid #4a2783; padding: 20px; position: relative; z-index: 100; min-height: 347px }
.blog-qq-homepage .blog-qq-body:before { background: url(../images/down-arrow-purple.png) no-repeat; content: ""; display: block; height: 10px; position: absolute; top: 0; width: 40px; z-index: 10001 }
.blog-qq-homepage legend span { background-color: #4a2783; background-image: url(../images/elements.png); background-repeat: no-repeat; display: block; position: relative; text-align: center }
.blog-qq-landing legend span { width: 100%; background-image: none; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px }
.blog-qq-landing-life legend span { width: 100%; background-image: none }
.blog-qq-landing .qq-car .blog-qq-body:before { left: 160px }
.blog-qq-homepage .blog-qq-car .blog-qq-body:before { left: 75px }
.blog-qq-landing .qq-home .blog-qq-body:before { left: 160px }
.blog-qq-homepage .blog-qq-home .blog-qq-body:before { left: 75px }
.blog-qq-landing .qq-business .blog-qq-body:before { left: 160px }
.blog-qq-homepage .blog-qq-business .blog-qq-body:before { left: 75px }
.blog-qq-details { background-color: #FFF; display: none; height: 90%; left: 0; padding: 5%; position: absolute; top: 0; width: 90% }
.blog-space { padding-bottom: 20px!important }
.blog-qq-van { position: relative; width: auto!important; padding-bottom: 20px }
.blog-qq-van .qq-body { background-color: #F2F1E6; padding: 0; position: relative; z-index: 100 }
.blog-qq-van .blog-qq-body:before { background: url(../images/down-arrow-purple.png) no-repeat; content: ""; display: block; height: 10px; position: absolute; top: 0; width: 40px; z-index: 10001 }
.blog-van-qq-body { background-color: #fff; border: 1px solid #4a2783!important; position: relative; z-index: 100; min-height: 385px }
.blog-life-qq-body { background-color: #fff; border: 1px solid #4a2783!important; width: 100%; height: 100%; position: relative; z-index: 100 }
.blog-qq-life { position: relative; padding-bottom: 20px; outline: #4a2783 solid 1px }
.blog-space .qq-details { background: #fff }
#cookie { left: 0; width: 100%; background: #000; background: rgba(0,0,0,.8); bottom: 0!important; height: 107px!important; position: fixed!important; top: auto!important; z-index: 999999999!important }
.resourceblock { padding-top: 25px }
.resourcesblog { background: #f2f1e6; border: 1px solid #fff; box-shadow: 0 0 4px 0 rgba(0,0,0,.1); margin-bottom: 0; margin-top: 0; overflow: hidden; padding: 20px 30px; text-align: left }
.resourcesblog ul { margin: 0 -20px; overflow: hidden; padding: 0 10px; text-align: left }
.resourcesblog li { display: inline-block; font-size: 13px; vertical-align: top; white-space: nowrap; width: 24.33% }
.resources { background: #f2f1e6; border: 1px solid #fff; box-shadow: 0 0 4px 0 rgba(0,0,0,.1); margin-bottom: 0; margin-top: 0; overflow: hidden; padding: 20px; text-align: left }
.resources-static { background: #f2f1e6; border: 1px solid #fff; box-shadow: 0 0 4px 0 rgba(0,0,0,.1); margin-bottom: 0; margin-top: 0; overflow: hidden; padding: 20px 20px 0; text-align: left }
.resources-static ul { margin: 0 -20px; overflow: hidden; padding: 0 10px; text-align: left }
.resources-static li { display: inline-block; font-size: 13px; vertical-align: top; white-space: nowrap; width: 15.5% }
.resources ul { margin: 0 -20px; overflow: hidden; padding: 0 10px; text-align: left }
.resources li { display: inline-block; font-size: 13px; vertical-align: top; white-space: nowrap; width: 24.33% }
.footerh2 { font-size: 13px!important }
.footerh2>a { text-decoration: none }
.bottom-padding-and-minus-top { margin-top: -10px; padding-bottom: 20px }
.bottom-padding { padding-bottom: 15px }
.blogh3 { color: #fff; line-height: normal; text-align: center; text-transform: uppercase; width: 53.33%!important }
.blog-van-qq-body>#embedded>iframe { border: 0; padding: 0; width: 360px; margin: 0 auto; text-align: center; max-height: 385px; min-height: 385px; overflow: hidden; scrolling: no }

@media only screen and (max-width:400px) {
.blog-van-qq-body>#embedded>iframe { min-width: 300px; width: 100%; min-height: 600px; margin: auto!important }
}

@media only screen and (max-width:1100px) {
.resourceblock { display: none!important }
}
/*Retrieve Quote*/
.btn-retrievequote { background: #4A2783; color: #ffffff !important; border: none; font-weight: 600; border: 1px solid #E8E7DF; border: none; -webkit-border-radius: 4px; border-radius: 4px; display: block; font-size: 14px; padding: 10px 2px; position: relative; text-align: center; }
.btn-retrievequote:hover { color: #ffffff; }
.missing-page { background-image: url('../images/background/404-image.png')!important; background-repeat: no-repeat!important; background-position: 88% -2px!important; }
.maintainence-page { background-image: url('../images/background/maintenance.png')!important; background-repeat: no-repeat!important; background-position: 88% -2px!important; }
#sitemapButton { margin-top: 10px }
#sitemapButton a { color: #F2F1E6; font-size: 13px }
.hide-this { display: none !important; }
.mainh1 { color: rgb(242, 241, 230)!important; display: block!important; /*    height: 33px!important;
*/ text-rendering: optimizelegibility!important; text-transform: uppercase!important; width: 595.84375px!important; perspective-origin: 297.921875px 16.5px!important; transform-origin: 297.921875px 16.5px!important; border: 0px none rgb(242, 241, 230)!important; font: normal normal normal normal 28px/33.5999984741211px!important ChunkFiveRegular, serif;
outline: rgb(242, 241, 230) none 0px!important; max-width: 100%; }
.STRONG_1 { color: rgb(167, 197, 57)!important; display: block!important; text-rendering: optimizelegibility!important; text-transform: uppercase!important; border: 0px none rgb(167, 197, 57)!important; font: normal normal normal normal 50px/50.4000015258789px!important ChunkFiveRegular, serif;
outline: rgb(167, 197, 57) none 0px!important; }/*#STRONG_1*/
.SPAN_2 { color: rgb(167, 197, 57)!important; display: block!important; height: 50px!important; text-rendering: optimizelegibility!important; text-transform: uppercase!important; width: 595.84375px!important perspective-origin: 297.921875px 25px!important;
transform-origin: 297.921875px 25px!important; border: 0px none rgb(167, 197, 57)!important; font: normal normal normal normal 50px/50.4000015258789px!important ChunkFiveRegular, serif;
outline: rgb(167, 197, 57) none 0px!important; display: inline!important; }
/*#SPAN_2*/

/*.homepromote {

	margin-top: 146px!important;

}
*/


#P_1 { color: rgb(242, 241, 230); height: 110px; width: 297.921875px; perspective-origin: 148.953125px 55px; transform-origin: 148.953125px 55px; border: 0px none rgb(242, 241, 230); font: normal normal normal normal 16px/22.3999996185303px sans-serif; margin: 0px 0px 20px; outline: rgb(242, 241, 230) none 0px; }/*#P_1*/
#STRONG_2 { color: rgb(167, 197, 57); border: 0px none rgb(167, 197, 57); font: normal normal bold normal 16px/22.3999996185303px sans-serif; outline: rgb(167, 197, 57) none 0px; }/*#STRONG_2*/
#A_3 { color: rgb(167, 197, 57); text-decoration: none; border: 0px none rgb(167, 197, 57); font: normal normal bold normal 16px/22.3999996185303px sans-serif; outline: rgb(167, 197, 57) none 0px; }/*#A_3*/
#promote-subtxt > a:nth-child(1) { color: rgb(167, 197, 57)!important; }
#promote-subtxt > a:nth-child(2) { color: rgb(167, 197, 57)!important; }
.h3Style { color: rgb(255, 255, 255); height: 41px; text-align: center; text-rendering: optimizelegibility; text-transform: uppercase; /*   width: 339.953125px;*/ perspective-origin: 169.96875px 20.5px; transform-origin: 169.96875px 20.5px; border: 0px none rgb(255, 255, 255); font: normal normal normal normal 18.7199993133545px/normal ChunkFiveRegular, serif; margin: 0px; outline: rgb(255, 255, 255) none 0px; }/*#H3_1*/
.SPANh3Style { color: rgb(255, 255, 255); display: block; height: 23px; text-align: center; text-rendering: optimizelegibility; text-transform: uppercase; width: 360px; perspective-origin: 159.96875px 20.5px; transform-origin: 159.96875px 20.5px; background: rgb(167, 197, 57) none repeat scroll 0% 0% / auto padding-box border-box; border: 0px none rgb(255, 255, 255); border-radius: 4px 4px 0 0; font: normal normal normal normal 22px/normal ChunkFiveRegular, serif; margin: 0px 10px; outline: rgb(255, 255, 255) none 0px; padding: 10px 2px 8px 0px; }/*#SPAN_2*/
.secondarticle { background: #FFF!important; border: none!important; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.secondarticle > p { color: #222; margin-bottom: 0px; }
.articles { margin-bottom: 20px!important;/* border: 1px solid #E8E7DF;*/ }
.carousel { position: relative }
.carousel-inner { position: relative; width: 100%; overflow: hidden }
.carousel-inner>.item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left }
.carousel-inner>.item>a>img,
.carousel-inner>.item>img { line-height: 1 }

@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner>.item { -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000 }
.carousel-inner>.item.active.right,
.carousel-inner>.item.next { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }
.carousel-inner>.item.active.left,
.carousel-inner>.item.prev { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) }
.carousel-inner>.item.active,
.carousel-inner>.item.next.left,
.carousel-inner>.item.prev.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev { display: block }
.carousel-inner>.active { left: 0 }
.carousel-inner>.next,
.carousel-inner>.prev { position: absolute; top: 0; width: 100% }
.carousel-inner>.next { left: 100% }
.carousel-inner>.prev { left: -100% }
.carousel-inner>.next.left,
.carousel-inner>.prev.right { left: 0 }
.carousel-inner>.active.left { left: -100% }
.carousel-inner>.active.right { left: 100% }
.carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6); filter: alpha(opacity=50); opacity: .5 }
.carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0,0,0,.5) 0, rgba(0,0,0,.0001) 100%); background-image: -o-linear-gradient(left, rgba(0,0,0,.5) 0, rgba(0,0,0,.0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,.0001))); background-image: linear-gradient(to right, rgba(0,0,0,.5) 0, rgba(0,0,0,.0001) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
background-repeat: repeat-x }
.carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient(left, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%); background-image: -o-linear-gradient(left, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.0001)), to(rgba(0,0,0,.5))); background-image: linear-gradient(to right, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
background-repeat: repeat-x }
.carousel-control:focus,
.carousel-control:hover { color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: .9 }
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev { position: absolute; top: 50%; z-index: 5; display: inline-block }
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev { left: 50%; margin-left: -10px }
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next { right: 50%; margin-right: -10px }
.carousel-control .icon-next,
.carousel-control .icon-prev { width: 20px; height: 20px; margin-top: -10px; font-family: serif; line-height: 1 }
.carousel-control .icon-prev:before { content: '\2039' }
.carousel-control .icon-next:before { content: '\203a' }
.carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none }
.carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0,0,0,0); border: 1px solid #fff; border-radius: 10px }
.carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff }
.carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6) }
.carousel-caption .btn { text-shadow: none }
.baby_daddy_small_screen { display: none; }
/*cookie popup start*/
.cookie_popup { display: none; }

@media screen and (min-width:768px) {
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev { width: 30px; height: 30px; margin-top: -15px; font-size: 30px }
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev { margin-left: -15px }
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next { margin-right: -15px }
.carousel-caption { right: 20%; left: 20%; padding-bottom: 30px }
.carousel-indicators { bottom: 20px }
}

@media only screen and (max-width:1000px) {
.hgroup { max-width: 301px!important; }
.abt_company li { width: 50%; }
}

@media only screen and (max-width:875px) {
.missing-page { background-image: none!important; }
.mainh1 { height: 88px!important; }
#landing-wrap { min-height: 153px; }
#click-to-call a { font-size: 55px; }
}

@media only screen and (max-width:720px) {
.missing-page { background-image: none!important; }
.mainh1 { height: 135px!important; }
#promote-subtxt { height: auto!important; padding-bottom: 20px; }
#promote-txt { height: auto!important; }
.content-txt > p { text-align: left; }
#content footer .btn { margin: 0 auto; display: block; }
/*.content-txt > p { text-align: justify; text-justify: inter-word; }
#myCarousel > div > div:nth-child(1) > li:nth-child(3)
 {
 	display: none!important;
 }
#myCarousel > div > div:nth-child(1) > li:nth-child(5)
 {
 	display: none!important;
 }*/

}

@media only screen and (max-width:500px) {
#landing-wrap { min-height: 204px; }
}

@media only screen and (max-width:420px) {
.qframe-height { height: 2300px !important; }
}

/*Iphone 5 specific css*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
input.btn-large { font-size: 100% !important; }
}
#contact .logo { margin: 15px 0; float: right; width: auto; }
.aoife { background: rgba(0, 0, 0, 0) url("../images/Baby hush_banner.jpeg") no-repeat scroll 50% bottom; }
@font-face { font-family: 'ChunkFive'; src: url('../fonts/ChunkFive.eot'); src: url('../fonts/ChunkFive.eot?#iefix') format('embedded-opentype'), url('../fonts/ChunkFive.woff2') format('woff2'), url('../fonts/ChunkFive.woff') format('woff'), url('../fonts/ChunkFive.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ChunkFive Print'; src: url('../fonts/ChunkFivePrint.eot'); src: url('../fonts/ChunkFivePrint.eot?#iefix') format('embedded-opentype'), url('../fonts/ChunkFivePrint.woff2') format('woff2'), url('../fonts/ChunkFivePrint.woff') format('woff'), url('../fonts/ChunkFivePrint.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ChunkFive Print'; src: url('../fonts/ChunkFivePrint_1.eot'); src: url('../fonts/ChunkFivePrint_1.eot?#iefix') format('embedded-opentype'), url('../fonts/ChunkFivePrint_1.woff2') format('woff2'), url('../fonts/ChunkFivePrint_1.woff') format('woff'), url('../fonts/ChunkFivePrint_1.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ChunkFive'; src: url('../fonts/ChunkFive_1.eot'); src: url('../fonts/ChunkFive_1.eot?#iefix') format('embedded-opentype'), url('../fonts/ChunkFive_1.woff2') format('woff2'), url('../fonts/ChunkFive_1.woff') format('woff'), url('../fonts/ChunkFive_1.ttf') format('truetype'); font-weight: normal; font-style: normal; }

@media only screen and (max-width:1023px) {
#logo img { width: 80%; margin-top: 10px; }
}

@media only screen and (max-width:767px) {
.nqwgt.nqwgt-ZGsP-quoter_request .nq_widget_width,
.nqwgt.nqwgt-ZGsP-quoter_request.nq_widget_width { max-width: 100%; }
.pointer h3,
.three li,
p.more-category a { width: 100%; text-align: left; }
.sidebar { margin-bottom: 10px; }
#logo img { width: 66%; }
#click-to-call a { font-size: 26px !important; }
.products.cream.insurance_type li { width: 100%; }
.baby_daddy_large_screen { display: none; }
.baby_daddy_small_screen { display: block; margin: 0px auto; }

.cookie_popup { background: #6b378d; color: #fff; padding: 30px; position: fixed; bottom: 0px; left: 0px; right: 0px; z-index: 999; display: none; }
.cookie_popup .heading { font-weight: bold; }
.cookie_popup .heading { margin-bottom: 15px; font-size: 20px; }
.cookie_popup .detail { margin-bottom: 15px; }
.cookie_popup a.cookie_close_btn { border: solid 2px #fff; padding: 10px 40px; color: #fff; text-decoration: none; display: inline-block; }
}

@media only screen and (max-width:639px) {
.nqwgt.nqwgt-Q4WT-quoter_request .nq_widget_width,
.nqwgt.nqwgt-Q4WT-quoter_request.nq_widget_width { width: 100% !important; }
#social li { margin: 0; }
#logo { width: 30%; }
#click-to-call a { font-size: 24px !important; }
.list.three.products.cream li ul li { width: 38%; float: right; }
}

@media only screen and (max-width:479px) {
.SPANh3Style { font: 18px ChunkFiveRegular, serif; }
.rrssb-buttons li a { font-size: 0px !important; }
#click-to-call a { font-size: 22px !important; }
#logo { width: 132px; }
.list.three.products.cream li ul li { width: 50%; float: none; }
}

@media only screen and (max-width:375px) {
#click-to-call a.call-us { font-size: 24px !important; }
}

@media only screen and (max-width:359px) {
#click-to-call a { font-size: 18px !important; }
}

@media only screen and (min-width:721px) {
#breadcrumbs { display: none !important; }
}
#head { padding-top: 30px; }
#logo a,
.logo { margin-left: 0; }
.cf { margin-bottom: 10px; }
#nav ul li { float: left; }
#nav ul li a.active { background: #a7c539; padding: 10px 13px 8px; color: #fff; }
.nqwgt.nqwgt-Q4WT-quoter_request .nq_widget_width,
.nqwgt.nqwgt-Q4WT-quoter_request.nq_widget_width { width: 100% !important; }
h1#landing-title span { display: inline-block; font-size: 25px; }
h1#landing-title strong { line-height: 30px; font-size: 25px; }
.nqwgt.nqwgt-Q4WT-quoter_request .nq_background_color,
.nqwgt.nqwgt-Q4WT-quoter_request.nq_background_color { background-color: #f2f1e6 !important; }
.nqwgt.nqwgt-Q4WT-quoter_request .nq_button_text_color,
.nqwgt.nqwgt-Q4WT-quoter_request.nq_button_text_color { background: #713f98 none repeat scroll 0 0 !important; color: #fff !important; }
.nqwgt.nqwgt-Q4WT-quoter_request .nq_headline_bg_color,
.nqwgt.nqwgt-Q4WT-quoter_request.nq_headline_bg_color { background-color: #a7c539 !important; padding: 5px; }
.nqwgt-Q4WT-quoter_request label { font-weight: bold; }
.nqwgt.nqwgt-Q4WT-quoter_request .nq_button_text_color,
.nqwgt.nqwgt-Q4WT-quoter_request.nq_button_text_color { width: 100%; }
.nqwgt-Q4WT-quoter_request select,
.nqwgt-Q4WT-quoter_request input { background-clip: padding-box; background-color: #ffffff; background-image: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); border: 1px solid #aaaaaa; border-radius: 3px; box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1); display: inline-block; font-weight: 700; line-height: 27px; overflow: hidden; padding: 0 0 0 8px; position: relative; text-decoration: none; white-space: nowrap; }
#life-insurance #landing-wrap { padding-bottom: 45px; }
.aoife { background: rgba(0, 0, 0, 0) url("../images/dreadlock-man.png") no-repeat scroll 50% bottom; }
#life-insurance #landing-wrap { padding-bottom: 70px; }