@font-face {
    font-family: 'groldlight';
    src: url('../fonts/grold-light-webfont.woff2') format('woff2'),
    url('../fonts/grold-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'groldmedium';
    src: url('../fonts/grold-medium-webfont.woff2') format('woff2'),
    url('../fonts/grold-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'groldregular';
    src: url('../fonts/grold-regular-webfont.woff2') format('woff2'),
    url('../fonts/grold-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'groldextrabold';
    src: url('../fonts/grold-extrabold-webfont.woff2') format('woff2'),
    url('../fonts/grold-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'groldblack';
    src: url('../fonts/grold-black-webfont.woff2') format('woff2'),
    url('../fonts/grold-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body {
    font-family: 'groldregular';
    color: #36749d;
    font-size: 25px;
}


h3{
    font-family: 'groldextrabold';
    font-size: 40px;
    letter-spacing: 7px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.contentContainer{
    padding:155.5px;
}

header{
  width: 100%; position: relative;margin-bottom: 100px; background-color: #FFFFFF;
}


#logo{
    position: relative; left: 58px; top: 58px;
}


#menuNav{
 position: absolute; left: 862px;top: 82px;
}

#menu{
    border-right-color: #147abe; border-right-width: 1px; border-right-style: solid; width: 832px; list-style-type: none; padding: 20px 0 0 0; margin: 0; height: 40px;
}

.menuItem {
    float: left;
    text-transform: uppercase;
    padding-right: 34px;
    font-size: 30px;
    letter-spacing: 2px;
    text-decoration: none;
    height: 30px;
    padding-bottom: 0;
    font-family: 'groldlight';
}


.menuItem > a {
    text-decoration: none;
    color: #147abe;
}

#buttonMobileMenu{
 display: none;
}


#socialMediaHeader{
    position:absolute; right:58px;top:78px
}


#banner{
 position: relative; width: 100%;padding:0; margin:0;color: #FFF; font-family: 'groldmedium';
}


#banner>div{
    min-height: 900px; background: url('../img/home_img_01.png') no-repeat center center; background-size: cover;
}

#banner button{
    margin:-20px 0 0 0;
    padding:0 20px;
    margin-left: 2%;
}


#about{
    position:relative;background-color:#2c557e;color:#FFF
}

#aboutContent{
    width: 654px;
            padding-right: 200px;
            border-right-color: #FFF;
            border-right-style: solid;padding-bottom: 50px;
}
#aboutColumn1{
    margin-top:178px;
}
#aboutColumn2{
    width: 554px;
            padding-left: 120px;
            position: absolute;
            top: 158px;
            left: 1032px;
}
#about2{
    position:relative;background-color:#FFF;background: url('../img/home_img_02.jpg') no-repeat center center; background-size: cover; padding-bottom: 1212px;
}
#about2 h3{
    font-size:59px;letter-spacing: 12px;
}
#about2 h3:nth-child(1){
    color:#13294b;
}

#about2 ul{
   list-style-type:none;padding:0;margin:0;transform: translateY(120px);
}

#about2 ul li{
    width:25%;float:left;
}

#about2 ul li img{display:block;margin:0 auto;width:252px;}

#about2 ul li p{text-align:left;position: relative;margin-top: -70px;padding-left: 100px;padding-right: 54px;}

#about3{
    position:relative;background-color:#FFF;
}

#about3>div{
    padding-top:0px !important;
}

#about3>div>div{
    width:48%
}

#about3FixedImage{
    position:absolute;right:0;bottom:0;
}

#services{
    position:relative;background-color:#2c557e;height:700px;color:#FFF;text-transform:uppercase;line-height: 1.5;font-weight:bold
}
 #servicesContent{
    border-right-color: #FFF;border-right-width: 1px;border-right-style: solid;width:420px;position: relative;
 }

#servicesContentColumn{
  position:absolute;top: 20px;left: 500px;
}

.servicesContentBlockComponent{
  width:400px;position: relative;margin: 50px;
}

.servicesContentBlockComponent > div:nth-child(1){
    position: absolute;width:200px
}
.servicesContentBlockComponent>div:nth-child(1)>img{
    display: block;margin:0 auto
}
.servicesContentBlockComponent>div:nth-child(2){
    position: absolute;left:200px
}


#approval{
    position:relative;background-color:#FFF;background: url('../img/prancheta_28.png') no-repeat center center; background-size: cover;
}

#approval form input{
width:100%;margin:20px 0;background-color:#8dc8e8;border:none;height:50px;padding:0 20px
}

#approval form input::-webkit-input-placeholder{ color: #13294b;}
#approval form input:-ms-input-placeholder{ color: #13294b;}
#approval form input::placeholder  {color: #13294b;}

footer{
    padding:0 58px;height:100px;background-color:#36749d;color:#FFF
}

footer section{
    position: absolute; left: 0; top: 16px;
}

footer #copyright{
    text-align: center;  padding: 0;    margin: 0; position: relative; width: 100%; font-family: 'groldlight';
    font-size: 24px; top: 42px;
}

#scrollButton{
    position: absolute;
    z-index: 999;
    right: 0;
    top: -9px;

}

/*.scrollButtonHide{
    display: none;
}*/

.scrollButtonShow{
    display: inline;
}

.blueButton{
    width:70%;margin:70px 0 0 0;background-color:#36749d;border:none;height:100px;padding:0 20px; border-radius:100px;box-shadow:1px 11px 22px #ACACAC;color:#FFF;font-size:30px;letter-spacing: 3px;font-family: 'groldlight';text-transform:uppercase;cursor:pointer;
}
.greenButton{
    width:30%;
    background-color:#46b283;
    border:none;
    height:100px;
    border-radius:100px;
    box-shadow:1px 11px 22px #121212;
    color:#FFF;
    font-size:42px;
    font-family: 'groldregular';
    letter-spacing: 5px;
    text-transform:uppercase;
    cursor:pointer;

    margin-bottom: 200px;
}