@charset "utf-8";
/* Genral 
========================================================================================*/
.Q2page .alingLeft { float:left}
.Q2page .alingRight { float:right}
.Q2page :focus { outline:none;}
.Q2page img { vertical-align:top; max-width:100% }
.Q2page p { margin-bottom: 21px; }
/* END Genral 
========================================================================================*/
/* Font  
========================================================================================*/
@font-face {
	font-family: 'Conv_Chubb Publico Text-Roman';
	src: url('/_global-assets/fonts/chubb-publico-text-roman.eot');
	src: url('/_global-assets/fonts/chubb-publico-text-roman.woff') format('woff'), 
       url('/_global-assets/fonts/chubb-publico-text-roman.ttf') format('truetype'), 
       url('/_global-assets/fonts/chubb-publico-text-roman.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*body { -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; font: normal normal normal 14px/18px 'Conv_Chubb Publico Text-Roman' , sans-serif; color: #4b4e53; }*/
/* End Font  
========================================================================================*/
/* Branding  
========================================================================================*/
/*body { background-color: #FFF; position: relative; }
header, nav, section, footer { display:block; }
.container { width: 1200px; }
.container-fluid { width: 1100px; padding: 0; }
.container-fluid.pagewidth, .container.pagewidth { width: 1024px; padding-left: 38px; padding-right: 38px; margin-left: auto; margin-right: auto; }
.navbar { background-color: #150f96; border: none; border-radius: 0; margin-bottom: 0; }
.topNav { background-color: #0e0a63; font-size: 13px; text-align: right; }
.topNav ul { margin-bottom: 0; }
.topNav ul li { color: #fff; display: inline-block; margin: 0 7px; }
.topNav ul li.divider { margin: 0; }
.topNav ul li a { color: #c5c5c5; display: inline-block; padding: 10px 0 8px; }
.navbar-container { padding: 24px 0 15px; }
*/
.navbar > .container .navbar-brand { margin-left: 0; margin-top: 12px; }
.navbar-brand { background:url('/_global-assets/images/brand-logo.png') no-repeat 0 0; width:144px; height:17px; display:block; text-indent:-99999px; overflow:hidden; }
/*
.navbar-inverse .navbar-nav { font-size: 16px; line-height: 22px; width: 80%; justify-content: flex-end; 
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex; 
}
.navbar-inverse .navbar-nav > li { color: #fff; vertical-align: middle; line-height: 50px; margin-left: 9px; margin-right: 9px; display: inline-flex; align-items: center; }
.navbar-inverse .navbar-nav > li > a { color: #fff; display: inline-block; padding-top: 0; padding-bottom: 0; }
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus { background-color: transparent; }
.navbar-inverse .navbar-nav > li.divider { font-size: 0; position: relative; }
.navbar-inverse .navbar-nav > li.divider:before { content: ''; display: inline-block; background-color: rgba(255,255,255,0.3); width: 1px; height: 28px; position: absolute; top: 50%; margin-top: -14px; }
.navbar-inverse .navbar-nav > li.search { font-size: 18px; margin-left: 24px; }
.navbar-right { float: right; }
.navbar-toggler { display: none; float: right; margin-top: 10px; margin-right: 10px; padding: 0; background-color: transparent; border: none; font-size: 0; background: url('/_global-assets/images/menu.png') no-repeat 0 0; width: 22px; height: 17px; }
.navbar-collapse { -webkit-box-shadow:none; box-shadow: none; }
*/
.banner-footer .navbar-brand { display: none; }
#bannerNav { z-index: 100;}
#bannerNav.fixedTop { background: #4a4d52; position: fixed; top: 0; left: 0; right: 0; bottom: auto; padding: 15px 0 12px; z-index: 999999; }
#bannerNav.fixedTop .navbar-brand { margin-top: 16px; display: block; }
#bannerNav.fixedTop .buttonLink { width: auto; float: none; display: inline-block; padding:11px 30px 10px; min-width: 25%; margin-left: 20px; border-width: 1px; }
#bannerNav.fixedTop .buttonLink h3 { margin-bottom: 0; font-size: 23px; line-height: 28px; }
#bannerNav.fixedTop .buttonLink h3 span { display: none; }
#bannerNav.fixedTop .buttonLink h3:before { display: none; }
#bannerNav.fixedTop .buttonGroup { text-align: right; display: block; }*/
/* END Branding  
========================================================================================
/* HEADING   
========================================================================================*/
.Q2page h1 { font-size: 60px; color: #fff; line-height: 70px; margin-top: 0; }
.Q2page h2 { font-size: 50px; color: #4b4e53; line-height: 60px; margin-top: 0; margin-bottom: 42px; }
.Q2page h3 { font-size: 30px; color: #4b4e53; line-height: 40px; margin-top: 0; margin-bottom: 22px; }
.Q2page h4 { font-size: 20px; color: #4b4e53; line-height: 30px; margin-top: 0; }
#banner h1 { font-size: 54px; line-height: 54px; }
#banner.homeBanner h1 { font-size: 80px; color: #fff; line-height: 90px; text-transform: uppercase; letter-spacing: 2px; border-bottom: solid 4px #ffb616; padding-bottom: 30px; }
.Q2page h2 span { font-size: 30px; line-height: 36px; display: block; }
.Q2page h2.title span { font-size: 24px; line-height: 30px; padding-top: 24px; }
.Q2page .headingH2 { font-size: 36px; line-height: 42px; margin-bottom: 24px; }
.Q2page h3.title { font-size: 24px; line-height: 29px; margin-bottom: 22px; }
/* END  HEADING   
========================================================================================*/
/* Links AND Button   
========================================================================================*/
.Q2page a:focus,.Q2page a:hover{ outline:none; text-decoration: none; }
.Q2page .btn { font-size: 20px; color: #4b4e53!important; border: solid 1px #4b4e53; border-radius: 0; margin-right: 4px; padding: 9px 11px; line-height: 100%; height:auto; }
.Q2page .btn:hover, .Q2page .btn:focus { background: #4b4e53; color: #fff!important; opacity:1; }
.Q2page .btn-sm { color: #4b4e53; font-size: 16px; border: solid 1px #4b4e53; line-height: 16px; display: inline-block; padding: 6px 8px 3px 9px; }
.Q2page .btnMedium { padding: 10px 27px 10px 19px; }
.Q2page .btnMedium .fa { margin-left: 11px; } 
.Q2page .btn.btn-lg { padding: 18px 11px 16px; min-width: 125px; text-align: center; margin-right: 17px; border: none; }
.Q2page .btn.btn-lg:hover, .btn.btn-lg:focus { background-color: #01c1d8; }
.Q2page .btn.btn-lg .fa { margin-left: 11px; }
.Q2page .btn-white { color: #ffffff!important; border: solid 1px #ffffff; }
.Q2page .btn-white:hover, .btn-white:focus { background-color: #fff; color: #4b4e53!important; }
.Q2page .btn-hover-orange:hover, .btn-hover-orange:focus { color: #ff6600!important; }
.Q2page .btn-hover-violet:hover, .btn-hover-violet:focus { color: #6d27c5!important; }
.Q2page .btn-hover-yellow:hover, .btn-hover-yellow:focus { color: #ffb616!important; }
.Q2page .btn-hover-pink:hover, .btn-hover-pink:focus { color: #ff0197!important; }
/* Links AND Button   
========================================================================================*/
/* Global - default classes */
.Q2page .center-block { text-align: center; margin: 0; display: block; width: 100%; }
.Q2page .grayBg { background-color: #eeeeee; }
.Q2page .white { color: #fff!important; background:transparent;}
.Q2page .col-center { float: none; margin: 0 auto; }
.Q2page .m-b-40 { margin-bottom: 40px; }
.Q2page .background { 
    background-repeat: no-repeat; 
    background-position: 0 0; 
    -webkit-background-size: cover; 
    background-size: cover;
    background-attachment: fixed !important; 
}
.Q2page .border { border: solid 1px #abaaaa; }
.Q2page .borderTop { border-top: solid 4px #ff6600; }
.Q2page .borderBottom { border-bottom: solid 4px #ff6600; }
.Q2page .borderTop.blueBorder { border-top-color: #140f95; }
.Q2page .borderTop.greenBorder { border-top-color: #79ca00; }
.Q2page .borderTop.violetBorder { border-top-color: #6d27c5; }
.Q2page .borderTop.skyblueBorder { border-top-color: #01c1d5; }
.Q2page .borderTop.pinkBorder { border-top-color: #ff0197; }
.Q2page .borderTop.yellowBorder { border-top-color: #ff8e16; }
.Q2page .borderBottom.blueBorder { border-bottom-color: #140f95; }
.Q2page .borderBottom.greenBorder { border-bottom-color: #79ca00; }
.Q2page .borderBottom.violetBorder { border-bottom-color: #6d27c5; }
.Q2page .borderBottom.lightgreenBorder { border-bottom-color: #01c1d5; }
/* Equal height And Vertical align middle */
.Q2page .row.col-Vcenter, .Q2page .col-Vcenter {  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; flex-direction: row;  -moz-box-align: center;  -webkit-box-align: center; -ms-flex-align: center;  -webkit-flex-align: center; -webkit-align-items: center; align-items: center; }
.Q2page .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; }
/* Icons */
.Q2page .icon { background: url('/_global-assets/images/icons.png') no-repeat 0 0; display: inline-block; vertical-align: middle; overflow: hidden; }
.Q2page .iconDownload { background-position: -385px 0; width: 12px; height: 13px; margin-left: 5px; }
.Q2page .btn:hover .iconDownload, .btn:focus .iconDownload { background-position: -400px 0; }
.Q2page .iconShare { background-position: -385px -16px; width: 12px; height: 13px; margin-left: 5px; }
.Q2page .btn:hover .iconShare, .btn:focus .iconShare { background-position: -400px -16px; }
.Q2page .iconShare.white { background-position: -400px -16px; }
.Q2page .iconPlay { background-position: -385px -32px; width: 12px; height: 13px; margin-left: 5px; }
.Q2page .iconPlay.white, .btn:hover .iconPlay, .btn:focus .iconPlay { background-position: -400px -32px; width: 12px; height: 13px; margin-left: 5px; }
.Q2page .iconCollapse { background-position: -385px -48px; width: 25px; height: 25px; }
.Q2page .closeCollapse[aria-expanded="true"] .iconCollapse { background-position: -413px -48px; width: 19px; height: 19px; }
.Q2page .iconEye { background-position: -435px -48px; width: 18px; height: 12px; }
.Q2page .btn:hover .iconEye, .btn:focus .iconEye { background-position: -456px -48px; }
.Q2page .btn-hover-orange:hover .iconShare, .btn-hover-orange:focus .iconShare { background-position: -415px -16px; }
.Q2page .btn-hover-orange:hover .iconPlay, .btn-hover-orange:focus .iconPlay { background-position: -415px -32px; }
.Q2page .btn-hover-violet:hover .iconShare, .btn-hover-violet:focus .iconShare { background-position: -430px -16px; }
.Q2page .btn-hover-violet:hover .iconPlay, .btn-hover-violet:focus .iconPlay { background-position: -430px -32px; }
.Q2page .btn-hover-yellow:hover .iconShare, .btn-hover-yellow:focus .iconShare { background-position: -445px -16px; }
.Q2page .btn-hover-yellow:hover .iconPlay, .btn-hover-yellow:focus .iconPlay { background-position: -445px -32px; }
.Q2page .btn-hover-pink:hover .iconShare, .btn-hover-pink:focus .iconShare { background-position: -460px -16px; }
.Q2page .btn-hover-pink:hover .iconPlay, .btn-hover-pink:focus .iconPlay { background-position: -460px -32px; }
.Q2page .iconCloseLrg { background-position: -110px 0; width: 33px; height: 33px; position: absolute; top: 30px; right: 28px; -webkit-transform: rotate(180deg); transform: rotate(180deg);  }
.Q2page .iconCloseLrg:hover { -webkit-transform: rotate(0); transform: rotate(0); }
.Q2page .iconConversation { background-position: 0 0; width: 52px; height: 53px; margin: 0 0 12px 0; }
.Q2page .iconConversationOrange { background-position: -55px 0; width: 52px; height: 53px; margin: 0 0 12px 0; }
#banner { background-color: #150f96; position: relative; }
#banner.homeBanner { min-height: 412px; /*height:auto!important;*/ }
 #banner.homeBanner:before { content: ''; display: inline-block; height: 280px; position: absolute; top: 0; left: 0; right: 0; z-index: 3;
 background:-ms-linear-gradient(180deg, rgba(21,15,150,1) 0.00%, rgba(0,0,0,0) 99.89% );
background:-webkit-linear-gradient(180deg, rgba(21,15,150,1) 0.00%, rgba(0,0,0,0) 99.89% );
background:-moz-linear-gradient(180deg, rgba(21,15,150,1) 0.00%, rgba(0,0,0,0) 99.89% );
background:-o-linear-gradient(180deg, rgba(21,15,150,1) 0.00%, rgba(0,0,0,0) 99.89% );
   background:linear-gradient(180deg, rgba(21,15,150,1) 0.00%, rgba(0,0,0,0) 99.89% ); }
.Q2page .banner-column { text-align: center; padding: 60px 0; position: absolute; top: 0; right: 0; bottom: 161px; left: 0; overflow: hidden }
.Q2page .bannerBg { position: absolute; top: 0; bottom: 0; width: 50%; background-repeat: no-repeat; background-position: center; background-size:100%;
    background-attachment: fixed; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; 
}
.Q2page .bannerBgLeft { left: 0; z-index: 2 }  
.Q2page .bannerBgRight { right: 0; width: 100%; }
.Q2page .bannerBgLeft.active { width: 100%; }
.Q2page .bannerBgLeft.activeright { width: 0%; }
.Q2page .banner-footer { background-color: #4a4d52; padding: 22px 0; position: absolute; bottom: 0; left: 0; right: 0; z-index: 999; }
.Q2page .bannerContainer { position: absolute; top: 64px; left: 0; right: 0; z-index: 99999; } 
.Q2page .banner-container { padding: 53px 0 28px; }
.banner-footer.bottom.Q2page { display: none; }
.Q2page .breadcrumb-menu { margin-bottom: 29px; }
.Q2page .breadcrumb-menu a { color: #fff; font-size: 16px; line-height: 22px; }
.Q2page .buttonGroup { margin: 0 -1%; }
.Q2page .buttonLink { width: 48%; float: left; display: block; border: solid 2px #fff; text-align: center; padding: 20px; margin: 0 1%; }
.Q2page .buttonLink h3 { color: #fff; position: relative; margin-bottom: 8px; }
.Q2page .buttonLink h3 span { display: block; font-size: 18px; line-height: 25px; }
.Q2page .buttonLink h3:before { content: "\f078"; display: inline-block; font: normal normal normal 11px/1 FontAwesome; position: absolute; top: 104%; left: 50%; }
.Q2page .buttonLink:hover, .buttonLink:focus { color: #fff; }
.Q2page .buttonLink.homeProtectionLink.active { background-color: #79ca01; border-color: #79ca01; }
.Q2page .buttonLink.travelProtectionLink.active { background-color: #01c2d4; border-color: #01c2d4; }
.Q2page .buttonLink.homeProtectionLink:hover { background-color: #79ca01; border-color: #79ca01; }
.Q2page .buttonLink.travelProtectionLink:hover { background-color: #01c2d4; border-color: #01c2d4; }
.Q2page .protection { height: 262px; min-height: 262px; text-align: center; padding: 30px; background-position: 0 0; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-attachment: fixed; }
.Q2page .protection h1 { margin-bottom: 12px; text-align: center; }
/* Home Protection */
.Q2page .home-protection-intro { padding: 80px 0; text-align: center; }
.Q2page .home-protection-intro h3.title { margin-bottom: 38px; }
.Q2page .circleDataList { text-align: center; margin-bottom: 0; width: 100%; } 
.Q2page .circleDataList li { width: 20%; text-align: center; display: inline-block; margin: 15px -2px 12px; vertical-align: top; }
.Q2page .circleDataList li a h4 { font-size: 18px; line-height: 21px; }
.Q2page .circle { background-color: #fff; display: inline-block; width: 130px; height: 130px; line-height: 130px; border-radius: 100%; text-align: center; margin-bottom: 25px; }
.Q2page .circle { transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.Q2page .circle img { vertical-align: middle; }
.Q2page .circleDataList li a:hover .circle, .circleDataList li a:focus .circle { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
.Q2page .home-securing { margin-bottom: 14px; }
.Q2page .water-shut-off { margin-top: 6px; }
.Q2page .home-check-ins { margin-bottom: 12px; }
.Q2page .tenant-management { margin-top: -13px; }
.Q2page .identity-theft { margin-bottom: 2px; }
.Q2page .sea-travel { margin-bottom: 6px; }
.Q2page .column { padding: 55px 0; }
.Q2page .column h2.main { margin-bottom: 87px; }
.Q2page .grayCol { background-color: #eee; height: 330px; font-size: 18px; line-height: 24px; overflow: hidden }
.Q2page .text-col { text-align: center; padding: 20px 30px; height: 330px; }
.Q2page .text-col h2 { margin-bottom: 0; }
.Q2page h2.textNo { font-size: 40px; color: #7acb00; line-height: 48px; margin-bottom: 4px; }
.Q2page .text-col h2 span { padding-top: 14px; }
.Q2page .text-col h2 span.topSpan { padding-top: 0; }
.Q2page .dont-post-img img { float: left; vertical-align: bottom; margin: 28px 0 0 8%; }
.Q2page .social-media-content .captionData { float: right; width: 170px; margin-right: 47px; line-height: 21px; margin-top: 98px; }
.Q2page .social-media-content .captionData p { margin-bottom: 0; }
.Q2page .waterDamage-content { position: relative; }
.Q2page .waterDamage-content .captionData { width: 180px; float: right; margin: 42px 52px 0 0; position: absolute; top: 0; right: 0; }
.Q2page .waterDamage-content h2.percentage { font-size: 80px; color: #6e27c5; line-height: 72px; }
.Q2page .waterDamage-content h2.percentage span { font-size: 24px; color: #4b4e53; line-height: 28px; }
.Q2page .blockWidth { width: 100%; } 
.Q2page .row-datalist li { margin-top: 45px; }
.Q2page .row-datalist li:first-child { margin-top: 0; }
.Q2page .guide-and-checklist { padding: 80px 0 35px; }
.Q2page .guide-checklist-container { color: #fff; padding:0 20px; }
.Q2page .guide-checklist-container h2.title { margin-bottom: 25px; }
.Q2page .guide-checklist-container h3.title.white { margin-bottom: 24px; margin-bottom: 54px; }
.Q2page .listColumn { background-color: #fff; color: #4b4e53; font-size: 16px; line-height: 19px; padding: 37px 45px 34px 45px; }
.Q2page .listColumn .btn { margin-right: 5px; }
.Q2page .imgLeft { float: left; margin-top: 8px; margin-right: 30px; width: auto!important; }
.Q2page .captionRight { overflow: auto; min-height: 188px; position: relative; padding-bottom: 30px; }
.Q2page .guideDataSlider { display: block; }
.Q2page .guideButtonGroup { position: absolute; bottom: 0; left: 0; }
.Q2page .home-preparation-tips h3 { padding-right: 55px; }
.Q2page .video-module { padding: 60px 0; }
.Q2page .video-module .row-eq-height { margin-bottom:50px; }
.Q2page .video-module .row-eq-height:last-child { margin-bottom:0; }
.Q2page .video-figure { width: 62.8%; float: left; min-height: 424px; position: relative; }
.Q2page .video-figure img { width: 100%;}
/** CHB032-47 *added .btn alongwith videoplayIcon below other lines as well */
.Q2page .videoPlayIcon.btn {background-color: #ff6600;color: #ffffff!important;font-size: 3em;display: inline-block;width: 77px;height: 77px;line-height: 77px;text-align: center;position: absolute;bottom: 0;left: 0;padding: 0;border: none;transition: all 0.2s;-moz-transition: all 0.2s;-webkit-transition: all 0.2s;-o-transition: all 0.2s;}
.Q2page .videoPlayIcon.btn:hover, .videoPlayIcon.btn:focus { background-color: #ffffff; color: #ff6600!important; }
.Q2page .videoPlayIcon.btn .fa { padding: 18px 0 0 7px; display: inline-block }
.Q2page .video-content { width: 37.2%; float: left; background-color: #ff6600; color: #fff; font-size: 18px; min-height: 424px; }
.Q2page .video-container { line-height: 22px; height: 100%; padding: 71px 50px 28px; }
.Q2page .video-container .videocaption { margin-right: 15px; }
.Q2page .video-container .btn { margin-right: 3px; margin-bottom:10px; }
.Q2page .video-container .btn:last-child { margin-right:0; margin-bottom:0; }
.Q2page .video-module2 { padding: 85px 0;}
.Q2page .violetTheme, .pinkTheme { margin-bottom: 40px; }
.Q2page .violetTheme .video-content, .violetTheme .videoPlayIcon.btn { background-color: #6d27c5; }
.Q2page .violetTheme .videoPlayIcon.btn:hover, .violetTheme .videoPlayIcon.btn:focus { background-color: #fff; color: #6d27c5!important; }
.Q2page .yellowTheme .video-content, .yellowTheme .videoPlayIcon.btn { background-color: #ffb616; }
.Q2page .yellowTheme .videoPlayIcon.btn:hover, .yellowTheme .videoPlayIcon.btn:focus { background-color: #fff; color: #ffb616!important; }
.Q2page .pinkTheme .video-content, .pinkTheme .videoPlayIcon.btn { background-color: #ff0197; }
.Q2page .pinkTheme .videoPlayIcon.btn:hover, .pinkTheme .videoPlayIcon.btn:focus { background-color: #fff; color: #ff0197!important; }
.Q2page .resources { padding-top: 70px; padding-bottom: 60px; }
.Q2page .resources-row { padding-top: 110px; background-position: 0 0; background-repeat: no-repeat; background-size: cover  }
.Q2page .resources-col { background-color: #79ca01; color: #fff; padding: 60px; position: relative; min-height: 332px; }
.Q2page .resources-col h2 { margin-right: 25%; }
.Q2page .closeCollapse { background-color: #79ca00; color: #fff; font-size: 20px; line-height:40px; display: block; text-align: right; vertical-align: middle; }
.Q2page .closeIcon { background-color: #140f95; color: #fff; width: 40px; height: 40px; line-height: 40px; display: inline-block; text-align: center; vertical-align: top; margin-left: 10px; }
.Q2page .closeCollapse:hover, .closeCollapse:focus { color: #fff; }
.Q2page .closeCollapse.closeCollapse2 { background-color: #f0362a ; }
.Q2page .resources-col .closeCollapse { background-color: transparent; position: absolute; bottom: 0; right: 0; }
.Q2page .resources-row.orangeTheme {
    background-position: center 0; 
    background-repeat: no-repeat;
} 
.Q2page .orangeTheme .resources-col { background-color: #f0362a; }
.Q2page .closeCollapse.orangeTheme { background-color: #f0352b; }
.Q2page .closeIcon.yellow { background-color: #ffb616; }
.Q2page .closeCollapse[aria-expanded="true"] .expandText { display: none; }
.Q2page .collapseText { display: none; }
.Q2page .closeCollapse[aria-expanded="true"] .collapseText { display: inline-block; }
.Q2page .overview { font-size: 18px; line-height: 24px; margin-top: 40px; }
.Q2page .documentCol { background-color: #eeeeee; padding: 62px 0 64px }
.Q2page .documentDataCol { padding: 36px 30% 37px 32px; }
.Q2page .documentDataCol h3 { line-height: 36px; }
.Q2page .articles { margin-bottom:7px; }
.Q2page .articleSlider { display: block; }
.Q2page .article { min-height: 360px; padding: 0 23px 50px; position: relative; }
.Q2page .article figure { margin: 0 -23px 15px; }
.Q2page .article img { width: 100%; }
.Q2page .article h4 { line-height: 24px; margin-bottom: 7px; }
.Q2page .buttons { position: absolute; bottom: 0; left: 0; right: 0; padding: 0 0 19px 23px; }
.Q2page .buttons .btn { margin-bottom: 6px; }
.Q2page .thinkAdvisor { background-color: #140f95; padding: 14px 12px; } 
.Q2page .thinkAdvisor img { width: auto; }
/* Start edit date : 09May2017 */
.Q2page .articleTitle { font-size: 20px; line-height: 26px; color: #fff; margin: 0 -23px 22px; padding: 9px 23px; }
/* End edit date : 09May2017 */
.Q2page .podcast .article { padding: 0; min-height: inherit }
.Q2page .podcast-content { padding: 35px 35px 30px 25px; min-height: 255px }
.Q2page .podcast-content .buttons { padding-left: 34px; }
.Q2page .podcast-content h4 { margin-bottom: 20px; }
.Q2page .podcast .article .podcastImg { overflow: hidden; margin: 0; }
.Q2page .podcast .article img { width:auto; max-width:100%; }
.Q2page .webinar { padding: 60px 0; position: relative; background-color: #ff6600; background-repeat: no-repeat; background-position: right 0; 
    -webkit-background-size: 37% 100%; 
    background-size: 37% 100%; 
}
.Q2page .webinar.skyblue { background-color: #01c2d4;     
    -webkit-background-size: 37% 100%; 
    background-size: 37% 100%; 
}
.Q2page .webinar-img-circle { width: 211px; height: 211px; display: inline-block; border-radius: 100%; float: left; margin:32px 30px 0 25px; }
.Q2page .webinar-img-circle img { width: 100%; }
.Q2page .webinar-column { color: #fff; font-size: 18px; line-height: 21px; padding-right: 45px; }
.Q2page .webinar-column h2 { font-size: 32px; line-height: 38px; margin-bottom: 24px; }
.Q2page .webinarCaption { overflow: hidden; padding-top: 8px; }
.Q2page .register-data { background-color: rgba(255,255,255,0.9); padding: 52px 32px 61px 39px; }
.Q2page .register-data h4 { font-size: 24px; line-height: 30px; margin-bottom: 23px; } 
 
.Q2page .hrDevider { background-color: #4b4e53; height: 32px; margin: 0; border-top: none; padding:0; }
.Q2page .contentSlider { display: block; } 
/* Travel Protection */
.travel-guide-and-checklist { padding: 60px 0 35px; }
.Q2page article { font-size: 20px; line-height: 28px; padding: 20px 0; }
.Q2page article h2 { font-size: 36px; line-height: 42px; margin-bottom: 22px; }
.Q2page article p { margin-bottom: 28px; }
.Q2page .articleImg { margin-bottom: 35px; }
.Q2page .testimonial { background-color: #eeeeee; padding: 47px 0 60px; }
.Q2page .testimonial-container { text-align: center; }
.Q2page .testimonial-container h2 { margin-bottom: 13px; }
.Q2page .testimonial-container .blockquote { font-size: 22px; line-height: 30px; border-left: none; }
.Q2page .testimonial-container .blockquote small { color: #4b4e53; line-height: 17px; }
.Q2page .testimonial .owl-dot { background-color: rgba(0,0,0,0.2); width: 10px; height: 10px; display: inline-block; border:none; border-radius: 100%; margin: 0 5px; }
.Q2page .testimonial .owl-dot.active { background-color: #000; }
.Q2page .agent { padding: 120px 0 0; overflow: hidden; }
.Q2page .agent.background { background-position: center center; background-attachment: inherit!important; }
.Q2page .agent-container { background-color: #ff8e16; color: #fff; font-size: 18px; line-height: 22px; padding: 70px 70px 54px; position: relative; }
.Q2page .agent-container:before { content: ''; display: inline-block; background-color: #ff8e16; position: absolute; top: 0; left: 100%; right: 0; bottom: 0; width: 1000%; }
.Q2page .agent-container p { margin-bottom: 39px; }
/* FORM 
========================================================================================*/
.Q2page label { font-size: 20px; color: #ffffff; line-height: 26px; font-weight: normal; margin-bottom: 11px; }
.Q2page .form-control { background-color: #fff; font-size: 18px; color: #3b3b3b; line-height: 41px; border-radius: 0; height: 53px; border-color: #95989a; padding: 6px 15px; }
.Q2page textarea.form-control { height: auto; line-height: 21px; padding: 20px 15px; min-height: 169px }
/* selectMenu */
.Q2page .selectmenu { background-color: #fff; color: #4b4e53; font-size: 16px!important; height: 37px; padding: 10px 7px; line-height: 18px; border: solid 1px #414140; border-radius: 0; }
.Q2page .btn-group.open .selectmenu { -webkit-box-shadow: none; box-shadow: none; }
.Q2page .open .selectmenu { border-bottom-color: transparent; border-radius: 0 !important; }
.Q2page .open .selectmenu:focus { outline: none!important; }
.Q2page .selectmenu .caret { border: none; top: 9px!important; right: 26px!important; }
.Q2page .selectmenu .caret:before { content: "\f107"; display: inline-block; font: normal normal normal 24px/10px FontAwesome; margin-top: 3px; }
.Q2page .btn-group.bootstrap-select { margin-bottom: 22px; }
.Q2page .bootstrap-select .dropdown-menu { border-radius: 0; border-color: #414140; border-top-color: transparent; margin-top: -2px; padding: 0; box-shadow: none; -webkit-box-shadow: none; }
.Q2page .bootstrap-select .dropdown-menu > li > a { color: #4b4e53; font-size: 16px; border-radius: 0; line-height: 22px; padding: 10px 20px 5px; }
.Q2page .bootstrap-select.btn-group .dropdown-menu li.disabled a, 
.Q2page .bootstrap-select .dropdown-menu > li.selected > a, 
.Q2page .bootstrap-select .dropdown-menu > li > a:focus { background-color: #ebebeb; color: #4b4e53; background-image: none; }
.Q2page .bootstrap-select .dropdown-menu > li > a:hover { background-color: #140f95; color: #fff; }
.Q2page .selectmenu.bs-placeholder, .selectmenu.bs-placeholder:active, .selectmenu.bs-placeholder:focus, .selectmenu.bs-placeholder:hover { background-color: #fff!important; color: #4b4e53!important; }
.Q2page .btn-group.bootstrap-select.open { box-shadow: 0 0 8px rgba(0,0,0,0.18); -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.18); }
.Q2page .bootstrap-select.btn-group .dropdown-menu li.disabled a span.text { position: relative; }
.Q2page .bootstrap-select.btn-group .dropdown-menu li.disabled a span.text:before { content: ''; display: inline-block; height: 1px; background-color: #686b6f; position: absolute; top: 50%; left: 0; right: 37px; margin-top: -0.5px; }
.Q2page .bootstrap-select.btn-group .dropdown-menu li.disabled a span.text .text-muted { color: #FF0000; font-size: 18px; padding-left: 5px; }
.Q2page .dropup .selectmenu { border-bottom-color: #afafaf!important; }
.Q2page .dropup.bootstrap-select .dropdown-menu { border-top-color: #434240!important; margin-bottom: -1px; border-bottom: 0 !important; }
/* Footer
===============================================*/
/*#footer { background-color: #4c4e53; padding: 43px 0 28px; }
footer { background: #4c4e53; padding: 40px 38px 40px 86px; }
footer .country-selector { width: 312px; background-color: #fff; color: #333; padding-left: 20px; position: relative; float: right; margin-bottom: 0; height: 50px; font: 16px "PublicoHeadline-Light"; line-height: 50px; }
footer .country-selector:after { content: ''; background: url('/_global-assets/images/vertical-ellipses.png') no-repeat scroll center center; display: block; height: 25px; position: absolute; right: 10px; top: 12px; width: 5px; }
footer .country-selector a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
footer .copyright, footer .links { font-size: 12px; line-height: 1.4; color: #c5c5c5; }
footer .copyright { float: left; margin-right: 1.5em; }
footer .copyright a, footer .links a { color: #c5c5c5 !important; text-decoration: underline; }
footer .links { float: left; }
footer .links li { float: left; margin-right: 0.75em; } 
.social-buttons { float: left; font-size: 20px; }
.social-button { color: #fff; text-align: center; display: block; float: left; height: 51px; width: 51px; line-height: 51px; margin-right: 10px; margin-bottom: 50px; }
.social-button:hover, .social-button:focus { color: #fff; }
.linkedin { background-color: #117bb8; }
.facebook { background-color: #3b5a9a; }
.twitter { background-color: #29a9e1; }*/
/* transition
===============================================*/
/*nav li, a { transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; }*/
/* Modal */
.Q2page .modal { z-index:99999; }
.Q2page.share-modal .modal-lg { width: 912px; }
.Q2page.share-modal .modal-content { background-color: #140f95; color: #ffffff; padding: 100px 111px 100px 106px; border-radius: 0; box-shadow: none; -webkit-box-shadow: none; }
.Q2page.share-modal h2 { font-size: 54px; line-height: 60px; margin-bottom: 26px; }
.Q2page.share-modal h2 span { font-size: 20px; line-height: 24px; padding-top: 9px; }
.Q2page.share-modal .form-group { margin-bottom: 31px; }
.Q2page.share-modal .form-group.firstchild { margin-bottom: 57px; }
.Q2page.share-modal .form-group span { font-size: 13px; padding-left: 8px; padding-top: 10px; display: block; }
.Q2page .socialIcons { font-size: 24px; vertical-align: middle; line-height: 60px; text-align: right; }
.Q2page .socialIcons li { display: inline-block; margin: 0 11px; }
.Q2page .socialIcons li a { color: #fff; opacity: 0.35 }
.Q2page socialIcons li a:hover { opacity: 1; }
/* Slider : owl.carousel.js */
.Q2page .owl-carousel { width: auto; }
.Q2page .guideDataSlider { width: auto!important; }
.Q2page .owl-dots { display: block!important; text-align: center; margin-top: 13px; }
.Q2page .owl-dot { background-color: rgba(0,0,0,0.2); width: 10px; height: 10px; display: inline-block; border-radius: 100%; margin: 0 3.5px; }
.Q2page .owl-dot.active { background-color: #000; }
.Q2page .owl-carousel .owl-item img { width: auto; display: inherit; }
/* Parallax :  */
.Q2page .bg-holder { width: 100%; height: 100%; }
.Q2page .bg-holder { transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; }
/* Start edit date: 08May2017 */
.Q2page .ournddiv {overflow: hidden; }
/* End edit date: 08May2017 */
/** CHB032-37 **/
.Q2page { color:#4b4e53; }
.Q2page, 
.Q2page h1, 
.Q2page h2, 
.Q2page .btn { font-family:"Conv_Chubb Publico Text-Roman"; }
.Q2page .protection h1 { font-size:60px; line-height:70px; color:#fff; }
.Q2page .bannerContainer { z-index:9999; }
.Q2page h3.title { font-weight:500; border-bottom:none; padding-bottom:0; }
.Q2page h3.title p { font-size:inherit; line-height:inherit; font-weight:inherit; font-family:inherit; margin-bottom:0; }
.Q2page .btn-sm { height:auto; }
.btn:hover { opacity:1; }
.Q2page .hrDevider { padding:0; }
.Q2page .webinarCaption { padding-right:10px; }
.Q2page .bootstrap-select.btn-group .dropdown-toggle .caret { right:35px!important; }
.Q2page .bootstrap-select .dropdown-menu { background-color:#fff; }
.Q2page .buttons { padding:0 0 11px 23px; }
.Q2page .article p { font-size:14px; line-height:18px; }
.Q2page.modal { z-index:99999; }
.Q2page.modal .btn.btn-lg { background-color:#ddd; }
.Q2page.banner-footer { background-color:#4a4d52; padding:22px 0; position:absolute; bottom:0; left:0; right:0; z-index:999; }
.Q2page.banner-footer.bottom { display:none; }
.Q2page .articles .list-item { margin-bottom:23px; }
.Q2page .articles .list-item:before,  .Q2page .articles .list-item:after { content:""; display:table; clear:both; }  
.Q2page .footnotes-infographic {font-size:10px;line-height:15px;color:#4b4e53;font-family:"Conv_Chubb Publico Text-Roman";text-align:center;width:50%; }
.Q2page .footnotes-infographic p { margin:0; }
.Q2page .article .artcImg { overflow:hidden; margin:0; background-color:#f6f5f1; height:355px; }
.Q2page .testimonial .disclaimer { margin-top:50px; }
.Q2page .resources .col-sm-10 { padding-left:0; padding-right:0; }
.Q2page .center-block span a { color:#4b4e53; }
.Q2page .center-block span sup { font-size:18px; top:-9px; left:0; }
.Q2page .webinarCaption .smlText { font-size:14px; line-height:17px; }
.Q2page .guide-checklist-container .bottom-content h3.title.white {font-size:22px;line-height:27px;margin-bottom:0;margin-top: 25px;}
.Q2page .guide-checklist-container .bottom-content a { color:#fff; text-decoration:underline; }
.Q2page+.hrDevider { background-color:#4b4e53; border-top:none; padding:16px 0; }
/*=========================================== media query below by ===========================================================*/
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1230px) {
    .Q2page .social-media-content .captionData { margin-right: 20px; }
    .Q2page .dont-post-img img { margin-left: 20px; }
  
    .Q2page .article { min-height: 420px;}
    .Q2page .podcast .article .artcImg { height: 416px; }
  
    
  
    /* Parallax : none in device */
    .Q2page .bg-holder { background-attachment: fixed !important; background-size: cover!important; background-position: center center !important; }
}/** End (max-1230) **/
@media (max-width: 1130px) {
    .Q2page .resources-col { position: relative; }
    .Q2page .imgLeft { float: none; height: 66px; margin-bottom: 15px; }    
    /*.Q2page .webinar-img-circle { margin: 0 20px; }*/
    .Q2page .jewelryCol img, .Q2page .make-claims img { width: 85%!important; margin: 0 auto; }
  
    /* Video */
    .Q2page .video-figure { height: auto; overflow: hidden; }
    .Q2page .video-figure img { width: auto; min-height: 100%; min-width: 100%; max-width: none; }
    .Q2page .video-content { height: 500px; }
  
    /*.Q2page .video-figure img { min-height: inherit; height: 280px; }*/
    .Q2page .video-container { padding-top: 40px; padding-bottom: 20px; }
    .Q2page .video-container .btn { margin-bottom: 9px; }
      
    .Q2page .webinar .webinarCol:before {width: 66.6%;margin-left: -18px;}
    .Q2page .webinar-column { padding-right: 50px; }
  
}/** End (max-1130) **/
@media (max-width: 1024px) {
    .Q2page .bannerBg { background-attachment: inherit!important; }
    
  /* Video */
    .Q2page .video-figure { height: 280px; }
    .Q2page .video-content { height: 280px; }
    /*.Q2page#banner.homeBanner {  height:auto!important; }*/
    
}/** End (max-1024) **/
@media only screen and (min-width:768px){
  .Q2page .video-module .container-fluid,
  .Q2page .infographic-section .container-fluid,
  .Q2page .resources .resources-expand{ padding-left:34px; padding-right:34px; }
}/** End (min-768) **/  
@media only screen and (min-width:992px){
  .Q2page .video-module .container-fluid,
  .Q2page .infographic-section .container-fluid,
  .Q2page .resources .resources-expand{ padding-left:86px; padding-right:86px; }
}/** End (min-992) **/  
@media only screen and (min-width:1024px) and (max-width:1199px){
  .Q2page .bannerBg { background-size:100% 74%; }
}/** End (min-max:1199px) **/  
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991px) {
    .Q2page #bannerNav.fixedTop .buttonLink h3 { font-size: 18px; }
    .Q2page h1, .Q2page h2 { font-size: 40px; line-height: 50px; }
    .Q2page h2.title { margin-bottom: 26px; }
    .Q2page h2.title span { font-size: 20px; line-height: 24px; padding-top: 20px; }
    .Q2page .column h2.main { font-size: 40px; margin-bottom: 55px; }
    .Q2page h3 { font-size: 24px; line-height: 30px; }
    .Q2page .home-protection-intro h3.title { font-size: 16px; line-height: 22px; margin-bottom: 21px; }
    .Q2page .text-col h2 { font-size: 32px; line-height: 40px; }
    .Q2page .text-col h2 span { font-size: 24px; line-height: 30px; padding-top: 6px; }
    .Q2page#banner h1 { font-size: 45px; line-height: 45px; }
    .Q2page#banner.homeBanner h1  { font-size: 30px; line-height: 35px; padding-bottom: 15px; }
    .Q2page .bannerContainer { top: 26px; }
    .Q2page .banner-column { bottom: 97px; }
    
    .Q2page .hideTab { display: none; }
    .Q2page .iconConversation { margin-bottom: 20px; } 
        
    .Q2page .buttonLink { padding: 11px 20px 8px; }
    .Q2page .buttonLink h3 { font-size: 24px; line-height: 30px; margin-bottom: 0; }
    .Q2page .buttonLink h3 span, .Q2page .buttonLink h3:before { display: none; }
    
    .Q2page .protection { min-height: inherit; padding: 54px 30px; height: auto; }
    .Q2page .protection h1 { font-size: 40px; line-height:40px; margin-bottom:0; }
    .Q2page .home-protection-intro { padding: 40px 0 60px; }     
    .Q2page .column { padding: 40px 0; }
    .Q2page .circleDataList li { width: 30%; }
    .Q2page .circle { margin-bottom: 17px; }
    
    .Q2page .grayCol { min-height: 205px; height: 205px; font-size: 12px; }
    .Q2page .grayCol img { width: 100%; }
    .Q2page .dont-post-img  { width: 48%!important; }
    .Q2page .text-col { min-height: 205px; height: 205px; padding: 20px 0; }
    .Q2page .social-media-content { background-size: 40%; }
    .Q2page .social-media-content .captionData { font-size: 11px; width: 110px; line-height: 14px; margin-right: 23px; margin-top: 60px; }
    .Q2page h2.textNo { font-size: 25px; line-height: 31px; }
    .Q2page .waterDamage-content h2.percentage { font-size: 50px; line-height: 50px; }
    .Q2page .waterDamage-content h2.percentage span { font-size: 15px; line-height: 18px; margin-top: -3px; margin-left: 6px; }
    .Q2page .waterDamage-content .captionData { margin: 20px 0px 0 0; }
        
    .Q2page .guide-and-checklist { padding: 34px 0;}
    .Q2page .guide-checklist-container h2.title { font-size: 32px; line-height: 38px; margin-right: 0; margin-bottom: 20px; }
    .Q2page .guide-checklist-container h3.title.white { font-size: 20px; line-height: 24px; margin-bottom: 33px; }
    .Q2page .captionRight { min-height: 200px; }
    .Q2page .home-preparation-tips h3 { padding-right: 0; }
    
    /* Video */
    .Q2page .video-module { padding: 40px 0; }
    .Q2page .yellowTheme { margin-bottom: 30px; }
    .Q2page .video-container { padding: 52px 35px 0; }
    .Q2page .videoPlayIcon.btn { width: 54px; height: 54px; font-size: 28px; line-height: 54px; } 
    .Q2page .videoPlayIcon.btn .fa { padding: 13px 0 0 4px; }
    .Q2page .video-container .btn { margin-bottom: 9px; }
    .Q2page .videocaption h3 { font-size: 30px; line-height: 36px; }
        
    .Q2page .closeCollapse { font-size: 18px;}
    .Q2page .testimonial { padding: 47px 0 40px; } 
    .Q2page .travel-guide-and-checklist, .Q2page .video-module2 { padding-top: 40px; padding-bottom: 40px;}
    .Q2page .testimonial-container .blockquote { margin-bottom: 80px; }  
  
    .Q2page .resources { padding-top: 0; padding-bottom: 30px; }
    .Q2page .resources-row { padding-top: 75px; }
    .Q2page .resources-col { padding: 24px 20px 40px; min-height: 230px; }
    .Q2page .resources-col h2 { margin-right: 15%; }
    
    .Q2page .overview { font-size: 16px; line-height: 20px; margin-top: 30px; margin-bottom: 30px; }
    .Q2page .documentDataCol { padding: 38px 0 40px 16px; }
    .Q2page .documentDataCol h3 { line-height: 29px; margin-bottom: 16px; }
    .Q2page .documentCol { padding: 52px 0 54px; }
    
    .Q2page .webinar, .Q2page .webinar.skyblue { -webkit-background-size: 50% 100%;  background-size: 50% 100%; }
    .Q2page .webinar-column h2 { font-size: 32px; line-height: 38px; }
    .Q2page .register-data { margin: 0 25px; padding: 48px 16px 58px 21px; }
    .Q2page .webinar-img-circle { display: none; }
    .Q2page .webinar-column { padding: 25px 20px; }
    .Q2page .webinar .webinarCol:before { display: none; }
    .Q2page .podcast .article .artcImg { height: 174px; }
    .Q2page .podcast-content { min-height: 241px; }
    .Q2page .widthBlock { margin-left: -20px; margin-right: -20px; }   
  
    /* Mobile Slider */
    .Q2page .owl-carousel { margin: 0; }
    .Q2page .owl-dots { display: block!important; text-align: center; margin-top: 13px; }
    .Q2page .owl-dot { background-color: transparent; width: 10px; height: 10px; display: inline-block; border:solid 1px #4b4e53; border-radius: 100%; margin: 0 3.5px; }
    .Q2page .owl-dot.active { background-color: #4b4e53; }
    
    .Q2page .articleSlider .owl-item .col-sm-3, 
    .Q2page .articleSlider .owl-item .col-sm-6  { width:100%; padding:0; }
    
    /* Start edit date: 08May2017 */
    .Q2page .articleSlider {  width: 296px; margin: 0 auto }
    .Q2page .articleSlider li { width: 296px; display: block; margin: 0 auto; padding: 0; float: none;}
    .Q2page .owl-carousel .owl-item .article img { width: 100%; }
    .Q2page .owl-carousel .owl-item .article.article-2 img { width: 50%; margin: 0 auto; }
    .Q2page .owl-carousel .owl-item .article .thinkAdvisor img { width: auto; } 
    /* End edit date: 08May2017 */
    
    .Q2page .guideDataSlider { width: 100%!important; margin:0 -15px; }
    .Q2page .guideDataSlider .owl-dot { border-color: #fff; } 
    .Q2page .guideDataSlider .owl-dot.active { background-color: #fff; } 
    .Q2page .listColumn { min-height: 310px; padding: 18px 20px 15px; }
    .Q2page .listColumn p { margin-bottom: 13px; }
    .Q2page .imgLeft { float: none; width: 54px!important;  }
    
    .Q2page .agent-container { padding: 40px 20px 35px 40px; }
    .Q2page .agent-container p { margin-bottom: 27px; }
    
    /* Modal */
    .Q2page.share-modal .modal-lg { width: auto; margin: 20px; }
    .Q2page.share-modal .modal-content { padding: 80px; }
    .Q2page.share-modal h2 { font-size: 40px; line-height: 46px; }
    .Q2page.share-modal h2 span { font-size: 18px; }
    
    /* Start edit date: 08May2017 */
    .Q2page .ournddiv.iapdAround { margin: 0 -20px; }
    .Q2page .ournddiv.iapdAround .owl-stage-outer, .Q2page .ournddiv.iapdAround .owl-carousel .owl-stage-outer{ overflow: visible !important /* End edit date: 08May2017 */ }
}/** End (max-991) **/
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767px) {
        
    .Q2page #bannerNav.fixedTop { padding-top: 0;  }
    .Q2page #bannerNav.fixedTop .navbar-brand { float: none;}
    .Q2page #bannerNav.fixedTop .buttonLink { width: 48.5%; float: left; display: block; padding:6px 3px; margin-left: 3%; margin-top: 0;  }
    .Q2page #bannerNav.fixedTop .buttonLink:first-child { margin-left: 0; }
    .Q2page #bannerNav.fixedTop .buttonLink h3 { font-size: 12px; }
    
    .navbar > .container .navbar-brand, .navbar-right { float: none; }
    .navbar-collapse { border-top: none; }
    .navbar-toggler { display: block; }
    .navbar-inverse .navbar-nav { display: block; }
    .navbar-inverse .navbar-nav > li { display: block; line-height: 40px; }
    .navbar-inverse .navbar-nav > li.divider:before { width: 100%; height: 1px; margin-top: 0; }
    .navbar-inverse .navbar-nav > li.search { margin-left: 9px; }
    .topNav { display: none; }
    
    .Q2page .btn { font-size: 18px; }
    .Q2page .documentDataCol .btn { margin-bottom: 9px; }
    .Q2page article { font-size: 16px; line-height: 16px; }
    .Q2page article h2 { font-size: 24px; line-height: 30px; }
    .Q2page [data-animate], .Q2page [data-animate].animated { opacity: 1!important; }
    
    .Q2page#banner h1 { font-size: 28px; line-height: 28px; }
    .Q2page#banner.homeBanner h1 { font-size: 30px; line-height: 35px; padding-bottom:10px; }
    .Q2page .bannerContainer { top: 17px; }
    .Q2page .banner-column { min-height: 385px; bottom: 160px; }
    .Q2page .buttonGroup { margin: 0; }
    .Q2page .buttonLink { float: none; width: auto; margin: 10px 0 0; }
    .Q2page .buttonLink:first-child { margin-top: 0; } 
    .Q2page .banner-footer.bottom { display: block; position:inherit; bottom: auto; }
    
    .Q2page .headingH2 { font-size: 30px; line-height: 36px; }
    .Q2page .column h2.main { margin-bottom: 27px; }
    .Q2page .testimonial { padding-bottom: 30px; } 
    .Q2page .testimonial-container h2 { font-size: 30px; line-height: 36px; }
    
    .Q2page .row-eq-height, .Q2page .row.col-Vcenter { display: block; }
    .Q2page .col-sm-6.alingRight, .Q2page .col-sm-6.alingLeft { float: none; }
    .Q2page .iconConversation { margin-bottom: 30px; } 
    .Q2page .banner-container { padding-top: 20px; }
    .Q2page .overview { margin-top: 0; position: relative; }
    .Q2page .overview:before { content: ''; display: inline-block; border-bottom: solid 1px #ccc; height: 1px; position: absolute; left: -20px; right: -20px; bottom: 0; }
    .Q2page .documentCol { padding: 35px 0 40px; margin-left: -20px; margin-right: -20px; }
    .Q2page .documentDataCol { padding: 40px 20px; }
    .Q2page .listColumn { min-height: 337px; padding: 18px 20px 15px; }
    .Q2page .overview.borderTop { border-width: 0; }
    .Q2page .overview .grayBg { margin: 0 -20px; width: auto; }
     
    .Q2page .guide-checklist-container { padding:0; }  
  
    /* Video */
    .Q2page .video-module { padding: 0; }
    .Q2page .video-module .row-eq-height  { margin-left: -20px; margin-right: -20px; }
    .Q2page .video-figure, .Q2page .video-content { width: auto; float: none; height:auto; }
    .Q2page .video-content { min-height: inherit }
    .Q2page .videoPlayIcon.btn { display: none; }
    .Q2page .video-container { padding: 27px 35px 29px; }
    .Q2page .videocaption h3 { font-size: 32px; line-height: 38px; }
    .Q2page .video-figure img { width: 100%; min-height: inherit; } 
    .Q2page .yellowTheme { margin-bottom: 20px; }      
  
    .Q2page .webinar, .Q2page .webinar.skyblue { background-position: 0 bottom; background-size: 100%; }
    .Q2page .webinar .leftCol { background-color:#ff6600; }
    .Q2page .webinar-column { padding: 30px 20px 25px; } 
    .Q2page .webinar, .webinar.skyblue { padding: 0; }
    .Q2page .webinar.skyblue .leftCol { background-color: #01c2d4; }
    .Q2page .rightCol { padding-top: 25px; padding-bottom: 25px; margin-left: -5px; margin-right: -5px; }
    
    .Q2page .register-data { margin: 0 20px; }
    .Q2page .text-col { min-height: inherit; height: inherit; padding: 20px 0; }
    .Q2page .social-media-content { background-position: 15px bottom; }
    .Q2page .social-media-content .captionData { margin-right: 0; }
    .Q2page .violetTheme, .pinkTheme { margin-bottom: 0;  }
    .Q2page .widthBlock { margin-left: -20px; margin-right: -20px; }    
    
    .Q2page .resources-row { padding-top: 110px; }
    .Q2page .resources-row.orangeTheme { padding-top: 196px; }
    .Q2page .resources-col { padding: 35px 40px 58px; margin: 0 -20px; }
    .Q2page .agent { padding-top: 110px; }
    .Q2page .agent-container { padding: 39px 30px 47px; margin-left: -20px; }
    .Q2page .social-buttons { float: none; margin-bottom: 20px; }
	  .Q2page .social-button { margin-bottom: 0; }
	
    /* Start edit date: 08May2017 */
    .Q2page .row-datalist { width: 296px; margin: 0 auto ; }
    .Q2page .row-datalist li { width: 296px; display: block; margin: 0 auto; }
    /* End edit date: 08May2017 */
    .Q2page .column { margin-left: -20px; margin-right: -20px; }
    .Q2page .testimonial-container .blockquote { font-size: 18px; line-height: 26px; }
    .Q2page .testimonial-container .blockquote small { font-size: 16px; line-height: 22px; }
    
    .Q2page .podcast-content { padding: 35px 20px 50px; }
    .Q2page .podcast .article .podcastImg img { width: 100%; }
    
    /* Mobile Slider */
    .Q2page .slider { margin: 0 -20px; }
    /* Start edit date: 08May2017 */
    .Q2page .circleDataList { width: 150px; margin: 0 auto; position: relative; }
    .Q2page .circleDataList li { display: block; width: 150px; margin: 0 auto }    
    .Q2page .guideDataSlider {  width: 296px !important; display: block; margin: 0 auto;}
    .Q2page .guideDataSlider li { width: 296px; display: block; margin: 0 auto; }
    /* End edit date: 08May2017 */
    
    .Q2page .owl-carousel .animated { padding-left: 10px!important; padding-right: 10px!important; }
    .Q2page .guide-checklist-caption { padding: 0 20px; }
    
    .Q2page .owl-carousel .not-animated, .Q2page .owl-carousel .animated { padding: 0!important; }
    .Q2page .dont-post-img img { margin: 12px 0 0 8px; }
    
    /* Start edit date: 08May2017 */
    .Q2page .ournddiv.mobileAround { margin: 0 -20px; }
    .Q2page .ournddiv{ padding: 0 20px; }
    .Q2page .ournddiv ul, .Q2page .ournddiv .owl-stage-outer{overflow:visible !important}
    /* End edit date: 08May2017 */
    
     /* Modal */
    .Q2page.share-modal .modal-content { padding: 80px 30px 40px; }
    .Q2page .socialIcons { text-align: left; padding-top: 20px; }
    .Q2page .iconCloseLrg { top: 20px; }
    
    .Q2page .background, .Q2page .protection { background-position: center center !important; }
  
    .Q2page.banner-footer.bottom { display:block; position:inherit; bottom:auto; }
    .Q2page .footnotes-infographic { width:100%; margin-top:15px; padding:0 15px; }
    .Q2page .articles .list-item > div { margin-bottom:23px; }
  
    .Q2page .video-module .container-fluid,
    .Q2page .infographic-section .container-fluid,
    .Q2page .resources .resources-expand{ padding-left:0; padding-right:0; }
    
    .social-share-widget { top:auto; bottom:0; width:100%; z-index:999; }
    .social-share-widget .addthis_toolbox { max-width:100%; text-align:center; font-size:0; width:100%; }
    .social-share-widget .addthis_toolbox a {display:inline-block;vertical-align:middle;width: 20%!important;}
    .social-share-widget {
      right: 0;
    }
    .social-share-widget .addthis_toolbox a span {
      width: calc(100% - 16px) !important;
    }
  
    .Q2page#banner.homeBanner:before { height:180px; }
    .Q2page .bannerBg { background-size:cover; }
    .Q2page .bannerBgLeft { background-position:40%; }
    .Q2page .bannerBgRight { background-position:65%; }
  
}/** End (max-767) **/
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
    .Q2page .bootstrap-select .dropdown-menu > li > a { padding: 10px 10px 5px; }
}/** End (max-575) **/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    .Q2page .btn { padding: 11px 11px 7px; }
    .Q2page .btn-sm { padding: 7px 8px 2px 9px; }
}
/** CHB032-50 *other changes on above same class selector 
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) { 
  .Q2page#banner.homeBanner { min-height:380px; height:auto!important; }
  .Q2page .bannerBg { background-size:cover; }
  .Q2page#banner.homeBanner:before { height:90px; }
  
  .Q2page .background { background-attachment: scroll!important; }
}/** End (768-portrait) 
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) { 
  .Q2page#banner.homeBanner { min-height:525px; height:auto!important; }
  .Q2page .bannerBg { background-size:cover; }
  .Q2page#banner.homeBanner:before { height:90px; }
  .Q2page .bannerContainer { top:15px; }
  
  .Q2page .background { background-attachment: scroll!important; }
}/** End (1024-landscape) 
@media screen and (min-width:768px) and (max-width:991px){
.Q2page#banner.homeBanner {min-height: 380px;}
}
@media screen and (min-width:992px) and (max-width:1024px){
  .Q2page#banner.homeBanner {min-height: 525px;}
}
@media only screen and (min-width:1349px){
  .Q2page#banner.homeBanner { height:537px!important; }
}  
@media only screen and (min-width:1365px) and (max-width:1366px){
  .Q2page#banner.homeBanner { height:513px!important; }
  .Q2page .bannerBg { background-position:bottom; }
}  
@media only screen and (min-width:1377px){
  .Q2page#banner.homeBanner { height:730px!important; }
  .Q2page .bannerBg { background-position:center; }
}  
**/
.Q2page .bannerBgLeft { background-size:auto 1170px; background-position: 50% 100%; }
.Q2page .bannerBgRight { background-size:auto 1170px; /*background-position: 50% 100%;*/ }
@media screen and (min-height:801px) and (max-width: 767px) {
  .Q2page .bannerBg {
    background-attachment: scroll;
  }
  .Q2page .bannerBgLeft {
    background-size: auto 780px !important;
    background-position: -300px 65px;
  }
  .Q2page .bannerBgRight {
    background-size: auto 720px !important;
    background-position: 55% 100% !important;
  }
}
@media screen and (min-height:801px) and (min-width:992px) and (max-width:1024px) {
  .Q2page .bannerBg {
    background-attachment: scroll;
  }
  .Q2page .bannerBgLeft {
    background-size: auto 780px !important;
    background-position: -200px 0;
  }
  .Q2page .bannerBgRight {
    background-size: auto 720px !important;
    background-position: 44% 50% !important;
  }
}
@media screen and (min-height:801px) and (min-width:1025px) and (max-width:1439px) and (orientation : landscape) {
  .Q2page .bannerBg {
    background-attachment: scroll;
  }
  .Q2page .bannerBgLeft {
    background-size: auto 780px;
    background-position: -200px 0;
  }
  .Q2page .bannerBgRight {
    background-size: auto 720px;
    background-position: 44% 50%;
  }
}
@media screen and (min-height:801px) and (min-width:1440px) and (orientation : landscape) {
  .Q2page .bannerBg {
    background-attachment: scroll;
  }
  .Q2page .bannerBgLeft {
    background-size: auto 780px;
    background-position: -110px 100%;
    background-position: -200px 0;
  }
  .Q2page .bannerBgRight {
    background-size: auto 720px;
    background-position: 44% 50%;
  }
}
@media screen and (min-height:537px) and (max-height:800px) and (orientation : landscape) {
  .Q2page .bannerBgLeft { background-size:auto 800px; }
  .Q2page .bannerBgRight { background-size:auto 800px; }
}
@media screen and (width : 768px) and (orientation : portrait) {
  .Q2page .bannerBg { background-attachment:scroll; }
}  
@media screen and (width : 1024px)and (orientation : landscape) {
   .Q2page .bannerBg { background-attachment:scroll; }
}
/*
@media screen 
  and (min-height:400px)
  and (max-height:800px)
  and (min-width:1024px)
  and (max-width:1376px)
  and (orientation : landscape){
    .Q2page .bannerBgRight { background-size:auto 610px; background-position: 50% top; }
}*/ 
@media screen 
  and (min-height:400px)
  and (max-height:800px)
  and (min-width:1024px)
  and (max-width:1376px)
  and (orientation : landscape){
    .Q2page .bannerBgRight {
      background-size:auto 720px;
      background-position: 50% 50%;
      background-attachment: scroll;
    }
    .Q2page .bannerBgLeft {
      background-size: auto 780px;
      background-position: -200px 60%;
      background-attachment: scroll;
    }
} 
@media screen 
  and (min-width : 320px) 
  and (max-width : 414px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation : portrait) {
   .Q2page .bannerBgLeft { background-size:auto 500px; }
   .Q2page .bannerBgRight { background-size:auto 500px; background-position: 50% 100%; }
   .Q2page .bannerBg { background-attachment:scroll; } 
}
/* krox
@media only screen 
  and (height : 320px) 
  and (orientation : portrait) {
   .Q2page .bannerBgLeft { background-size:auto 320px; }
   .Q2page .bannerBgRight { background-size:auto 500px; background-position: 50% 100%; }
   .Q2page .bannerBg { background-attachment:scroll; }
}
@media only screen 
  and (width : 375px) 
  and (orientation : portrait) {
   .Q2page .bannerBgLeft { background-size:auto 500px; }
   .Q2page .bannerBgRight { background-size:auto 420px; background-position: 70% 0; }
   .Q2page .bannerBg { background-attachment:scroll; }
}
@media only screen 
  and (width : 414px)  
  and (orientation : portrait) {
   .Q2page .bannerBgLeft { background-size:auto 600px; }
   .Q2page .bannerBgRight { background-size:auto 600px; background-position: 50% 100%; }
   .Q2page .bannerBg { background-attachment:scroll; }
} krox
*/
@media screen and (max-width:767px) and (max-height:800px) {
  .Q2page .bannerBgRight {
    background-size: auto 600px;
    background-attachment: scroll;
    background-position: -420px 100%;
  }
  .Q2page .bannerBgLeft {
    background-size: auto 600px;
    background-attachment: scroll;
    background-position: 28% 88%;
  }
}
/*
@media screen and (max-width:767px) and (max-height:799px) and (orientation : landscape) {
  .Q2page .bannerBgRight {
    background-position: 50% 100%;
  }
}
*/
@media screen and (max-width:767px) and (min-height:415px) and (max-height:799px) {
  .Q2page .bannerBgRight {
    background-position: 54%;
  }
}
/*@media only screen 
  and (width : 768px) {
   .Q2page .bannerBgLeft { background-size:auto 800px; background-position: 32% 100%; }
   .Q2page .bannerBgRight { background-size:auto 800px; background-position: 60% 100%; }
   .Q2page .bannerBg { background-attachment:scroll; }
}
@media only screen 
  and (width : 1024px) {
   .Q2page .bannerBgLeft { background-size:auto 600px; }
   .Q2page .bannerBgRight { background-size:auto 600px; background-position: 50% 100%; }
   .Q2page .bannerBg { background-attachment:scroll; }
}*/
@media screen and (min-width:768px) and (max-width:991px){
  .Q2page .bannerBgLeft { background-size:auto 800px; background-position: 32% 100%; }
  .Q2page .bannerBgRight { background-size:auto 800px; background-position: 60% 100%; }
  .Q2page .bannerBg { background-attachment:scroll; }
}
@media screen and (min-width:992px) and (max-width:1024px){
  .Q2page .bannerBgLeft { background-size:auto 600px; }
  .Q2page .bannerBgRight { background-size:auto 600px; background-position: 50% 100%; }
  .Q2page .bannerBg { background-attachment:scroll; }
} 
/* new rules krox */
@media screen and (min-width:768px) and (max-width:991px) and (min-height:550px) and (max-height:800px) {
  .Q2page .bannerBgRight {
    background-size: auto 550px;
    background-position: 50% 100%;
  }
  .Q2page .bannerBgLeft {
    background-size: auto 550px;
    background-position: -150px 100%;
  }
}
@media screen and (min-width:992px) and (max-width:1024px) and (min-height:550px) and (max-height:800px) {
  .Q2page .bannerBgLeft {
    background-size: auto 650px;
    background-position: -150px 60%;
  }
  .Q2page .bannerBgRight {
    background-size: auto 500px;
    background-position: 0 100%;
  }
} 
@media screen and (min-width:992px) and (max-width:1024px) and (min-height:801px) {
  .Q2page .bannerBg { background-size:auto 800px; }
} 
/* new rules ends */
/** CHB032-52 **/
.Q2page .testimonial-container .owl-nav .fa { font-size:30px; color:#000; }
.Q2page .testimonial-container .owl-nav .owl-prev { position:absolute; left:-35px; top:50%; }
.Q2page .testimonial-container .owl-nav .owl-next { position:absolute; right:-35px; top:50%; }
@media only screen and (max-width:767px){
 .Q2page .testimonial-container .owl-nav .fa { font-size:20px; }
 .Q2page .testimonial-container .owl-nav .owl-prev { left:-10px; }
 .Q2page .testimonial-container .owl-nav .owl-next { right:-10px; }
}/** End (max-767) **/  
/** CHB032-57 **/
@media only screen and (max-width:767px){
  .Q2page .resources-col .closeCollapse { right:20px; }
}/** End (max:767) **/
/** CHB032-56 **/
@media only screen and (min-width:1131px) and (max-width:1199px) {
 .Q2page .video-figure { height:auto; overflow:hidden; }
 .Q2page .video-content { height:500px; }
 .Q2page .video-figure img { width: auto; min-height: 100%; min-width: 100%; max-width: none; }
 .Q2page .video-container { padding-top:40px; padding-bottom:20px; } 
}/** End (min-max:1131-1199) **/
/** CHB032-54 **/
.Q2page .webinar-img-circle { text-align:center; margin-top:8px; }
.Q2page .webinar-img-circle img { width:70%; }
.Q2page .webinar-img-circle img:first-child { margin-bottom:5px; }
.Q2page .webinar-img-circle img:only-child { width:100%; margin-top:32px; }
/** Infographic svg ie height issue **/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
  /* IE10+ specific styles go here */
  .infographic-section .info-svg { height:330px; }
}
/** ie9 **/
.infographic-section .info-svg { height:330px\9; }
/** CHB032-55 **/
/** share tooltip **/
.tooltip-wrap { position:relative; }
.tooltip-wrap .share-tooltip {position:absolute;padding:15px;z-index:999;top: 46px;background:#c7c8ca;right: -2px; display:none;}
.tooltip-wrap:hover .share-tooltip { display:block; }
.tooltip-wrap .share-tooltip:before {content:"";display:block;height: 30px;position:absolute;top: -30px;width:100%;right: 0;}
.tooltip-wrap .share-tooltip:after { content:""; border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-bottom: solid #c7c8ca 10px;
  top: -10px;
  position: absolute;
  right: 24px;
}
.Q2page .tooltip-wrap .share-tooltip a { margin-right:7px; }
.tooltip-wrap .share-tooltip .fa { width:45px; height:45px; font-size:25px; line-height:45px; background-color:transparent; }
.tooltip-wrap .share-tooltip .fa.fa-linkedin { background-color:#0077b4; color:#fff; }
.tooltip-wrap .share-tooltip .fa.fa-facebook { background-color:#3b5998; color:#fff; }
.tooltip-wrap .share-tooltip .fa.fa-twitter { background-color:#1ea1f2; color:#fff; }
.tooltip-wrap .share-tooltip .fa.fa-envelope-o { background-color:#848484; color:#fff; }
.Q2page .guide-checklist-container .ournddiv,
.Q2page .resources .ournddiv,
.Q2page .guide-checklist-container .captionRight { overflow:visible; }
.Q2page .captionRight { min-height:auto\9; }
.Q2page .video-module .tooltip-wrap .share-tooltip,
.Q2page .resources .overview .tooltip-wrap .share-tooltip { top:56px; }
.Q2page .articles .list-item .col-sm-3:first-child .share-tooltip { width:252px; left:0; right:0; }
.Q2page .articles .list-item .col-sm-3:first-child .share-tooltip:after { right:auto; left:24px; }
@media only screen and (min-width:1131px){
  .Q2page .guide-checklist-container .captionRight { float:right; width:60%; }
  .Q2page .guide-checklist-container .imgLeft { margin-bottom:30px; margin-right:0; }
}/** End (min-1131) **/  
@media only screen and (min-width:1131px) and (max-width:1199px){
  .Q2page .guide-checklist-container .captionRight { width:50%; }
  .Q2page .guide-checklist-container .captionRight h3.title { padding-right:0; }
}/** End (min-max:1131-1199) **/  
/** CHB032-55 End **/
/** CHB032-61 **/
@media screen and (max-width: 767px){
 .Q2page .videoPlayIcon.btn { display:block; top:50%; left:50%; margin-top:-17px; margin-left:-17px; }
}/** End (max:767) **/ 
/* Aki CHB050-83 Start */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
  .Q2page .video-figure, .Q2page .video-content { height: auto; }
}
/* Aki CHB050-83 End */