/**************************************************/
/* GLOBAL
/**************************************************/
@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../css/fonts/OpenSans-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../css/fonts/OpenSans-Bold.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans-Light';
    src: url('../css/fonts/OpenSans-Light.ttf');
    font-weight: normal;
    font-style: normal;
}
html,
body {
    font-family: 'OpenSans-Regular' !important;
    font-size: 15px;
    line-height: 19px;
    margin: 0;
}


/**************************************************/
/* CONTENT
/**************************************************/
#main-banner {width: 100%; float: left; padding: 70px 0; text-align: center; background-image: url("../images/bkg-main-banner.png"); background-size: cover; background-position: top center; background-repeat: no-repeat;}
#main-banner h3 {margin-top: 70px; color: #757679; font-family: 'OpenSans-Bold';}
#main-banner h1 {color: #1f98d5; font-family: 'OpenSans-Bold'; margin-top: 30px;}
#main-banner a {display: block; margin-top: 45px;}

#four-pillars {width: 100%; float: left; padding: 50px 0; text-align: center;}
.four-pillars div:nth-of-type(1) {background-image: url("../images/pillars-01.png"); height: 350px; padding: 80px 25px 0 25px; background-repeat: no-repeat; background-position: top center;}
#four-pillars p {font-size: 16px; line-height: 22px; color: #6c6d70;}
.four-pillars div:nth-of-type(2) {background-image: url("../images/pillars-02.png"); height: 350px; padding: 80px 25px 0 25px; background-repeat: no-repeat; background-position: top center;}
.four-pillars div:nth-of-type(3) {background-image: url("../images/pillars-03.png"); height: 350px; padding: 80px 25px 0 25px; background-repeat: no-repeat; background-position: top center;}
.four-pillars div:nth-of-type(4) {background-image: url("../images/pillars-04.png"); height: 350px; padding: 80px 25px 0 25px; background-repeat: no-repeat; background-position: top center;}
.four-pillars {margin-top: 60px;}

#banner-seno {width: 100%; float: left; padding: 70px 0; background-image: url("../images/bkg-banner-seno.png"); background-size: cover; background-position: top center; background-repeat: no-repeat;}
#banner-seno h5 {color: #0e2546; font-family: 'OpenSans-Bold'; width: 70%; line-height: 28px;}
#banner-seno h6 {color: #fff; margin-top: 15px; line-height: 22px; width: 73%;}
#banner-seno img {max-width: 100%;}

#best-choice {width: 100%; float: left; text-align: center; padding: 60px 0; background-image: url("../images/bkg-best-choice.png"); background-size: cover; background-position: top center; background-repeat: no-repeat;}
#best-choice h3 {position: absolute; color: #0e2546; font-family: 'OpenSans-Light'; top: 12%; width: 20%; left: 17%;}
#best-choice h3 span {color: #1f98d5; font-family: 'OpenSans-Bold';}
#best-choice .row div div {position: absolute;}
#best-choice .row div div:nth-of-type(1) {width: 20%; top: 50%; left: 5%; text-align: right;}
#best-choice p {color: #6c6d70;}
#best-choice h5 {color: #fdb813; font-family: 'OpenSans-Bold';}
#best-choice .row div div:nth-of-type(2) {width: 22%; top: 12%; right: 3%; text-align: left;}
#best-choice .row div div:nth-of-type(3) {width: 22%; top: 62%; right: 3%; text-align: left;}

#map {width: 100%; float: left; height: 300px;}
#contact {width: 100%; float: left; padding: 50px 0;}
#contact .title-contact {text-align: center;}
#contact h3 {color: #fdb813; letter-spacing: 2px; font-family: 'OpenSans-Bold';}
#contact p {color: #58585b; font-size: 18px; margin-top: 15px;}
#contact form {margin-top: 30px; width: 70%; float: right;}
#contact input {border: 1px solid #a7a9ab; border-radius: initial; margin-bottom: 15px; padding: 2px 15px; color: #a7a9ab; background-color: initial;}
#contact select {height: 28px; padding: 0 15px; border: 1px solid #a7a9ab; border-radius: initial; margin-bottom: 15px; color: #a7a9ab; background-color: initial;}
#contact textarea {border: 1px solid #a7a9ab; border-radius: initial; margin-bottom: 15px; color: #a7a9ab; background-color: initial;}
#contact button {background-color: #1f98d5; color: #fff; font-family: 'OpenSans-Light'; border-radius: initial; border: initial; float: right; padding: 3px 35px;}
.contacts {margin-top: 30px; padding-left: 30px;}
.contacts .icons {text-align: right;}
.contacts .row {margin-bottom: 20px;}
#contact h6 {color: #0e2546; font-size: 17px;}
#contact h6 strong {font-family: 'OpenSans-Bold';}
#contact a {display: inline-block; margin-top: 10px; margin-right: 10px;}
#logo-footer {display: block; margin-top: 60px;}
#developed-by {width: 100%; float: left; padding: 5px 0; background-color: #0e2546; text-align: center;}
#developed-by span {display: block; color: #808284; font-size: 12px;}
#developed-by span a {text-decoration: none; color: #808284;}
#contact .pipedriveWebForms {width: 70% !important; float: right;}