/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/*font-family: 'Libre Baskerville', serif;*/
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2 {font-style: normal !important;font-weight: 400;}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, .banner h1 span, .banner h2 span {font-weight: 700;} 
.blue{background:#03499A}
.htst .tst {background: #fff; display: block; width: 100%; height: 100%; border-radius: 100%; padding: 12%; border:12px solid #03499A;}
.htst .tst h4{text-transform:uppercase; font-family:'Open Sans', sans-serif; color:#03499A; line-height:1em; font-weight:200; font-size:90%;}
.htst .tst h4 span{font-weight:700;}
.htst .tst{-webkit-transition: all 500ms ease .300ms; -moz-transition: all 500ms ease .300ms; -ms-transition: all 500ms ease .300ms; transition: all 500ms ease .300ms;}
.htst .tst:hover{-webkit-transform: scale(1.1) translateY(-5%); -moz-transform: scale(1.1) translateY(-5%); -ms-transform: scale(1.1) translateY(-5%); transform: scale(1.1) translateY(-5%);}
.abg{background:url('/wp-content/uploads/2018/08/askaleem-at-a-glance.jpg') no-repeat center top;}
.abg{border-width:1px 0 1px 0; border-style:solid; border-color:#919396;}
.abg h2{font-size: 225%;}
.gray{background:#E4E5E6;}
.dgray{background:#888A8C;}
.dgray .row-solid .col::after { border-bottom-style: none;}
.dgraytxt{ font-size: 120%; font-weight: 600;}
.top-divider { opacity: 0;}
.banner h2, .banner h3, .banner h1 { line-height: 1.5;}
.button span {font-family: 'Libre Baskerville', serif;}
.desc-carte-promotion .is-divider, .mob-carte-promotion .is-divider {display:none;}
.blu {color: #03499a;}

/*About Page Styles*/
.about-newsletter {border: 2px solid #03499a; padding: 5%;}
.about-newsletter input[type='submit'] {width: 100%; text-transform: none; font-family: "Libre Baskerville", sans-serif; margin-bottom: 0;}
.about-button {padding: 1% 10% 1% 10%; font-family: "Libre Baskerville", sans-serif;}
.about-newsletter p {font-family: "Libre Baskerville", sans-serif;}
/*End Abou Page Styles*/

/*Main Menu Styles*/
.header-main, .banner {border-bottom: 1px solid #919396;}
.header-main .nav > li > a { font-size: 100%;}
#menu-item-37 >a {color: #03499A; font-weight:700;}
/*End Main Menu Styles*/

.bf{color: #03499A;}
.sfa, .sfb, .sfc, .sfd, .sff, .pban h1, .pban h2, .pban h3, .pban h4, .pban h5, .pban h6, .sserif {font-family: 'Open Sans', sans-serif; }
.sserifm {font-family: 'Open Sans', sans-serif; font-weight:600; }
.sfb{font-size:200%; color:#03499A; letter-spacing: -0.025em; text-align:center; margin-top:.5em; }
/*.sfa:first-line{font-size:80%;}*/
.sfa {font-size:120%;}
.sfb{font-size:300%;}
.sfa span{font-weight:600;}
.sfb span{font-weight:800;}
.sfc{margin-top:.5em}
.sfd{font-size: 160%;}
.sfe{font-size: 230%;}
.sfg{font-size:200%;}
.tef{font-style:normal; line-height: 1.8em;}
.ffom .wpcf7-email{color:#919396; font-family: 'Libre Baskerville', serif; padding: 1.75em;}
.ffom #spbut{background:#888A8C; font-family: 'Libre Baskerville', serif; padding: .25em 1.5em;}
.bimg{background:url('/wp-content/uploads/2018/07/risk-management-b.jpg') no-repeat center top;}

.testimonials-desctop span, .testimonials-mobile span {font-size: 100%; color: #03499a; font-weight: 600;}
.testimonials-desctop h4, .testimonials-mobile h4 {margin-bottom:0;}

/* Life block */
#life .icon-box-right:nth-child(1) {border-bottom: 3px solid #DC4A6A;}
#life .icon-box-left:nth-child(1) {border-bottom: 3px solid #916092;}
#life .icon-box-left, #life .icon-box-right {margin-bottom: .5em;}
#life .icon-box-left h3, #life .icon-box-right h3 {padding-top: 1.75em;font-weight: 800;font-size: 75%;letter-spacing: .035em; text-transform: uppercase;font-family:"Open Sans Semi Bold", sans-serif;line-height:0.8rem;}
#life .icon-box-left .icon-box-img + .icon-box-text, #life .icon-box-right .icon-box-img + .icon-box-text { background: url('/wp-content/uploads/2020/05/b_bg.png') repeat center top;}
.icon-box-right .icon-box-img + .icon-box-text {padding-right: 1em;}
#life .icon-box-left:hover, #life .icon-box-right:hover {cursor: progress;}
#life .icon-box-img img {padding-top: 0em;width: 100%;}
#life .banner h2, #life .banner h4 {font-weight: 800;font-family:"Open Sans Semi Bold", sans-serif;text-transform:uppercase;line-height:1rem;}
#life .banner p, #life .banner ul li {font-size: 120%;color: #000;font-family:  "Armata", sans-serif;}
#life .banner p::first-line, #life .banner ul li strong, #life .banner ul li b {font-weight: 700;text-transform: uppercase;font-family: 'Open Sans', Arial, Helvetica, sans-serif;}
#life .banner p{font-family:  "Armata", sans-serif;}
#life h1 {font-size: 200%;letter-spacing: -.025em;text-transform: uppercase;line-height: 1em;font-family: "Open Sans", sans-serif;}
#life h1 span,#life h2 span,#life h3 span,#life h4 span,#life h5 span,#life h6 span,#life h2::first-line {font-weight: 800;}
#life .button.secondary:not(.is-outline){background-color: #104C95; text-transform:uppercase}
#life .button.secondary:not(.is-outline) span{font-family: "Armata", sans-serif;}

.life_cp_top_ban.banner h1 {padding: 0;font-weight: 700;margin-top: .2em;margin-bottom: .2em;line-height: 1;color:#000!important;font-family: "Open Sans", sans-serif;font-size:1.6rem;}
.life_cp_top_ban.banner p {padding: 0;margin-top: 1em;margin-bottom: 1em;text-align: left;font-family: "Armata", sans-serif;line-height: 1.5rem;color: #777;}
.life-events-child-page strong {font-weight: 800;text-transform: uppercase;font-family: 'Open Sans', Arial, Helvetica, sans-serif;letter-spacing: .05em;}
.life-events-child-page h3 {text-transform:uppercase;letter-spacing: -.025em;line-height: 1em;font-size: 1.25em;}
.life-events-child-page {font-family: "Armata", sans-serif;font-size: 86%;line-height: 1.6;color: #777;}

@media only screen and (min-width: 1201px) and (max-width:1260px){
.desc-home-banner .banner .fill {background-position: -300px;}
.desc-kb-banner .banner .fill {background-position: -100px;}
.desc-kb-banner .banner .text-box {min-width:45%;}
.desc-kb-banner .banner .text-box h4 {font-size:140%;}
.desc-kb-banner .banner .text-box p {font-size:110%;}
.desc-about-banner .banner .text-box h2 {font-size:200%;}
.desc-about-banner .banner .text-box h4 {font-size:130%;}
}

@media only screen and (min-width: 1060px) and (max-width:1200px){
.desc-home-banner .banner .fill {background-position: -250px;}
.desc-home-banner .text-inner .button {font-size:110%;}
.desc-home-banner .text-inner h3 {font-size:170%;}
.htst .col.medium-2 .col-inner.text-center {font-size:70%;}
.abg{background-position: -50px 0px;}
.abg .col.medium-6 {min-width:100%;}
.desc-kb-banner .banner .fill {background-position: -130px;}
.desc-kb-banner .banner .text-box {min-width:45%;}
.desc-kb-banner .banner .text-box h4 {font-size:130%;}
.desc-kb-banner .banner .text-box p {font-size:100%;}
.desc-about-banner .banner .text-box h2 {font-size:180%;}
.desc-about-banner .banner .text-box h4 {font-size:120%;}
.desc-about-banner .banner .text-box .button {font-size:90%;}
}

@media only screen and (min-width: 850px) and (max-width:1059px){
.desc-home-banner .banner .fill {background-position: -250px;}
.desc-home-banner .text-inner {max-width:70%; float:right;}
.desc-home-banner .text-inner .button {font-size:100%;}
.desc-home-banner .text-inner h3 {font-size:160%;}
.header-main {min-height: 150px;}
.htst .col.medium-2 .col-inner.text-center {font-size:70%;}
.abg{background-position: -200px 20px;}
.abg .col.medium-6 {min-width:100%;}
.desc-kb-banner .banner .fill {background-position: -100px;}
.desc-kb-banner .banner .text-box {min-width:45%;}
.desc-kb-banner .banner .text-box h4 {font-size:120%;}
.desc-kb-banner .banner .text-box p {font-size:90%;}
.desc-about-banner .banner .text-box h2 {font-size:150%;}
.desc-about-banner .banner .text-box h4 {font-size:100%;}
.desc-about-banner .banner .text-box .button {font-size:80%;}
}

@media only screen and (max-width: 849px) {
.desc-home-banner {display: none;}
.mob-home-banner {display: block !important;}
.desc-anne-glance-home{display: none;}
.mob-anne-glance-home {display: block !important; background: #03499A;}
.desc-carte-promotion{display: none;}
.mob-carte-promotion{display: block !important; background:#E4E5E6;}
.mob-carte-promotion .blog-post-inner {text-align:center;}
.desc-newsletter-home {display: none;}
.mob-newsletter-home {display: block !important; background: #03499A;}
.desc-about-banner {display: none;}
.testimonials-desctop {display: none;}
.testimonials-mobile {display: block !important;}
.mob-about-banner {display: block !important; margin-bottom: 5%;}
.desc-kb-banner, .desc-ak-banner {display:none;}
.mob-kb-banner, .mob-ak-banner {display:block !important; background: #03499A; text-align:center; padding: 6% 5% 5% 5%; color:white;}
.mob-kb-banner h4, .mob-ak-banner h3 {color:white;}
.mob-ak-banner strong {font-size:80%;}
.mob-ak-banner p {font-size:80%;}
.desc-about-content {display: none;}
.mob-about-content {display: block !important;}
.footer-2 p{text-align:left !important;}
}

@media only screen and (min-width: 550px) and (max-width:849px){
.mob-home-banner h3 {font-size:140%;}
.sfa {font-size: 110%;}
h2 {font-size:130%;}
.sfb {font-size:270%}
p {font-size:100%;}
.sfd.bf {font-size:110%;}
.sfe.bf {font-size:150%;}
.mob-carte-promotion h5 {font-size:110%; padding-top:40px;}
.mob-newsletter-home .sfg {font-size:150%;}
.mob-about-banner h4 {font-size:100%;}
.htst .col.medium-2 {min-width:33%;}
}

@media only screen and (min-width: 360px) and (max-width:549px){
.sfa {font-size: 100%;}
h2 {font-size:130%;}
.sfb {font-size:250%}
p {font-size:100%;}
.sfd.bf {font-size:100%;}
.sfe.bf {font-size:140%;}
.mob-carte-promotion h5 {font-size:100%; padding-top:40px;}
.mob-newsletter-home .sfg {font-size:140%;}
.mob-about-banner h4 {font-size:90%;}
.dgray .col.medium-6 .col-inner {text-align:center; padding:6% 5% 0 5% !important;}
}