@font-face {
    font-family: 'montserratbold';
    src: url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratmedium';
    src: url('../fonts/montserrat-medium-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after { content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
*{
    outline: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #4d4d4d;
    line-height: 1.6;
}
.container{
    max-width: 1640px;
    padding: 0 30px;
    margin: 0 auto;
}
h1,h2,h3,h4,h5,h6{
    font-family: 'montserratmedium';
    color: #2f7ab6;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.3;
    margin: 0 0 20px;
}
h1{
    font-size: 36px;
    line-height: 1.2;
}
h2{font-size: 30px;}
h3{font-size: 30px;}
h4{font-size: 26px;}
h5{font-size: 24px;}
h6{font-size: 18px;}

img{max-width: 100%;height: auto;}
a{color: #2f7ab6;outline: none;text-decoration: none;}
a:hover{text-decoration: none;}
p{margin: 0 0 20px;}
strong{font-weight: bold;}
.text-underline{text-decoration: underline;}

.text-red{color: #de314a;}

/**/
.btn{
    display: inline-block;
    font-size: 18px;
    padding: 0 30px;
    min-height: 50px;
    line-height: 50px;
    color: #fff;
    border: none;
    cursor: pointer;
    background: #68ccf6;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}
    .btn:hover{
        background: #ff840c;
    }
.btn-lg{
    font-size: 24px;
    padding: 0 40px;
    min-height: 60px;
    line-height: 60px;
}
.btn-warning{
    background: #ff840c;
}
.btn-warning:hover{
    background: #ff510c;
}
.ml-auto{margin-left: auto;}

/**/
.banner-resources-wrap{
    padding: 250px 0 0;
    min-height: 850px;
}
.banner-resources-content{
    max-width: 890px;
}
.banner-resources-content h1{
    font-size: 65px;
    font-weight: 600;
    line-height: 1.2;
    color: #fff;
    text-transform: uppercase;
    text-shadow:0 0 50px rgba(255,255,255, 0.37);
    margin: 0 0 12px;
}
.banner-resources-content h3{
    font-size: 26px;
    color: #fff;
    margin: 0 0 15px;
}
.banner-resources-content h3 a,
.banner-resources-content h3 span{
    color: #ff840c;
}
.banner-btns{
    padding: 40px 0 0;
}
.banner-btns .select-custom{
    min-width: 390px;
    margin: 0 10px 8px 0;
}
.select-custom{
    background:#fff url(../../images/redesign/home/selct-bg.png) right center no-repeat;
    display: inline-block;
    font-size: 18px;
    color: #2f7ab6;
    height: 50px;
    padding: 0 50px 0 30px;
    -webkit-appearance: none;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}
.select-lg{
    font-size: 22px;
    height: 60px;
}

/**/
.resources-main-wrap{
    padding: 40px 0 65px;
    position: relative;
}
.resources-main-wrap:before{
    content: " ";
    background: url(../../images/redesign/home/caret-right.png) right top no-repeat;
    width: 381px;
    height: 779px;
    position: absolute;
    right: 0;
    top: 500px;
    margin-top: -350px;
}
    .main-title-center{
        text-align: center;
        padding: 0 0 40px;
    }
    .main-title-center h1{
        margin: 0 0 15px;
    }
    .text-left{
        text-align: left !important;
    }
.expert-section{
    padding: 0 0 25px;
}
.expert-section ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}
.expert-section li{
    width: 33.33%;
    padding: 0 20px 40px;
}
.expert-section li a{
    display: block;
    font-size: 24px;
    color: #2f7ab6;
    position: relative;
    line-height: 1.3;
    padding: 35px 10px 0 148px;
    min-height: 140px;
    background: #fff;
    border: 1px solid #c7dbe3;
    transition: 0.5s ease all;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}
.expert-section li a:hover{
    background: #eaf3f6;
}
.arrow-rightword{
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    width: 18px;
    height: 15px;
    background: url(../../images/redesign/home/arrow-right-blue.png) no-repeat;
}
.expert-icon{
    position: absolute;
    left: 10px;
    top: 0;
    display: inline-block;
    width: 135px;
    height: 135px;
}
    .expert-family{background: url(../../images/redesign/home/experts/family.svg) no-repeat; background-size: 100% auto;}
    .expert-group{background: url(../../images/redesign/home/experts/group.svg) no-repeat; background-size: 100% auto;}
    .expert-supplement{background: url(../../images/redesign/home/experts/supplement.svg) no-repeat; background-size: 100% auto;}
    .expert-dental{background: url(../../images/redesign/home/experts/dental.svg) no-repeat; background-size: 100% auto;}
    .expert-travel{background: url(../../images/redesign/home/experts/travel.svg) no-repeat; background-size: 100% auto;}
    .expert-student{background: url(../../images/redesign/home/experts/student.svg) no-repeat; background-size: 100% auto;}
    .expert-shortterm{background: url(../../images/redesign/home/experts/shortterm.svg) no-repeat; background-size: 100% auto;}
    .expert-longterm{background: url(../../images/redesign/home/experts/longterm.svg) no-repeat; background-size: 100% auto;}
    .expert-vision{background: url(../../images/redesign/home/experts/vision.svg) no-repeat; background-size: 100% auto;}

.over-section{
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 60px;
}
.over-content{
    width: calc(100% - 600px);
    padding: 35px 0 0;
}
.over-content h2{
    font-size: 48px;
    color: #68ccf6;
    line-height: 1.1;
    margin: 0 0 5px;
}
.over-content h3{
    padding-right: 200px;
}
.ovel-article{
    margin-left: auto;
    background: url(../../images/redesign/home/shape.png) no-repeat;
    width: 495px;
    height: 356px;
}
.over-ovel-inner{
    color: #fff;
    font-size: 22px;
    padding: 80px 70px 0 68px;
}
.over-ovel-inner h3{
    color: #fff;
    margin: 0 0 15px;
}
.learn-wrap{
    text-align: right;
}
.btn-arrow-right{
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    width: 18px;
    height: 15px;
    background: url(../../images/redesign/home/arrow-right-white.png) no-repeat;
}
/**/
.art-content-wrap{
    display: flex;
    flex-wrap: wrap;
}
.art-content-left{
    width: 25%;
    padding: 15px 0 0;
}
.art-content-mid{
    width: calc(100% - 25% - 460px);
    padding: 0 80px;
}
.links-section{
    padding: 0 0 25px;
}
.links-section li{
    padding: 0 0 7px;
}
.links-section li a{
    text-decoration: underline;
}
.links-section li a:hover{
    text-decoration: none;
    color: #ff840c;
}
.art-logos ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.art-logos li{
    width: 50%;
}
.art-content-right{
    width: 460px;
    margin-left: auto;
}
.cl {
  clear: both;
  font-size: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}


/*Media for backgrounds only start*/ /**/ /**/ /**/ /**/
/*for 320*/
@media (min-width: 220px) and (max-width: 330px) {
    .bg-hero-banner{
        background: url(../../images/redesign/home/banner-320.png) center bottom no-repeat;
        background-size: cover;
    }
}
@media (min-width: 331px) and (max-width: 991px) {
    .bg-hero-banner{
        background: url(../../images/redesign/home/banner-768.png) center bottom no-repeat;
        background-size: cover;
    }
}
/*for 1200*/
@media (min-width: 992px) and (max-width: 1200px) {
    .bg-hero-banner{
        background: url(../../images/redesign/home/banner-1200.png) center bottom no-repeat;
        background-size: cover;
    }
}
/*for 1920 screen*/
@media (min-width: 1201px) and (max-width: 2000px) {
    .bg-hero-banner{
        background: url(../../images/redesign/home/banner-1920.png) center bottom no-repeat;
        background-size: cover;
    }
}
/*for 2560 screen*/
@media (min-width: 2001px) {
    .bg-hero-banner{
        background: url(../../images/redesign/home/banner-2560.png) center bottom no-repeat;
        background-size: cover;
    }
}
/*Media for backgrounds only end*/


@media (max-width: 1700px) {
    .container{
        max-width: 1400px;
    }
    .bg-hero-banner{
        background-position: 70% bottom;
    }
    .banner-resources-wrap{
        min-height: 750px;
        padding-top: 200px;
    }
    .banner-resources-content{
        max-width: 700px;
    }
    .banner-resources-content h1{
        font-size: 50px;
    }
    .expert-section li a{
        font-size: 22px;
    }
}

@media (max-width: 1450px) {
    .container{
        max-width: 1180px;
    }
    h1{
        font-size: 32px;
    }
    .banner-resources-wrap{
        min-height: 700px;
    }
    .banner-resources-content{
        max-width: 600px;
    }
    .banner-resources-content h1{
        font-size: 40px;
    }
    .banner-resources-content h3{
        font-size: 20px;
    }
    .banner-btns .select-custom{
        min-width: 270px;
    }
    .expert-section li{
        padding: 0 15px 30px;
    }
    .expert-section li a{
        padding: 5px 20px 60px;
        height: 100%;
        text-align: center;
    }
    .expert-icon{
        position: static;
        display: block;
        margin: 0 auto;
    }
    .expert-section .arrow-rightword{
        position: absolute;
        left: 50%;
        margin-left: 9px;
        bottom: 30px;
    }
    .over-content{
        width: calc(100% - 530px);
    }
    .over-content h3{
        padding-right: 0;
    }
    .art-content-mid{
        width: calc(100% - 25% - 300px);
        padding: 0 30px;
    }
    .art-logos li{
        padding: 0 20px;
    }
    .art-content-right{
        width: 300px;
    }
}

@media (max-width: 1200px) {
    .container{
        max-width: 1075px;
    }
    .banner-resources-wrap{
        min-height: 847px;
    }
    .banner-resources-content{
        max-width: 470px;
        margin-left: 50px;
    }
    .banner-resources-content h1{
        font-size: 48px;
    }
    .banner-btns{
        padding: 10px 0 0;
    }
    .banner-btns .select-custom{
        min-width: 390px;
        margin-bottom: 15px;
    }
    .resources-main-wrap{
        padding-top: 100px;
    }
    .resources-main-wrap:before{
        display: none;
    }
    h1{
        font-size: 36px;
    }
    .over-section{
        display: block;
    }
    .over-content{
        width: 100%;
        margin: 0 0 40px;
    }
    .ovel-article{
        margin: 0;
    }
    .art-content-left{
        width: 33%;
    }
    .art-content-mid{
        width: 67%;
    }
    .art-logos ul{
        justify-content: inherit;
    }
    .art-logos li{
        width: 33.33%;
    }
    .art-content-right{
        margin-left: inherit;
        padding-top: 50px;
    }
    .art-content-wrap h3{
        font-size: 24px;
    }
}

@media (max-width: 991px) {
    .banner-resources-wrap{
        min-height: 1079px;
        padding: 145px 0 0;
    }
    .bg-hero-banner{
        background-position: center bottom;
    }
    .banner-resources-content{
        text-align: center;
        max-width: 550px;
        margin: 0 auto;
    }
    .resources-main-wrap{
        padding-top: 50px;
    }
    .expert-section li{
        padding: 0 7px 14px;
    }
    .expert-section li a{
        font-size: 20px;
    }
    .over-content{
        padding-top: 0;
    }
}

@media (max-width: 767px) {
    .container{
        padding-left: 15px;
        padding-right: 15px;
    }
    h1{
        font-size: 30px;
    }
    h2{
        font-size: 24px;
    }
    h3{
        font-size: 22px;
    }
    .banner-resources-wrap{
        min-height: 780px;
    }
    .banner-resources-content h1{
        font-size: 25px;
    }
    .banner-btns .select-custom{
        min-width: inherit;
        max-width: 400px;
        width: 100%;
        height: 50px;
        line-height: 50px;
        font-size: 19px;
    }
    .banner-resources-content h3{
        font-size: 17px;
    }
    .main-title-center h1{
        font-size: 30px;
    }
    .expert-section ul{
        margin: 0;
    }
    .expert-section li{
        width: 50%;
    }
    .over-content h2{
        font-size: 36px;
    }
    .ovel-article{
        background-size: 100% auto;
        width: inherit;
        max-width: 350px;
        height: 255px;
        margin: 0 auto;
    }
    .over-ovel-inner{
        font-size: 15px;
        padding: 46px 30px 0 48px;
    }
    .over-ovel-inner h3{
        font-size: 17px;
        margin: 0 0 5px;
    }
    .over-ovel-inner p{
        margin: 0 0 5px;
    }
    .art-content-left{
        width: 100%;
    }
    .art-content-mid{
        width: 100%;
        padding: 0;
    }
    .art-logos li{
        width: 50%;
    }
}

@media (max-width: 640px) {
    .main-title-center h1{
        font-size: 24px;
    }
    .expert-section li{
        width: 100%;
    }
    .expert-section li a{
        text-align: left;
        padding: 35px 10px 0 128px;
    }
    .expert-icon{
        position: absolute;
        left: 0;
    }
    .expert-section .arrow-rightword{
        position: static;
    }
}


@media (max-width: 330px) {
    .banner-resources-wrap{
        min-height: 722px;
        padding-top: 130px;
    }
    .banner-resources-content h1{
        font-size: 27px;
    }
    .banner-btns .btn{
        font-size: 20px;
        width: 100%;
        min-height: 50px;
        line-height: 50px;
    }
    .over-section{
        padding-bottom: 10px;
    }
    .over-ovel-inner{
        font-size: 14px;
        padding: 40px 30px 0 38px;
    }
    .over-ovel-inner .btn{
        font-size: 14px;
        padding: 0 20px;
        min-height: 40px;
        line-height: 40px;
    }
}

.card-avatar {
    margin: 0 0 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    font-size: 24px;
    color: #2f7ab6;
    position: relative;
    line-height: 1.3;
    background: #fff;
    border: 1px solid #c7dbe3;
    transition: 0.5s ease all;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    min-height: 250px;
}

.staff-icon {
    position: relative;
    left: 5px;
    top: 2px;
    display: inline-block;
    width: 30px;
    height: 23px;
}
.staff-mail-send{background: url(../../images/redesign/home/staff/mail-send.svg) no-repeat; background-size: 100% auto;}

.card-avatar .avatar{
    flex: 1;
    margin: 10px 25px;
    float: left;
    /*width: 25%;*/
    display: flex;
     align-items: center;
    justify-content: center;
}

.card-avatar .avatar img{
    border-radius: 50%;
    border: 5px solid #bbe8fb;
    /*min-width: 150px;*/
}

.card-avatar .email {
    margin-top: 5px;
}

.card-body {
    flex: 2;
    font-size: 16px;
    color: #4d4d4d;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.card-body > div {
    margin-bottom: 5px;
}

.card-body .name {
    font-weight: bold;
}

.card-body .phone a {
    color: #ff840c;
    font-weight: bold;
}

.card-body .phone a:hover {
    text-decoration: underline;
}

.cards {
    margin: 0 auto;
    display: grid;
    grid-gap: 40px;
}

.staff-member-profile {
    display: flex;
    flex-wrap: wrap;
    gap: 2em;
}

.staff-member-profile img {
    border-radius: 9px
}

.staff-member-info {
    flex: 3 0 240px;
}

.staff-member-name {
    font-weight: bold;
    margin: 0;
}


/* Screen larger than 730px? 2 column */
@media (min-width: 730px) {
    .cards { grid-template-columns: repeat(2, 1fr); }
}

/* Screen larger than 1451px? 3 columns */
@media (min-width: 1451px) {
    .cards { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 525px) {
    .card-avatar {
        flex-direction: column;
        text-align: center;
    }
    .card-body {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }
    .avatar {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }
}