.clearfix{
    display:inline-block
}
.clearfix::after{
    visibility:hidden;
    display:block;
    content:" ";
    clear:both;
    height:0
}
@font-face{
    font-family:"Roboto-Light";
    src:url("../fonts/Roboto/Roboto-Light.ttf")
}
@font-face{
    font-family:"Roboto-LightItalic";
    src:url("../fonts/Roboto/Roboto-LightItalic.ttf")
}
@font-face{
    font-family:"Roboto-Italic";
    src:url("../fonts/Roboto/Roboto-Italic.ttf")
}
@font-face{
    font-family:"Roboto-Regular";
    src:url("../fonts/Roboto/Roboto-Regular.ttf")
}
@font-face{
    font-family:"Roboto-Bold";
    src:url("../fonts/Roboto/Roboto-Bold.ttf")
}
@font-face{
    font-family:"Roboto-Black";
    src:url("../fonts/Roboto/Roboto-Black.ttf")
}
body{
    background-color:#ffffff;
    width:auto;
    height:auto;
    font-family:Roboto-Regular;
    margin:0 auto;
    padding:0
}
a{
    text-decoration:none
}
*:focus{
    outline:0
}
a:focus,input:focus,textarea:focus,button:focus{
    outline:none
}
img{
    border:none
}
.responsive_table{
    width:auto;
    height:auto
}
@media only screen and (max-width: 40em){
    .responsive_table{
        overflow:auto
    }
}
.alert_wrapper{
    width:100%;
    height:auto;
    box-sizing:border-box;
    clear:both
}
@media only screen and (max-width: 70em){
    .alert_wrapper{
        padding:0 30px
    }
}
.alert_wrapper .alert{
    width:100%;
    height:auto;
    font-size:16px;
    font-family:Roboto-Regular;
    color:#ffffff;
    padding:20px 25px;
    margin-bottom:30px;
    border-radius:6px;
    box-sizing:border-box;
    clear:both
}
.alert_wrapper .alert.alert-success{
    background-color:#2ecc71
}
.alert_wrapper .alert.alert-info{
    background-color:#3498db
}
.alert_wrapper .alert.alert-warning{
    background-color:#e67e22
}
.alert_wrapper .alert.alert-danger{
    background-color:#e74c3c
}
.wrapper{
    max-width:1060px;
    height:auto;
    margin:auto
}
#top{
    background:url("../images/background-pattern.png") top center repeat;
    background-color:#232c51;
    width:100%;
    min-height:390px;
    height:auto;
    padding:50px 0 50px 0;
    position:relative;
    box-sizing:border-box;
    clear:both
}
@media only screen and (max-width: 70em){
    #top{
        min-height:auto
    }
}
@media only screen and (max-width: 40em){
    #top{
        padding:50px 0 10px 0
    }
}
#top .border{
    width:8px;
    height:6px;
    position:absolute
}
#top .border.top_left{
    top:25px;
    left:17px;
    border-top:4px solid #ffffff;
    border-left:4px solid #ffffff
}
#top .border.top_right{
    top:25px;
    right:17px;
    border-top:4px solid #ffffff;
    border-right:4px solid #ffffff
}
#top .border.bottom_left{
    bottom:25px;
    left:17px;
    border-bottom:4px solid #ffffff;
    border-left:4px solid #ffffff
}
#top .border.bottom_right{
    bottom:25px;
    right:17px;
    border-bottom:4px solid #ffffff;
    border-right:4px solid #ffffff
}
#top.big header{
    margin-bottom:0
}
#top header{
    width:100%;
    height:auto;
    padding:0;
    margin:0 0 50px 0;
    box-sizing:border-box;
    position:relative;
    clear:both
}
@media only screen and (max-width: 70em){
    #top header{
        margin:0 0 30px 0
    }
}
@media only screen and (max-width: 40em){
    #top header{
        padding:0 45px 0 45px;
        margin:0
    }
}
#top header.second_nav{
    margin-bottom:10px
}
#top header #nav-icon{
    width:40px;
    height:29px;
    position:relative;
    margin:29px auto;
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    cursor:pointer;
    float:right;
    display:none
}
@media only screen and (max-width: 40em){
    #top header #nav-icon{
        display:block
    }
}
#top header #nav-icon span{
    display:block;
    position:absolute;
    height:4px;
    width:100%;
    background:#ffffff;
    border-radius:9px;
    opacity:1;
    left:0;
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transition:.25s ease-in-out;
    transition:.25s ease-in-out
}
#top header #nav-icon span:nth-child(1){
    top:0px;
    -webkit-transform-origin:left center;
    transform-origin:left center
}
#top header #nav-icon span:nth-child(2){
    top:10px;
    -webkit-transform-origin:left center;
    transform-origin:left center
}
#top header #nav-icon span:nth-child(3){
    top:20px;
    -webkit-transform-origin:left center;
    transform-origin:left center
}
#top header #nav-icon.open span:nth-child(1){
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    top:-3px;
    left:8px
}
#top header #nav-icon.open span:nth-child(2){
    width:0%;
    opacity:0
}
#top header #nav-icon.open span:nth-child(3){
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    top:26px;
    left:8px
}
#top header #top_logo{
    width:220px;
    height:82px;
    float:left
}
@media only screen and (max-width: 70em){
    #top header #top_logo{
        float:none;
        margin:auto;
        margin-bottom:33px;
        clear:both
    }
}
@media only screen and (max-width: 40em){
    #top header #top_logo{
        width:60px;
        float:left;
        clear:none
    }
}
#top header #top_logo .logo{
    background:url("../images/logo-white-full.svg") no-repeat;
    width:220px;
    height:82px;
    margin:auto
}
@media only screen and (max-width: 40em){
    #top header #top_logo .logo{
        background:url("../images/logo-white.svg") no-repeat;
        width:60px;
        float:left
    }
}
#top header #top_right{
    width:auto;
    height:auto;
    float:right
}
@media only screen and (max-width: 70em){
    #top header #top_right{
        width:100%;
        float:none;
        margin:auto;
        clear:both
    }
}
@media only screen and (max-width: 40em){
    #top header #top_right{
        width:100%;
        margin-bottom:40px;
        float:none;
        clear:both;
        display:none;
        padding:0
    }
}
#top header #top_right nav{
    width:auto;
    height:auto;
    margin:33px 0 0 0;
    float:left
}
@media only screen and (max-width: 70em){
    #top header #top_right nav{
        width:100%;
        float:none;
        display:-webkit-box;
        display:flex;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        flex-direction:row;
        flex-wrap:nowrap;
        -webkit-box-pack:center;
        justify-content:center;
        align-content:stretch;
        -webkit-box-align:start;
        align-items:flex-start;
        margin:10px auto;
        clear:both
    }
}
#top header #top_right nav ul{
    list-style:none;
    display:block;
    margin:0;
    padding:0
}
#top header #top_right nav ul li{
    width:auto;
    height:auto;
    font-size:14px;
    font-family:Roboto-Bold;
    color:#adcbf2;
    margin:0 40px 0 0;
    position:relative;
    float:left
}
@media only screen and (max-width: 40em){
    #top header #top_right nav ul li{
        width:100%;
        margin:0;
        margin-bottom:15px;
        text-align:center;
        float:none
    }
    #top header #top_right nav ul li:last-child{
        margin-bottom:0
    }
}
#top header #top_right nav ul li:last-child{
    margin-right:0
}
#top header #top_right nav ul li:hover{
    cursor:pointer
}
#top header #top_right nav ul li:hover .sub-menu{
    display:block
}
@media only screen and (max-width: 40em){
    #top header #top_right nav ul li:hover .sub-menu{
        display:none
    }
}
#top header #top_right nav ul li a{
    color:#adcbf2;
    -webkit-transition:0.2s color;
    transition:0.2s color
}
#top header #top_right nav ul li a:hover{
    color:#ffffff
}
#top header #top_right nav ul li ul.sub-menu{
    width:220px;
    height:auto;
    padding-top:15px;
    right:0;
    position:absolute;
    z-index:9;
    display:none
}
@media only screen and (max-width: 40em){
    #top header #top_right nav ul li ul.sub-menu{
        position:relative
    }
}
#top header #top_right nav ul li ul.sub-menu:before{
    width:0;
    height:0;
    border-style:solid;
    border-width:0 0 11px 12px;
    border-color:transparent transparent #f6f6f6 transparent;
    top:4px;
    right:0;
    content:'';
    position:absolute
}
@media only screen and (max-width: 40em){
    #top header #top_right nav ul li ul.sub-menu:before{
        display:none
    }
}
#top header #top_right nav ul li ul.sub-menu li{
    background-color:#f6f6f6;
    width:100%;
    height:auto;
    font-size:14px;
    font-family:Roboto-Regular;
    color:#777b8f;
    margin:0;
    border-bottom:1px solid #e9e9e9;
    box-sizing:border-box;
    clear:both
}
#top header #top_right nav ul li ul.sub-menu li:last-child{
    margin-bottom:none
}
#top header #top_right nav ul li ul.sub-menu li a{
    display:block;
    padding:15px 20px;
    color:#777b8f;
    -webkit-transition:0.2s color;
    transition:0.2s color
}
@media only screen and (max-width: 40em){
    #top header #top_right nav ul li ul.sub-menu li a{
        padding:15px 0
    }
}
#top header #top_right nav ul li ul.sub-menu li a:hover{
    color:#3d3f4a
}
#top header #top_right #languages{
    width:auto;
    height:62px;
    padding:14px 0 0 35px;
    margin:12px 0 0 40px;
    border-left:1px solid #1a5fb0;
    box-sizing:border-box;
    float:right
}
@media only screen and (max-width: 70em){
    #top header #top_right #languages{
        width:100%;
        float:none;
        display:-webkit-box;
        display:flex;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        flex-direction:row;
        flex-wrap:nowrap;
        -webkit-box-pack:center;
        justify-content:center;
        align-content:stretch;
        -webkit-box-align:start;
        align-items:flex-start;
        padding:0;
        margin-left:0;
        border-left:0;
        clear:both
    }
}
#top header #top_right #languages .language{
    width:auto;
    height:auto;
    font-size:11px;
    font-family:Roboto-Bold;
    color:#7daae1;
    margin:0 7px 0 0;
    border-radius:100px;
    float:left
}
#top header #top_right #languages .language:last-child{
    margin-right:0
}
#top header #top_right #languages .language a{
    display:block;
    padding:10px;
    color:#7daae1;
    border-radius:100px;
    -webkit-transition:0.2s color;
    transition:0.2s color
}
#top header #top_right #languages .language a:hover{
    color:#c0c8eb
}
#top header #top_right #languages .language.active a{
    border:1px solid #3f70b0;
    color:#c0c8eb;
    padding:9px
}
#top #second_nav{
    width:auto;
    height:auto;
    clear:both
}
@media only screen and (max-width: 40em){
    #top #second_nav{
        margin-bottom:30px
    }
}
#top #second_nav ul{
    list-style:none;
    display:block;
    margin:0;
    padding:0
}
#top #second_nav ul li{
    width:auto;
    height:auto;
    font-size:30px;
    font-family:Roboto-Light;
    color:#8cb2e4;
    border-right:1px solid #1a5fb0;
    padding:31px 44px 37px 44px;
    margin:0 0 0 0;
    float:left
}
@media only screen and (max-width: 70em){
    #top #second_nav ul li{
        width:100%;
        margin:0;
        padding:0;
        margin-bottom:15px;
        text-align:center;
        border-right:0;
        float:none
    }
    #top #second_nav ul li:last-child{
        margin-bottom:0
    }
}
#top #second_nav ul li:first-child{
    padding-left:0
}
#top #second_nav ul li:last-child{
    padding-right:0;
    border-right:none
}
#top #second_nav ul li.active a{
    color:#ffffff
}
#top #second_nav ul li a{
    color:#8cb2e4;
    -webkit-transition:0.2s color;
    transition:0.2s color
}
#top #second_nav ul li a:hover{
    color:#ffffff
}
#top #heading_page_title{
    width:100%;
    height:auto;
    font-size:30px;
    font-family:Roboto-Light;
    color:#ffffff;
    padding:31px 0 37px 0;
    box-sizing:border-box;
    clear:both
}
@media only screen and (max-width: 70em){
    #top #heading_page_title{
        padding-left:30px;
        padding-right:30px
    }
}
@media only screen and (max-width: 40em){
    #top #heading_page_title{
        text-align:center
    }
}
#top #slider{
    width:100%;
    height:auto;
    clear:both
}
@media only screen and (max-width: 40em){
    #top #slider{
        display:none
    }
}
#top #slider #slides{
    width:100%;
    height:auto;
    overflow:hidden;
    clear:both
}
#top #slider #slides .slide{
    width:100%;
    height:auto;
    text-align:left;
    box-sizing:border-box;
    padding-left:1px;
    float:left
}
@media only screen and (max-width: 70em){
    #top #slider #slides .slide{
        text-align:center
    }
}
@media only screen and (max-width: 40em){
    #top #slider #slides .slide{
        padding:0 20px 0 20px
    }
}
#top #slider #slides .slide .title{
    width:100%;
    height:auto;
    font-size:44px;
    font-family:Roboto-Regular;
    color:#ffffff;
    margin:0 0 20px 0;
    clear:both
}
#top #slider #slides .slide .description{
    width:100%;
    height:auto;
    font-size:17px;
    font-family:Roboto-Regular;
    color:#adcbf2;
    margin:0 0 37px 0;
    box-sizing:border-box;
    clear:both
}
#top #slider #slider_arrows{
    width:auto;
    height:auto;
    box-sizing:border-box;
    position:relative;
    clear:both
}
@media only screen and (max-width: 70em){
    #top #slider #slider_arrows{
        display:-webkit-box;
        display:flex;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        flex-direction:row;
        flex-wrap:nowrap;
        -webkit-box-pack:center;
        justify-content:center;
        align-content:stretch;
        -webkit-box-align:start;
        align-items:flex-start
    }
}
#top #slider #slider_arrows .arrow{
    width:28px;
    height:28px;
    padding:4px 0;
    text-align:center;
    margin:0 7px 0 0;
    border-radius:100px;
    box-sizing:border-box;
    border:2px solid #465387;
    float:left
}
#top #slider #slider_arrows .arrow:hover{
    cursor:pointer
}
#top #slider #slider_arrows .arrow:last-child{
    margin-right:0
}
#top #slider #slider_arrows .arrow img{
    width:16px;
    height:auto
}
#offer_box{
    width:100%;
    height:auto;
    padding:90px 0 90px 0;
    box-sizing:border-box;
    clear:both
}
@media only screen and (max-width: 30em){
    #offer_box{
        padding:30px 0 30px 0
    }
}
#offer_box .heading{
    width:100%;
    height:auto;
    margin:0 0 90px 0;
    text-align:center;
    clear:both
}
#offer_box .heading .title{
    width:100%;
    height:auto;
    font-size:36px;
    font-family:Roboto-Regular;
    color:#232c51;
    margin:0 0 40px 0;
    clear:both
}
#offer_box .heading .short_description{
    width:100%;
    height:auto;
    font-size:16px;
    font-family:Roboto-Regular;
    color:#a0acdf;
    clear:both
}
#offer_box ul.offer_list{
    list-style:none;
    display:block;
    width:100%;
    height:auto;
    margin:0 0 100px 0;
    padding:0;
    clear:both
}
@media only screen and (max-width: 30em){
    #offer_box ul.offer_list{
        margin:0 0 0 0
    }
}
#offer_box ul.offer_list li{
    width:33.33%;
    padding-left:20px;
    padding-right:20px;
    height:auto;
    box-sizing:border-box;
    float:left
}
@media only screen and (max-width: 60em){
    #offer_box ul.offer_list li{
        width:100%;
        margin-bottom:80px
    }
    #offer_box ul.offer_list li:last-child{
        margin-bottom:0
    }
}
#offer_box ul.offer_list li .icon{
    background:url("../images/offer-heading-icon.png") top center no-repeat;
    width:32px;
    height:32px;
    margin:auto;
    margin-bottom:20px
}
#offer_box ul.offer_list li .title{
    width:100%;
    height:auto;
    font-size:18px;
    font-family:Roboto-Regular;
    color:#232c51;
    text-align:center;
    margin-bottom:20px;
    clear:both
}
#offer_box ul.offer_list li .description{
    width:100%;
    height:auto;
    font-size:14px;
    font-family:Roboto-Regular;
    color:#a0acdf;
    line-height:20px;
    text-align:center;
    clear:both
}
#offer_box #arrows{
    width:53px;
    height:30px;
    margin:auto;
    box-sizing:border-box;
    position:relative;
    clear:both
}
#offer_box #arrows:before{
    width:27px;
    height:27px;
    left:0;
    content:'';
    position:absolute;
    border:2px solid #dfe3f5;
    border-radius:100px;
    z-index:0
}
#offer_box #arrows:after{
    width:27px;
    height:27px;
    left:23px;
    content:'';
    position:absolute;
    border:2px solid #dfe3f5;
    border-radius:100px;
    z-index:0
}
#offer_box #arrows .arrow{
    background-color:#ffffff;
    width:27px;
    height:27px;
    margin:2px 0 0 2px;
    border-radius:100px;
    position:absolute;
    z-index:1
}
#offer_box #arrows .arrow:hover{
    cursor:pointer
}
#offer_box #arrows .arrow img{
    width:16px;
    height:auto
}
#offer_box #arrows .arrow.previous{
    top:0;
    left:0
}
#offer_box #arrows .arrow.previous img{
    margin:5px 0 0 6px
}
#offer_box #arrows .arrow.next{
    top:0;
    right:1px
}
#offer_box #arrows .arrow.next img{
    margin:5px 6px 0 0;
    float:right
}
#our_company_box{
    width:100%;
    height:auto;
    box-sizing:border-box;
    clear:both
}
#our_company_box .left_side{
    background:url("../images/background-pattern.png") top center repeat;
    background-color:#232c51;
    width:50%;
    height:688px;
    padding:0 50px 0 0;
    margin:0;
    box-sizing:border-box;
    float:left;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-content: stretch;
    align-items: center;
}
@media only screen and (max-width: 70em){
    #our_company_box .left_side{
        width:100%;
        margin-top:0;
        padding:90px 50px 90px 50px;
        height:auto
    }
}
@media only screen and (max-width: 60em){
    #our_company_box .left_side{
        text-align:center
    }
}
@media only screen and (max-width: 30em){
    #our_company_box .left_side{
        padding:30px 50px 30px 50px
    }
}
#our_company_box .left_side .text{
    max-width:475px;
    height:auto;
    float:right
}
@media only screen and (max-width: 70em){
    #our_company_box .left_side .text{
        max-width:100%;
        width:100%;
        height:auto
    }
}
#our_company_box .left_side .text .heading{
    width:100%;
    height:auto;
    font-size:36px;
    font-family:Roboto-Regular;
    color:#ffffff;
    margin-bottom:40px;
    clear:both
}
#our_company_box .left_side .text .content{
    width:100%;
    height:auto;
    font-size:15px;
    font-family:Roboto-Regular;
    color:#bcc5ee;
    line-height:22px;
    text-align:justify;
    clear:both
}
@media only screen and (max-width: 60em){
    #our_company_box .left_side .text .content{
        text-align:center
    }
}
#our_company_box .left_side .text .content .bold{
    font-size:16px;
    font-family:Roboto-Bold;
    color:#ffffff
}
#our_company_box .right_photo{
    background:url("../images/res/our-company-photo.png") no-repeat;
    background-size:cover;
    width:50%;
    height:688px;
    float:right
}
@media only screen and (max-width: 70em){
    #our_company_box .right_photo{
        display:none
    }
}
#our_values{
    width:100%;
    height:auto;
    font-size:0;
    margin:0;
    padding:90px 0 0 0;
    box-sizing:border-box;
    clear:both
}
@media only screen and (max-width: 40em){
    #our_values{
        padding-left:45px;
        padding-right:45px
    }
}
@media only screen and (max-width: 30em){
    #our_values{
        padding:30px 30px 0 30px
    }
}
#our_values .heading{
    width:100%;
    height:auto;
    margin:0 0 5px 0;
    text-align:center;
    clear:both
}
#our_values .heading .title{
    width:100%;
    height:auto;
    font-size:36px;
    font-family:Roboto-Regular;
    color:#232c51;
    margin:0 0 40px 0;
    clear:both
}
#our_values .heading .short_description{
    width:100%;
    height:auto;
    font-size:16px;
    font-family:Roboto-Regular;
    color:#a0acdf;
    clear:both
}
#our_values ul.values_list{
    background:url("../images/our-values-stock-bg.png") bottom center no-repeat;
    list-style:none;
    display:block;
    width:100%;
    height:auto;
    padding:70px 0 130px 0;
    clear:both
}
@media only screen and (max-width: 70em){
    #our_values ul.values_list{
        background:none
    }
}
@media only screen and (max-width: 30em){
    #our_values ul.values_list{
        padding:40px 0 40px 0
    }
}
#our_values ul.values_list li{
    width:50%;
    height:auto;
    box-sizing:border-box;
    margin-top:115px;
    float:left
}
@media only screen and (max-width: 70em){
    #our_values ul.values_list li{
        text-align:center
    }
}
@media only screen and (max-width: 60em){
    #our_values ul.values_list li{
        width:100%;
        margin-top:60px;
        float:none
    }
}
#our_values ul.values_list li:nth-child(1){
    margin-top:0
}
#our_values ul.values_list li:nth-child(2){
    margin-top:0
}
@media only screen and (max-width: 60em){
    #our_values ul.values_list li:nth-child(2){
        margin-top:60px
    }
}
#our_values ul.values_list li:nth-child(even){
    text-align:right
}
@media only screen and (max-width: 70em){
    #our_values ul.values_list li:nth-child(even){
        text-align:center
    }
}
#our_values ul.values_list li:nth-child(even) .icon,#our_values ul.values_list li:nth-child(even) .title,#our_values ul.values_list li:nth-child(even) .description{
    text-align:right;
    float:right
}
@media only screen and (max-width: 70em){
    #our_values ul.values_list li:nth-child(even) .icon,#our_values ul.values_list li:nth-child(even) .title,#our_values ul.values_list li:nth-child(even) .description{
        text-align:center;
        float:none
    }
}
#our_values ul.values_list li .icon{
    width:32px;
    height:38px;
    margin-bottom:12px;
    clear:both;
    float:left
}
@media only screen and (max-width: 70em){
    #our_values ul.values_list li .icon{
        float:none;
        margin:auto
    }
}
#our_values ul.values_list li .icon img{
    width:32px;
    height:38px
}
#our_values ul.values_list li .title{
    width:100%;
    height:auto;
    font-size:18px;
    font-family:Roboto-Regular;
    color:#232c51;
    margin-bottom:10px;
    clear:both
}
@media only screen and (max-width: 70em){
    #our_values ul.values_list li .title{
        text-align:center
    }
}
#our_values ul.values_list li .description{
    max-width:345px;
    height:auto;
    font-size:14px;
    font-family:Roboto-Regular;
    color:#a0acdf;
    text-align:justify;
    line-height:20px;
    clear:both
}
@media only screen and (max-width: 70em){
    #our_values ul.values_list li .description{
        max-width:100%;
        padding:0 30px;
        text-align:center
    }
}
footer{
    background-color:#f1f5fa;
    width:100%;
    height:auto;
    margin:0;
    padding:48px 0 48px 0;
    box-sizing:border-box;
    clear:both
}
@media only screen and (max-width: 70em){
    footer{
        padding-left:45px;
        padding-right:45px
    }
}
footer #footer_logo{
    background:url("../images/logo-blue-full.svg") no-repeat;
    width:200px;
    height:48px;
    float:left
}
@media only screen and (max-width: 40em){
    footer #footer_logo{
        background:url("../images/logo-blue.svg") no-repeat;
        width:60px;
        float:left
    }
}
footer #copyright{
    width:auto;
    height:auto;
    font-size:14px;
    font-family:Roboto-Regular;
    color:#a0acdf;
    margin:17px 0 0 0;
    float:right
}
#bottom_nav{
    width:100%;
    height:auto;
    padding:45px 0 45px 0;
    border-top:1px solid #f2f2f2;
    box-sizing:border-box;
    clear:both
}
@media only screen and (max-width: 70em){
    #bottom_nav{
        padding-left:45px;
        padding-right:45px
    }
}
#bottom_nav .arrow{
    width:auto;
    height:auto;
    font-size:15px;
    font-family:Roboto-Regular;
    color:#adafbc;
    -webkit-transition:0.2s color;
    transition:0.2s color
}
@media only screen and (max-width: 40em){
    #bottom_nav .arrow{
        width:100%;
        text-align:center;
        margin-bottom:10px;
        clear:both
    }
    #bottom_nav .arrow:last-child{
        margin-bottom:0
    }
}
#bottom_nav .arrow.left{
    float:left
}
#bottom_nav .arrow.right{
    float:right
}
#bottom_nav .arrow .arrow_icon{
    width:13px;
    height:13px;
    margin-top:2px
}
@media only screen and (max-width: 40em){
    #bottom_nav .arrow .arrow_icon{
        display:none
    }
}
#bottom_nav .arrow.left .arrow_icon{
    background:url("../images/arrow-thin-left.svg") top left no-repeat;
    background-size:contain;
    margin-right:12px;
    float:left
}
#bottom_nav .arrow.right .arrow_icon{
    background:url("../images/arrow-thin-right.svg") top left no-repeat;
    background-size:contain;
    margin-left:12px;
    float:right
}
#bottom_nav .arrow a{
    color:#adafbc;
    display:block;
    -webkit-transition:0.2s color;
    transition:0.2s color
}
@media only screen and (max-width: 40em){
    #bottom_nav .arrow a{
        display:inline
    }
}
#bottom_nav .arrow a:hover{
    color:#83869a
}
#page_view_1{
    width:100%;
    height:auto;
    clear:both
}
#page_view_1 #page_heading_nav{
    width:50%;
    height:auto;
    position:relative;
    z-index:1;
    margin-top:-215px;
    float:left
}
@media only screen and (max-width: 70em){
    #page_view_1 #page_heading_nav{
        width:100%;
        margin-top:0
    }
}
#page_view_1 #page_heading_nav.short{
    margin-top:0
}
#page_view_1 #page_heading_nav.short ul li:first-child{
    color:#9b9b9b
}
#page_view_1 #page_heading_nav.short ul li:first-child .title{
    color:#9b9b9b
}
#page_view_1 #page_heading_nav.short ul li:first-child .short_description{
    color:#9b9b9b
}
#page_view_1 #page_heading_nav ul{
    width:525px;
    height:auto;
    padding:0;
    margin:0;
    list-style:none;
    display:block;
    float:right
}
@media only screen and (max-width: 70em){
    #page_view_1 #page_heading_nav ul{
        width:100%;
        float:none;
        clear:both;
        display:-webkit-box;
        display:flex;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        flex-direction:row;
        flex-wrap:nowrap;
        justify-content:space-around;
        align-content:stretch;
        -webkit-box-align:start;
        align-items:flex-start
    }
}
@media only screen and (max-width: 40em){
    #page_view_1 #page_heading_nav ul{
        display:block
    }
}
@media only screen and (min-width: 70em){
	#page_view_1 #page_heading_nav ul li:first-child {
		min-height:220px;
	}
}
#page_view_1 #page_heading_nav ul li{
    width:auto;
    min-height:auto;
    box-sizing:border-box;
    clear:both
}
@media only screen and (max-width: 70em){
    #page_view_1 #page_heading_nav ul li{
        padding:20px 30px;
        text-align:center;
        float:left;
        clear:none
    }
}
@media only screen and (max-width: 40em){
    #page_view_1 #page_heading_nav ul li{
        width:100%;
        padding:0 20px
    }
    #page_view_1 #page_heading_nav ul li:last-child .short_description{
        margin-bottom:15px
    }
}
#page_view_1 #page_heading_nav ul li:first-child{
    color:#ffffff
}
@media only screen and (max-width: 70em){
    #page_view_1 #page_heading_nav ul li:first-child{
        color:#9b9b9b
    }
}
#page_view_1 #page_heading_nav ul li:first-child .title{
    color:#ffffff
}
@media only screen and (max-width: 70em){
    #page_view_1 #page_heading_nav ul li:first-child .title{
        color:#9b9b9b
    }
}
#page_view_1 #page_heading_nav ul li:first-child .short_description{
    color:#ffffff
}
@media only screen and (max-width: 70em){
    #page_view_1 #page_heading_nav ul li:first-child .short_description{
        color:#9b9b9b
    }
}
#page_view_1 #page_heading_nav ul li a{
    display:block;
    padding:20px 0
}
#page_view_1 #page_heading_nav ul li .title{
    width:auto;
    height:auto;
    font-size:27px;
    font-family:Roboto-Light;
    color:#9b9b9b;
    margin-bottom:15px;
    clear:both
}
@media only screen and (max-width: 70em){
    #page_view_1 #page_heading_nav ul li .title{
        text-align:center
    }
}
#page_view_1 #page_heading_nav ul li .short_description{
    width:auto;
    max-width:440px;
    height:auto;
    font-size:15px;
    font-family:Roboto-Regular;
    color:#c1c1c1;
    text-align:justify;
    line-height:24px;
    margin-bottom:15px;
    clear:both
}
@media only screen and (max-width: 70em){
    #page_view_1 #page_heading_nav ul li .short_description{
        text-align:center;
        max-width:100%;
        margin-bottom:0
    }
}
#page_view_1 #heading_photo{
    width:50%;
    height:auto;
    margin:0;
    padding:0;
    line-height:normal;
    overflow:hidden;
    float:right
}
@media only screen and (max-width: 70em){
    #page_view_1 #heading_photo{
        width:100%;
        height:auto;
        float:none;
        clear:both
    }
}
#page_view_1 #heading_photo img{
    width:auto;
    height:auto;
    float:left
}
@media only screen and (max-width: 70em){
    #page_view_1 #heading_photo img{
        width:100%
    }
}
#page_view_1 #page_quote{
    background:url("../images/quote-bg-icon.png") center 20px no-repeat;
    background-color:#434343;
    width:100%;
    min-height:140px;
    height:auto;
    margin:0;
    padding:40px 0;
    box-sizing:border-box;
    clear:both
}
@media only screen and (max-width: 40em){
    #page_view_1 #page_quote{
        padding-left:40px;
        padding-right:40px
    }
}
#page_view_1 #page_quote .quote_text{
    width:100%;
    height:auto;
    font-size:18px;
    font-family:Roboto-Italic;
    color:#ffffff;
    text-align:center;
    margin-bottom:20px;
    clear:both
}
#page_view_1 #page_quote .quote_author{
    width:100%;
    height:auto;
    font-size:14px;
    font-family:Roboto-Bold;
    color:#918f8f;
    text-align:center;
    clear:both
}
#page_view_1 #content_text{
    width:100%;
    height:auto;
    font-size:16px;
    font-family:Roboto-Regular;
    color:#84899d;
    line-height:25px;
    text-align:justify;
    box-sizing:border-box;
    padding:75px 0;
    clear:both
}
@media only screen and (max-width: 70em){
    #page_view_1 #content_text{
        padding:30px
    }
}
#page_view_1 #content_text .highlight{
    font-size:18px;
    color:#232c51
}
#page_view_1 #page_short_description{
    background-color:#434343;
    width:100%;
    height:auto;
    font-size:16px;
    font-family:Roboto-Bold;
    color:#ffffff;
    text-align:center;
    padding:35px 30px 35px 30px;
    box-sizing:border-box;
    clear:both
}
#page_view_1 .table_thead{
    margin-top:-20px
}
#page_view_1 table.page_table{
    width:100%;
    height:auto;
    font-size:16px;
    font-family:Roboto-Bold;
    color:#777b8f;
    line-height:23px;
    border-collapse:collapse;
    clear:both
}
#page_view_1 table.page_table.width-td-2 tr td{
    width:50%
}
#page_view_1 table.page_table thead{
    background-color:#434343
}
#page_view_1 table.page_table thead tr{
    background-color:#434343
}
#page_view_1 table.page_table thead tr th{
    background-color:#434343;
    color:#ffffff;
    text-align:left;
    padding:40px 23px
}
#page_view_1 table.page_table tr{
    width:auto;
    height:auto
}
#page_view_1 table.page_table tr:nth-child(2n+0) td{
    background-color:#f6f6f6
}
#page_view_1 table.page_table tr:nth-child(2n+0) td:nth-child(2n+0){
    background-color:#ffffff
}
#page_view_1 table.page_table tr:nth-child(2n+0) td:not(:empty):hover{
    background-color:#134484;
    color:#ffffff
}
#page_view_1 table.page_table tr:nth-child(2n+0) td:not(:empty):hover .description{
    display:block
}
#page_view_1 table.page_table tr td{
    padding:23px;
    position:relative
}
#page_view_1 table.page_table tr td:nth-child(2n+0){
    background-color:#f6f6f6
}
#page_view_1 table.page_table tr td:empty{
    background-color:#ffffff
}
#page_view_1 table.page_table tr td:not(:empty):hover{
    background-color:#134484;
    color:#ffffff
}
#page_view_1 table.page_table tr td:not(:empty):hover .description{
    display:block
}
#page_view_1 table.page_table tr td .description{
    background-color:#134484;
    width:100%;
    height:auto;
    font-size:14px;
    font-family:Roboto-Regular;
    color:#ffffff;
    text-align:justify;
    padding:20px;
    box-sizing:border-box;
    margin-top:23px;
    left:0;
    border-top:1px solid #164f9a;
    position:absolute;
    clear:both;
    z-index:1;
    display:none
}
#page_view_1 #content_description{
    width:100%;
    height:auto;
    font-size:18px;
    font-family:Roboto-Regular;
    color:#232c51;
    text-align:justify;
    margin:40px 0;
    box-sizing:border-box;
    clear:both
}
@media only screen and (max-width: 70em){
    #page_view_1 #content_description{
        padding-left:20px;
        padding-right:20px
    }
}
@media only screen and (max-width: 40em){
    #page_view_1 #content_description{
        margin-top:30px;
        text-align:center
    }
}
#page_view_1 #content_list{
    width:100%;
    height:auto;
    margin:0 0 40px 0;
    box-sizing:border-box;
    clear:both
}
@media only screen and (max-width: 70em){
    #page_view_1 #content_list{
        padding-left:20px;
        padding-right:20px
    }
}
#page_view_1 #content_list ul{
    list-style:none;
    display:block;
    margin:0;
    padding:0
}
#page_view_1 #content_list ul li{
    width:50%;
    height:auto;
    font-size:16px;
    font-family:Roboto-Bold;
    color:#9398af;
    margin-top:20px;
    float:left
}
@media only screen and (max-width: 40em){
    #page_view_1 #content_list ul li{
        width:100%;
        margin-top:20px;
        float:none
    }
}
#page_view_1 #content_list ul li:nth-child(1){
    margin-top:0
}
#page_view_1 #content_list ul li:nth-child(2){
    margin-top:0
}
@media only screen and (max-width: 40em){
    #page_view_1 #content_list ul li:nth-child(2){
        margin-top:20px
    }
}
#page_view_1 #content_list ul li:nth-child(2n+0){
    float:right
}
@media only screen and (max-width: 40em){
    #page_view_1 #content_list ul li:nth-child(2n+0){
        width:100%;
        float:none
    }
}
#page_view_1 #content_list ul li:before{
    content:"• ";
    margin:0 7px 0 0;
    color:#e5e4e4
}
#page_contact{
    width:100%;
    height:auto;
    margin-bottom:50px;
    clear:both
}
@media only screen and (max-width: 40em){
    #page_contact{
        margin-bottom:20px
    }
}
#page_contact #tip_box{
    background-color:#f3f3f3;
    width:100%;
    height:auto;
    font-size:18px;
    font-family:Roboto-Regular;
    color:#232c51;
    padding:45px 0 50px 0;
    margin-bottom:50px;
    box-sizing:border-box;
    clear:both
}
@media only screen and (max-width: 70em){
    #page_contact #tip_box{
        padding-left:30px;
        padding-right:30px
    }
}
@media only screen and (max-width: 40em){
    #page_contact #tip_box{
        text-align:center
    }
}
#page_contact #contact_form{
    width:580px;
    height:auto;
    box-sizing:border-box;
    float:left
}
@media only screen and (max-width: 70em){
    #page_contact #contact_form{
        width:100%;
        padding-left:30px;
        padding-right:30px;
        margin-bottom:60px;
        clear:both
    }
}
#page_contact #contact_form .form_group{
    width:282px;
    height:auto;
    margin:0 0 20px 0;
    float:left
}
@media only screen and (max-width: 70em){
    #page_contact #contact_form .form_group{
        width:49%
    }
}
@media only screen and (max-width: 40em){
    #page_contact #contact_form .form_group{
        width:100%
    }
}
#page_contact #contact_form .form_group:nth-child(2n+0){
    float:right
}
#page_contact #contact_form .form_group input{
    width:100%;
    height:auto;
    font-size:14px;
    font-family:Roboto-Bold;
    color:#7a819c;
    padding:14px 22px 16px 22px;
    box-sizing:border-box;
    border:4px solid #d8def6;
    border-radius:100px;
    clear:both;
    -webkit-transition:0.2s border-color;
    transition:0.2s border-color
}
#page_contact #contact_form .form_group input:focus{
    border-color:#232c51
}
#page_contact #contact_form textarea{
    width:100%;
    height:auto;
    font-size:14px;
    font-family:Roboto-Bold;
    color:#7a819c;
    padding:16px;
    margin:0 0 20px 0;
    box-sizing:border-box;
    border:4px solid #d8def6;
    border-radius:30px;
    clear:both;
    resize:none;
    -webkit-transition:0.2s border-color;
    transition:0.2s border-color
}
#page_contact #contact_form textarea:focus{
    border-color:#232c51
}
#page_contact #contact_form .bottom_buttons{
    width:100%;
    height:auto;
    clear:both
}
#page_contact #contact_form .bottom_buttons #recaptcha{
    width:100px;
    height:auto;
    float:left
}
@media only screen and (max-width: 40em){
    #page_contact #contact_form .bottom_buttons #recaptcha{
        width:100%;
        text-align:center;
        margin-bottom:20px;
        float:none;
        clear:both
    }
}
#page_contact #contact_form .bottom_buttons #recaptcha img{
    max-width:auto;
    width:auto
}
@media only screen and (max-width: 40em){
    #page_contact #contact_form .bottom_buttons #recaptcha img{
        max-width:100%
    }
}
#page_contact #contact_form .bottom_buttons button{
    background-color:#232c51;
    width:auto;
    height:auto;
    font-size:14px;
    font-family:Roboto-Bold;
    color:#ffffff;
    text-align:center;
    padding:20px 25px;
    border:none;
    border-radius:30px;
    float:right
}
@media only screen and (max-width: 40em){
    #page_contact #contact_form .bottom_buttons button{
        width:100%;
        text-align:center;
        float:none;
        clear:both
    }
}
#page_contact #contact_form .bottom_buttons button:hover{
    cursor:pointer
}
#page_contact #contact_informations{
    width:400px;
    height:200px;
    box-sizing:border-box;
    float:right
}
@media only screen and (max-width: 70em){
    #page_contact #contact_informations{
        width:100%;
        padding-left:30px;
        padding-right:30px;
        clear:both;
        float:none
    }
}
#page_contact #contact_informations .information{
    width:100%;
    height:auto;
    font-size:16px;
    font-family:Roboto-Bold;
    color:#979db2;
    margin:0 0 20px 0;
    clear:both
}
#page_contact #contact_informations .information:last-child{
    margin-bottom:0
}
#page_contact #contact_informations .information span{
    margin-top:1px;
    line-height:23px;
    float:left
}
@media only screen and (max-width: 40em){
    #page_contact #contact_informations .information span{
        float:none
    }
}
#page_contact #contact_informations .information .icon{
    width:24px;
    height:24px;
    margin:0 19px 0 0;
    float:left
}
#page_contact #contact_informations .information .icon.phone{
    background:url("../images/phone.svg") top left no-repeat;
    background-size:contain
}
#page_contact #contact_informations .information .icon.mail{
    background:url("../images/mail.svg") top left no-repeat;
    background-size:contain
}
#page_contact #contact_informations .information .icon.location{
    background:url("../images/location.svg") top left no-repeat;
    background-size:contain
}
#page_news{
    width:100%;
    height:auto;
    margin:50px 0 0 0;
    clear:both
}
#page_news #news_list{
    width:100%;
    height:auto;
    margin-bottom:50px;
    box-sizing:border-box;
    clear:both
}
@media only screen and (max-width: 70em){
    #page_news #news_list{
        padding:0 35px
    }
}
#page_news #news_list ul{
    display:block;
    list-style:none;
    margin:0;
    padding:0;
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    flex-direction:row;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    justify-content:space-between;
    align-content:stretch;
    -webkit-box-align:start;
    align-items:flex-start
}
#page_news #news_list ul li{
    width:520px;
    height:auto;
    margin-top:20px;
    box-sizing:border-box;
    float:left
}
@media only screen and (max-width: 70em){
    #page_news #news_list ul li{
        width:100%;
        float:none;
        clear:both
    }
}
#page_news #news_list ul li:nth-child(1){
    margin-top:0
}
#page_news #news_list ul li:nth-child(2){
    margin-top:0
}
@media only screen and (max-width: 70em){
    #page_news #news_list ul li:nth-child(2){
        margin-top:20px
    }
}
#page_news #news_list ul li .photo{
    width:520px;
    height:auto;
    margin:0;
    font-size:0;
    overflow:hidden;
    clear:both
}
@media only screen and (max-width: 70em){
    #page_news #news_list ul li .photo{
        width:100%;
        height:215px
    }
}
@media only screen and (max-width: 40em){
    #page_news #news_list ul li .photo{
        height:auto
    }
}
#page_news #news_list ul li .photo img{
    width:520px;
    height:auto
}
@media only screen and (max-width: 70em){
    #page_news #news_list ul li .photo img{
        width:100%
    }
}
#page_news #news_list ul li .description_content{
    background-color:#f1f4f9;
    width:auto;
    height:auto;
    padding:20px 22px;
    box-sizing:border-box;
    border-bottom:1px solid #e6eaf0;
    clear:both
}
#page_news #news_list ul li .description_content .title{
    width:100%;
    height:auto;
    font-size:16px;
    font-family:Roboto-Bold;
    color:#232c51;
    margin-bottom:18px;
    clear:both
}
#page_news #news_list ul li .description_content .title a{
    color:#232c51
}
#page_news #news_list ul li .description_content .title a:hover{
    text-decoration:underline
}
#page_news #news_list ul li .description_content .description{
    width:100%;
    height:auto;
    font-size:14px;
    font-family:Roboto-Regular;
    color:#7e849b;
    line-height:22px;
    text-align:justify;
    clear:both
}
#page_news #news_list ul li .bottom_info{
    background-color:#f1f4f9;
    width:100%;
    height:auto;
    padding:20px 22px;
    box-sizing:border-box;
    clear:both
}
#page_news #news_list ul li .bottom_info .read_more{
    width:auto;
    height:auto;
    font-size:13px;
    font-family:Roboto-Bold;
    color:#acb0be;
    float:left
}
@media only screen and (max-width: 30em){
    #page_news #news_list ul li .bottom_info .read_more{
        width:100%;
        text-align:center;
        margin:auto;
        display:block;
        margin-bottom:15px;
        float:none;
        clear:both
    }
}
#page_news #news_list ul li .bottom_info .read_more:hover{
    text-decoration:underline
}
#page_news #news_list ul li .bottom_info .date{
    width:auto;
    height:auto;
    font-size:13px;
    font-family:Roboto-Regular;
    color:#acb0be;
    float:right
}
@media only screen and (max-width: 30em){
    #page_news #news_list ul li .bottom_info .date{
        width:100%;
        text-align:center;
        margin:auto;
        display:block;
        float:none;
        clear:both
    }
}
#page_news #news_pagination{
    width:100%;
    height:auto;
    border-top:1px solid #f2f2f2;
    clear:both
}
#page_news #news_pagination ul{
    list-style:none;
    display:block;
    margin:0;
    padding:45px 0 50px 0;
    box-sizing:border-box
}
#page_news #news_pagination ul li{
    width:auto;
    height:auto;
    font-size:14px;
    font-family:Roboto-Regular;
    color:#adafbc;
    box-sizing:border-box;
    float:left
}
@media only screen and (max-width: 70em){
    #page_news #news_pagination ul li{
        width:100%;
        text-align:center;
        display:block;
        display:-webkit-box;
        display:flex;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        flex-direction:row;
        flex-wrap:wrap;
        -webkit-box-pack:center;
        justify-content:center;
        align-content:stretch;
        -webkit-box-align:start;
        align-items:flex-start;
        float:none;
        clear:both
    }
}
#page_news #news_pagination ul li.previous{
    text-align:left;
    float:left
}
#page_news #news_pagination ul li.next{
    text-align:right;
    float:right
}
#page_news #news_pagination ul li a{
    color:#adafbc
}
#page_news #news_pagination ul li .arrow{
    font-size:20px
}
#page_news #news_pagination ul li.previous .arrow{
    margin-right:10px
}
#page_news #news_pagination ul li.next .arrow{
    margin-left:10px
}
#page_news #post_page{
    width:auto;
    max-width:940px;
    height:auto;
    margin:auto;
    margin-bottom:50px;
    clear:both
}
#page_news #post_page #post_date{
    width:100%;
    height:auto;
    font-size:14px;
    font-family:Roboto-Regular;
    color:#acb0be;
    text-align:center;
    margin-bottom:20px;
    clear:both
}
#page_news #post_page #post_title{
    width:100%;
    height:auto;
    font-size:24px;
    font-family:Roboto-Bold;
    color:#232c51;
    text-align:center;
    margin-bottom:45px;
    clear:both
}
#page_news #post_page #post_photo{
    width:100%;
    max-width:940px;
    height:auto;
    font-size:24px;
    font-family:Roboto-Bold;
    color:#232c51;
    text-align:center;
    margin-bottom:45px;
    box-sizing:border-box;
    clear:both
}
@media only screen and (max-width: 70em){
    #page_news #post_page #post_photo{
        padding:0 35px
    }
}
#page_news #post_page #post_photo img{
    width:100%;
    height:auto
}
#page_news #post_page #post_content{
    width:auto;
    max-width:830px;
    height:auto;
    font-size:16px;
    font-family:Roboto-Regular;
    color:#9fa2b0;
    text-align:justify;
    line-height:22px;
    margin:auto;
    margin-bottom:45px;
    box-sizing:border-box;
    clear:both
}
@media only screen and (max-width: 70em){
    #page_news #post_page #post_content{
        padding:0 35px
    }
}
#page_news #post_page #post_content b{
    font-family:Roboto-Bold
}
#page_jobs{
    width:100%;
    height:auto;
    margin:50px 0 0 0;
    clear:both
}
#page_jobs #jobs_list{
    width:100%;
    height:auto;
    margin-bottom:50px;
    box-sizing:border-box;
    clear:both
}
@media only screen and (max-width: 70em){
    #page_jobs #jobs_list{
        padding:0 35px
    }
}
#page_jobs #jobs_list ul{
    display:block;
    list-style:none;
    margin:0;
    padding:0;
    display:-webkit-box;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    flex-direction:row;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    justify-content:space-between;
    align-content:stretch;
    -webkit-box-align:start;
    align-items:flex-start
}
#page_jobs #jobs_list ul li{
    width:520px;
    height:auto;
    margin-top:20px;
    box-sizing:border-box;
    float:left
}
@media only screen and (max-width: 70em){
    #page_jobs #jobs_list ul li{
        width:100%;
        float:none;
        clear:both
    }
}
#page_jobs #jobs_list ul li:nth-child(1){
    margin-top:0
}
#page_jobs #jobs_list ul li:nth-child(2){
    margin-top:0
}
@media only screen and (max-width: 70em){
    #page_jobs #jobs_list ul li:nth-child(2){
        margin-top:20px
    }
}
#page_jobs #jobs_list ul li .photo{
    width:520px;
    height:auto;
    margin:0;
    font-size:0;
    clear:both
}
#page_jobs #jobs_list ul li .photo img{
    width:520px;
    height:auto
}
#page_jobs #jobs_list ul li .description_content{
    background-color:#f1f4f9;
    width:auto;
    height:auto;
    padding:20px 22px;
    box-sizing:border-box;
    border-bottom:1px solid #e6eaf0;
    clear:both
}
#page_jobs #jobs_list ul li .description_content .title{
    width:100%;
    height:auto;
    font-size:16px;
    font-family:Roboto-Bold;
    color:#232c51;
    margin-bottom:18px;
    clear:both
}
#page_jobs #jobs_list ul li .description_content .title a{
    color:#232c51
}
#page_jobs #jobs_list ul li .description_content .title a:hover{
    text-decoration:underline
}
#page_jobs #jobs_list ul li .description_content .description{
    width:100%;
    height:auto;
    font-size:14px;
    font-family:Roboto-Regular;
    color:#7e849b;
    line-height:22px;
    text-align:justify;
    clear:both
}
#page_jobs #jobs_list ul li .bottom_info{
    background-color:#f1f4f9;
    width:100%;
    height:auto;
    padding:20px 22px;
    box-sizing:border-box;
    clear:both
}
#page_jobs #jobs_list ul li .bottom_info .read_more{
    width:auto;
    height:auto;
    font-size:13px;
    font-family:Roboto-Bold;
    color:#acb0be;
    float:left
}
#page_jobs #jobs_list ul li .bottom_info .read_more:hover{
    text-decoration:underline
}
#page_jobs #jobs_pagination{
    width:100%;
    height:auto;
    border-top:1px solid #f2f2f2;
    clear:both
}
#page_jobs #jobs_pagination ul{
    list-style:none;
    display:block;
    margin:0;
    padding:45px 0 50px 0;
    box-sizing:border-box
}
#page_jobs #jobs_pagination ul li{
    width:auto;
    height:auto;
    font-size:14px;
    font-family:Roboto-Regular;
    color:#adafbc;
    float:left
}
@media only screen and (max-width: 70em){
    #page_jobs #jobs_pagination ul li{
        width:100%;
        text-align:center;
        display:block;
        display:-webkit-box;
        display:flex;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        flex-direction:row;
        flex-wrap:wrap;
        -webkit-box-pack:center;
        justify-content:center;
        align-content:stretch;
        -webkit-box-align:start;
        align-items:flex-start;
        float:none;
        clear:both
    }
}
#page_jobs #jobs_pagination ul li.previous{
    text-align:left;
    float:left
}
#page_jobs #jobs_pagination ul li.next{
    text-align:right;
    float:right
}
#page_jobs #jobs_pagination ul li a{
    color:#adafbc
}
#page_jobs #jobs_pagination ul li .arrow{
    font-size:20px
}
#page_jobs #jobs_pagination ul li.previous .arrow{
    margin-right:10px
}
#page_jobs #jobs_pagination ul li.next .arrow{
    margin-left:10px
}
#page_jobs #job_page{
    width:auto;
    max-width:940px;
    height:auto;
    margin:auto;
    margin-bottom:50px;
    clear:both
}
#page_jobs #job_page #job_date{
    width:100%;
    height:auto;
    font-size:14px;
    font-family:Roboto-Regular;
    color:#acb0be;
    text-align:center;
    margin-bottom:20px;
    clear:both
}
#page_jobs #job_page #job_title{
    width:100%;
    height:auto;
    font-size:24px;
    font-family:Roboto-Bold;
    color:#232c51;
    text-align:center;
    margin-bottom:45px;
    box-sizing:border-box;
    clear:both
}
@media only screen and (max-width: 70em){
    #page_jobs #job_page #job_title{
        padding:0 35px
    }
}
#page_jobs #job_page #job_content{
    width:auto;
    max-width:830px;
    height:auto;
    font-size:16px;
    font-family:Roboto-Regular;
    color:#9fa2b0;
    text-align:justify;
    line-height:22px;
    margin:auto;
    margin-bottom:45px;
    box-sizing:border-box;
    clear:both
}
@media only screen and (max-width: 70em){
    #page_jobs #job_page #job_content{
        padding:0 35px
    }
}
#page_jobs #job_page #job_content b{
    font-family:Roboto-Bold
}
#page_jobs #job_page #job_content h4{
    font-size:18px;
    font-family:Roboto-Bold;
    font-weight:normal;
    color:#232c51;
    margin:0;
    padding:0;
    margin-bottom:12px
}