@font-face{
    font-family:'b';
    src:url('../fonts/bold.woff2');
}
@font-face{
    font-family:'r';
    src:url('../fonts/reg.woff2');
}

*{
    box-sizing: border-box;
    outline: none;
    font-family:'r', sans-serif;
}

.text-left{
    text-align:left;
}

.text-right{
    text-align:right;
}

.text-center{
    text-align:center;
}


.w-100{
    width:100%;
}


#mobile{
 display:none;
}


body{
    padding:0;
    margin:0;
}


header{
    text-align:center;
    padding:30px;
}

header img{
    width:210px;
}

header li{
    list-style:none;
    display:inline-flex;
    align-items:center;
    margin:0 10px;
}

header li i{
 margin:0 8px;
 font-size:0.9em;
}

header button{
 border:none;
 border-radius:50px;
 padding:10px 30px;
 background:#037dd6;
 color:white;
 margin-left:50px;
}

.headerholder{
    width:900px;
    max-width:100%;
    display:inline-block;
}

.row{
    display:flex;
    align-items:center;
 }


section{
 text-align:center;
 margin:15px 0;
 padding:15px;
}


.sectionholder{
 width:700px;
 max-width:100%;
 display:inline-block;
}

.buttonswitcher{
 border:1px solid #037dd6;
 display:inline-flex;
 width:400px;
 max-width:100%;
 align-items:center;
 border-radius:50px;
}

.buttonswitcher .switchbtn{
 background:none;
 border:none;
 width:100%;
 padding:15px;
 color:#037dd6;
}

.btn1.selected{
 background:#037dd6;
 color:white;
 border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}


.btn2.selected{
 background:#037dd6;
 color:white;
 border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}


.btn{
    border:none;
    border-radius:50px;
    padding:10px 30px;
    background:#037dd6;
    color:white;
}

.window{
 background:white;
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 overflow:auto;
 display:none;
}

.windowheader{
 padding:10px 20px;
}

.windowheader img{
 width:40px;
}

.windowheader i{
 font-size:1.5em;
}

.windowcontent{
 padding:10px;
 text-align:center;
}

.windowform{
 margin-bottom:100px;
 width:500px;
 max-width:100%;
 display:inline-block;
 background:#f9f9f9;
 padding:20px;
 border-radius:6px;
}

.formcol{
 margin:30px 0;
 text-align:left;
}

label{
 display:block;
 margin:5px 0;
 font-family:b;
}
select{
 height:40px;
 width:100%;
 border:1px solid #d0d0d0;
 background:white;
 color:black;
 border-radius:3px;

}

.sector{
  text-align:center;
}

.sectorinput{
 width:139px;
 padding:13px;
 margin:5px;
 border:1px solid #cbcbcb;
 background:white;
 border-radius:3px;
}

textarea{
 width:100%;
 background:white;
  border:1px solid #cbcbcb;
 resize:none;
 height:140px;
 padding:10px;
 border-radius:3px;
}

a{
 color:#037dd6;
 text-decoration:none;
 font-weight:bold;
}


footer{
 background:#f1f1f1;
 padding:60px;
 text-align:center;
}

footer .container{
 display:inline-block;
 width:950px;
 max-width:100%;
}
footer b{
 color:#f6851b;
 display:block;
 margin:10px 0;
 font-weight:normal;

}

footer span{
 display:block;
 font-size:0.8em;
 padding:5px 0;
}

footer .row{
 text-align:left;
}

footer .row .col{
  width:100%;
}