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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,figure,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
@font-face {
    font-family: "RobotoRegular";
    src: url("../fonts/RobotoRegular/Roboto-Regular.eot");
    src: url("../fonts/RobotoRegular/Roboto-Regular.eot?#iefix") format("embedded-opentype");
    src: url("../fonts/RobotoRegular/Roboto-Regular.woff") format("woff");
    src: url("../fonts/RobotoRegular/Roboto-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "RobotoMedium";
    src: url("../fonts/RobotoMedium/Roboto-Medium.ttf");
    src: url("../fonts/RobotoMedium/Roboto-Medium.eot");
    src: url("../fonts/RobotoMedium/Roboto-Medium.eot?#iefix") format("embedded-opentype");
    src: url("../fonts/RobotoMedium/Roboto-Medium.woff") format("woff");
}
@font-face {
    font-family: "RobotoBlack";
    src: url("../fonts/RobotoBlack/Roboto-Black.ttf");
    src: url("../fonts/RobotoBlack/Roboto-Black.eot");
    src: url("../fonts/RobotoBlack/Roboto-Black.eot?#iefix") format("embedded-opentype");
    src: url("../fonts/RobotoBlack/Roboto-Black.woff") format("woff");
}
@font-face {
    font-family: "RobotoBold";
    src: url("../fonts/RobotoBold/Roboto-Bold.ttf") format("truetype");
    src: url("../fonts/RobotoBold/Roboto-Bold.eot?#iefix") format("embedded-opentype");
    src: url("../fonts/RobotoBold/Roboto-Bold.woff") format("woff");
    src: url("../fonts/RobotoBold/Roboto-Bold.ttf") format("truetype");
}
@font-face {
    font-family: "RobotoLight";
    src: url("../fonts/RobotoLight/Roboto-Light.ttf") format("truetype");
    src: url("../fonts/RobotoLight/Roboto-Light.eot?#iefix") format("embedded-opentype");
    src: url("../fonts/RobotoLight/Roboto-Light.woff") format("woff");
    src: url("../fonts/RobotoLight/Roboto-Light.ttf") format("truetype");
}

@font-face {
    font-family: "FontAwesome";
    src: url("../fonts/fontawesome-webfont.ttf");
    src: url("../fonts/fontawesome-webfont.eot");
    src: url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype");
    src: url("../fonts/fontawesome-webfont.woff") format("woff");
}
h1,h2,h3,h4,h5,h6{
    font-weight: normal;
}
:-moz-placeholder {
    opacity: 1;
    color: #333333;
}

::-moz-placeholder {
    opacity: 1;
    color: #333333;

}

:-ms-input-placeholder {
    opacity: 1;
    color: #333333;

}

::-webkit-input-placeholder {
    opacity: 1;
    color: #333333;

}
ul{
    list-style: none;
}
.left{
    float: left;
}
.right{
    float: right;
}
body{
    font: 1.125em/1.2 'RobotoRegular';
    color: #202020;
}

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

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

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

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}

::-webkit-scrollbar-thumb {
    background-color: #ccc;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}

.button{
    font: 24px/1.2 'RobotoRegular';
    color: #fff;
    text-transform: capitalize;
    padding: 22px 32px;
    min-width: 190px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #447189;
    cursor: pointer;
    border: 0;

}
.button:hover{
    background: #333;
}
.header {
    width: 100%;
    background: #fff;
    padding: 38px 0 33px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 7px solid #447088;
    z-index: 999;
    background: rgba(255,255,255,0.8);
    padding: 5px 0;
    border: 0;
    position: absolute;
}
.fixed .header{
    position: fixed;
    top: 0;
}

.icon {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
    width: 16px;
    text-align: center;
    vertical-align: bottom;
}

.logo {
    float: left;
    width: 266px;
    height: 78px;
    background: url("../images/logo.png") center center no-repeat;
    background-size: contain;
    /*margin-left: -18px;*/
}
.logo-bg{
    background: #fff;
    padding: 7px 30px;
}
.main-menu {
    position: relative;
    margin-left: 4px;
}
.centered{
    display: table;
    margin: 0 auto;
}
.main-menu .nav-menu {
    position: fixed;
    top: 0;
    right: 0;
    display: none;
    z-index: 999;
    background: #21346f;
    width: 446px;
    padding: 30px 22px;
    color: #fff;
    font: 1.125em 'RobotoBold';
    height: 100%;
}
.nav-menu h4{
    text-align: center;
    margin-bottom: 50px;
    font-size: 24px;
}

.btn-align ul{
    padding: 0;
    margin: 0 auto 0;
    display: table;
}
.btn-align .social li{
    margin-right: 35px;
}

.btn-align{
    position: absolute;
    bottom: 160px;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;width: 100%;
    left: 0;
}
.btn-align p{
    text-align: center;
    font: 14px 'RobotoRegular';
}
.nav-menu ul li{
    margin-bottom: 20px;
}
.nav-menu ul a{
    color: #fff;
    text-decoration: none;
    font-size: 24px;
}.nav-menu ul a:hover{
     color: #447189;

 }
.nav-menu .close{
    top: 5px;
    right: 10px;
    position: absolute;
    cursor: pointer;
}
.main-nav {
    margin-top: 26px;
}
.main-nav .icon {
    width: 32px;
    height: 24px;
    text-align: center;
    line-height: 34px;
}
.main-nav .icon-bar:before {
    content: '';
    display: block;
    width: 30px;
    height: 37px;
    background-image: url("../images/nav.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;

}
.inner-container{
    max-width: 1064px;
    padding: 0 20px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.inner-container:after{
    content: '';
    display: block;
    clear: both;
}

.contain:after{
    content: '';
    display: block;
    clear: both;
}
.blue-blk h1{
    font: 38px/1.4 'RobotoBold', sans-serif;
    color: #fff;

}


.blue-blk{
    background: url("../images/bg-image.jpg") center center no-repeat;
    background-size: cover !important;
    width: 100%;
    position: relative;

}

.blue-blk .inner-container{
    position: relative;
}



.box{
    background: rgba(66,113, 138, 0.65);
    padding: 1.75em 2em;
    position: absolute;
    right: 20px;
    top: 50%;
    -ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    min-width: 400px;
    margin-top: 80px;
}
.box.white{
    min-width: 200px;
    -ms-transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    right: 50%;
    text-align: center;
    margin-top: 0;
    white-space: nowrap;
}


.list-blck{
    margin-top: 90px;
}

.list-blck li:after{
    content: '';
    display: block;
    clear: both;
}
.list-blck .section{
    width: 100%;
    margin-bottom: 90px;
    display: table;
}
.list-blck .section:last-of-type{
    margin-bottom: 0;
}
.middle{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    position: relative;
    padding-bottom: 60px;
}
.list-blck .section .row:before {
    content: '';
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle;
}
.list-blck .row{
    margin: 0 -20px;
    display: table;
}
.list-blck .col-6{
    padding: 0 20px;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
}
.list-blck  .col-4{
    padding: 0 20px;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;}

.list-blck h2{
    color: #333;
    text-transform: capitalize;
    float: left;
    font: 1.98em/1.2 'RobotoBold';
}

.list-blck h1{
    display: block;
    float: none;
    text-align: center;
    padding-bottom: 30px;
    font-size: 46px;
}
.list-blck .top{
    margin-bottom: 12px;
    display: flex;
    align-items: center;

}
.list-blck .top:after{
    content: '';
    clear: both;
    display: block;
}



.list-blck p{
    margin-bottom: 14px;
    color: #333;
    font: 16px/1.4 'RobotoRegular'
}
.list-blck p:last-of-type{
    margin: 0;
}
.image{
    width: 100%;
    height: 392px;
    display: block;
    background-size: 100% !important;
}

.website:after{
    content: '';
    clear: both;
    display: block;
}
.website{
    margin-top: 30px;
    display: flex;
    align-items: center;
}
.website a{
    float: left;
    color: #446D9A;
    text-decoration: none;
}
.logo-web{
    float: left;
    margin-right: 20px;
    width: 56px;
    height: 56px;
    background-size: contain !important;
}
.halo{
    background: url("../images/logo-halo.png") center center no-repeat;

}
.sp{
    background: url("../images/logo-sp.png") center center no-repeat;
}
.artwig{
    background: url("../images/artwinglogo.png") center center no-repeat;
    width: 80px;
    height: 76px;
}
.bmc{
    background: url("../images/bmc-logo.png") center center no-repeat;
    width: 80px;
    height: 76px;
}
.brix{
    background: url("../images/Brixbid_Logo.svg") center center no-repeat;
    width: 75px;
    padding: 0 5px;
    background-size: 89% !iMportant;
}
.filicor{
    background: url("../images/filicor.png") center center no-repeat;
    width: 102px;
    height: 70px;
}
.art-top{
    float: left;
    width: 54px;
    height: 44px;
    background: url("../images/logo-2.png") 0 0 no-repeat;
    margin-left: 12px;
    background-size: contain !important;
}
.ima-best{
    float: left;
    width: 54px;
    height: 44px;
    background: url("../images/IMA 2013_Best In Class.png") 0 0 no-repeat;
    margin-left: 12px;
    background-size: contain !important;
}
.halo-top{
    float: left;
    width: 54px;
    height: 44px;
    background: url("../images/halo-winn.png") 0 0 no-repeat;
    margin-left: 12px;
    background-size: contain !important;
}
.sp-top{
    width: 78px;
    height: 54px;
    background: url("../images/ima-laurel-text-1-oa-large.png") 0 0 no-repeat;
    margin-left: 12px;
    background-size: contain !important;
}
footer{
    background: #333;
    color: #fff;
    /*padding: 35px 0 30px;*/
    padding: 15px 0;

}
.inner-footer{
    padding: 10px 20px 0;
    display: flex;
    justify-content: space-between;
    font: 12px/1.4 'RobotoRegular';
}
.footer-content{
    max-width: 550px;
    align-self: center;
    text-align: center;

}
.foter-menu ul{
    display: flex;
    color: white;
    justify-content: space-between;
    align-items: center;
}
.foter-menu li{
    padding-right: 20px;
}
.foter-menu li:last-of-type{
    padding-right: 0;
}
.foter-menu a{
    color: white;
    text-decoration: none;
    display: flex;
    align-items: center;
}
.foter-menu a:after{
    content: '|';
    padding-left: 30px;
    display: block;
}
.foter-menu li:nth-child(2){
    padding-left:14px;
}
.foter-menu li:last-of-type a:after{
    display: none;
}
.social:after{
    content: '';
    display: block;
    clear: both;
}
.social li{
    float: left;
    margin-right: 15px;

}
.social li:last-of-type{
    margin: 0;
}
.social li a{
    display: block;
    width: 49px;
    height: 59px;
}
.social li .twitter{
    background: url("../images/twitter1.png") 0 0 no-repeat;
}
.social li .facebook{
    background: url("../images/facebook1.png") 0 0 no-repeat;
}
.social li .linkedin{
    background: url("../images/linkedin1.png") 0 0 no-repeat;
}
.social li .twitter:hover{
    background-position: 0 -56px;
}
.social li .facebook:hover{
    background-position: 0 -56px;
}
.social li .linkedin:hover{
    background-position: 0 -56px;
}
footer .social {
    padding-top: 15px;

}
footer .social li a{
    width: 24px;
    height: 28px;
}
footer .social li .twitter{
    background: url("../images/twitter1small.png") 0 0 no-repeat;
}
footer .social li .facebook{
    background: url("../images/facebook1small.png") 0 0 no-repeat;
}
footer .social li .linkedin{
    background: url("../images/linkedin1small.png") 0 0 no-repeat;
}
footer .social li .twitter:hover{
    background-position: 0 -28px;
}
footer .social li .facebook:hover{
    background-position: 0 -28px;
}
footer .social li .linkedin:hover{
    background-position: 0 -28px;
}
footer p{
    font-size: 1.125em;
    color: #fff;
    margin-top: 32px;
}
footer .nav{
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media (max-width: 1000px) {
    .inner-footer{
        flex-direction: column;
        text-align: center;
    }
    footer .nav{
        order: -1;
        padding-bottom: 20px;
    }
    .copyright{
         order: 3;
         padding-top: 20px;
     }
}
/*contact page*/
.contact .blue-blk{
    background: url("../images/contact-bg3.png") top center no-repeat;
}

.contact .box{
    margin-top: 20px;
    right: initial;
    left: 20px;
}

.contact .title{
    display: block;
    font: 40px/ 1.2 'RobotoBold';
    color: #447189;
    margin-bottom: 20px;
}
.form{
    margin-top: 80px;

}
.contact-form{
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 286px;
    position: relative;
    margin: 0px 0 115px;
}
.contact-form input[type='text']{
    width: 100%;
    padding: 4px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 46px;
    font: 24px 'RobotoRegular';
    color: #333333;
    border: 1px solid #333;
    margin-bottom: 18px;
}
.contact-form textarea{
    width: 100%;
    padding: 8px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 46px;
    font: 24px 'RobotoRegular';
    color: #333333;
    border: 1px solid #333;
    height: 258px;
    margin-bottom: 18px;
}
.contact-form:after{
    content: '';
    display: block;
    clear: both;
}
.contact-form .button{
    float: right;
    clear: both;
}
.address{
    position: absolute;
    max-width: 226px;
    font: 24px/1.5 'RobotoRegular';
    color: #333;
    right: 0;
    top: -10px;
}
.address h6{
    display: block;
    font: 30px/1.4 'RobotoBold';
}
.address a{
    color: #447189;
    text-decoration: none;
}



/*about page*/
.about{
    overflow-x: hidden;
}
.awards .section{
    display: table;
    width: 100%;

}
.about .blue-blk{
    background: url("../images/about-bg1.png") top center no-repeat;
}

.awards{
    margin: 80px 0 90px;
    position: relative;
}
.awards h2{
    font: 48px/1.2 'RobotoBold';
    display: block;
    text-align: center;
    margin-bottom: 60px;
}
.awards ul:after{
    content: '';
    display: block;
    clear: both;
}
.awards .row{
    margin: 0 -10px;
    display: flex;
    flex-wrap: wrap;
}
.awards .col-3{
    width: 33.33%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 10px;
    text-align: center;
}


.services .row{
    margin: 0 -23px 90px;
}

.services .row:last-child{
    margin-bottom: 0;
}
.services .col-6{
    padding: 0 23px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    float: left;
}

.services .text-cell{
    position: relative;
}
.services .text-cell aside{
    position: absolute;
    top: 50%;
    left: 20px;
    -ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);}

.services .row:nth-child(odd) .text-cell{
    float: right;
}
.services .row:nth-child(even) .text-img{
    float: right;
}
.services .col-6 img{
    width: 100%;
}
.services .row-table{
    display: table;
    width: 100%;
    table-layout: auto;
    position: relative;
}

.services .heading{
    font: 45px/1.2 'RobotoBold';
    margin-bottom: 12px;
}
.services p{
    font: 24px/1.4 'RobotoRegular';
}



/* Scroll*/
.scroll {
    position: absolute;
    font-size: 1.3em;
    display: inline-block;
    height: 48px;
    bottom: 40px;
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    left: 50%;
    width: 48px;
}

/*.scroll-btn:after,*/
.scroll:after {
    content: '';
    width: 46px;
    height: 46px;
    position: absolute;
    margin: auto;
    top: 10px;
    right: 0;
    left: 0;
    -webkit-animation: 3s arrow infinite ease;
    animation: 3s arrow infinite ease;
    background: url("../images/arrow.png") 0 0 no-repeat;
    cursor: pointer;
    border-radius: 50%;
    background-size: contain;

}

.scroll-to-top {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
    height: 45px;
    width: 45px;
    background-color: #447088;
    background-image: url(../images/up_arrow.svg);
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 400ms, visibility 0ms 400ms;
}
.scroll-to-top.-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: opacity 400ms, visibility 0ms;
    z-index: 9;
}
.section{
    position: relative;
}
.section.fullheight:before {
    content: '';
    height: 100vh;
    width: 0;
    display: inline-block;
    vertical-align: middle;
}

/*Messages */
.error-message {
    display: block;
    margin-bottom: 12px;
    font: 16px 'RobotoLight';
    color: rgb(228, 44, 44);
    margin-top: -6px;
}
.error-message:before{
    content: "\f071";
    font-family: 'FontAwesome';
    width: 22px;
    display: inline-block;

}
.alert-success{
    margin-bottom: 20px;
    position: relative;
    padding-left: 30px;
    color: #fff;
    padding: 15px 45px 15px;
    background: rgba(13, 146, 13, 0.72);
    border-radius: 2px;
    font: 16px 'RobotoLight';
}
.alert-success:before {
    content: "\f058";
    font-family: 'FontAwesome';
    display: block;
    font-size: 24px;
    position: absolute;
    top: 12px;
    left: 15px;
    width: 24px;
    height: 24px;
}

@media (max-width: 800px) {
    .services p {
        font: 18px/1.4 'RobotoRegular';
    }
    .services .heading {
        font: 36px/1.2 'RobotoBold';
        margin-bottom: 12px;
    }

    .list-blck .col-4,
    .list-blck .col-6{
        width: 100%;
        float: none;
        margin: 0 auto;
        display: block;
    }
    .list-blck .col-4{
        margin-bottom: 10px;
    }
    .scroll,.scroll-btn{
        display: none !important;
    }

    .list-blck .section,
    .services .row{
        margin-bottom: 40px;
    }
}
@media (max-width: 640px){
    .contact-form{
        padding-right: 0;
    }
    .contact-form .button {
        float: none;
        display: table;
        margin: 10px auto 0;
    }
    .address {
        position: relative;
        max-width: 100%;
        text-align: center;
        clear: both;
        margin-top: 65px;
        float: left;
        width: 100%;
    }
    .awards{
        margin-bottom: 60px;
    }
    .awards .col-3 {
        width: 50%;
        margin-bottom: 12px;
        text-align: center;

    }
    .awards .col-3:nth-child(2n+1){
        clear: both;
    }
    .inner-container .section.fullheight:before{
        height: 0;
    }
}
@media (max-width: 580px) {
    .services p {
        font: 20px/1.4 'RobotoRegular';
    }
    .row-table{
        position: relative;
    }
    .row-table .col-6{
        width: 100%;
        display: block;
        height: auto !important;

    }
    .services .text-cell aside{
        position: initial;
        ms-transform: translate(0%, 0%);
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
        margin-top: 20px;
    }
    .services .col-6 img {
        width: 100%;
        display: block;
    }
    .logo {
        width: 168px;
        height: 66px;
        background-size: contain;
    }

    .main-nav .icon-bar:before {
        width: 37px;
        height: 37px;
        background-size: contain;
    }

    .blue-blk h1{
        font-size: 32px;
        text-align: center;
    }

    .box {
        padding: 30px;
        min-width: 100px;
        -ms-transform: translate(-50%, -50%) !important;
        -webkit-transform: translate(-50%, -50%) !important;
        transform: translate(-50%, -50%)!important;
        right: initial !important;
        left: 50% !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        white-space: nowrap;
    }
    .image{
        height: 230px;
    }
    .list-blck h2 {
        font: 28px/1.2 'RobotoBold';
    }
    footer p{
        font-size: 14px;
    }
    .list-blck .col-4,
    .list-blck .col-6{
        width: 100%;
        float: none;
        margin: 0 auto;
        display: block;
    }
    .list-blck .col-4{
        margin-bottom: 10px;
    }
    .main-menu .nav-menu{
        width: 100%;
        font-size: 18px;
        box-sizing: border-box;
    }

    .nav-menu ul a{
        font-size: 18px;
    }
    .nav-menu h4{
        font-size: 18px;
    }
    .nav-menu ul .social li{
        margin-right: 18px;
    }
    .nav-menu ul ul{
        margin-top: 60px;
    }
}
@media (max-width: 400px) {
    .blue-blk h1{
        font-size: 24px;
        text-align: center;
    }
    .art-top {
        width: 120px;
        margin-left: 10px;}
    .website a{
        font-size: 14px;
    }
    .row-table .heading{
        font-size: 28px;
    }
    .row-table p{
        font-size: 15px;
    }

    .awards .col-3 img{
        height: 80px;
    }
}
@media (min-width: 1299px) {
    .wider .inner-container{
        max-width: 1200px;
    }
    .list-blck .row{
        display: table;
        margin-left: -35px;
        margin-right: -35px;
    }
    .list-blck  .col-4{
        float: none;
        display: table-cell;
        vertical-align: middle;
        width: 670px;
        padding: 0 30px;
    }
    .list-blck  .col-6{
        float: none;
        display: table-cell;
        vertical-align: top;
        width: 47%;
        padding: 12px 30px 0;
    }

    .image{
        height: 392px;
    }
}
@media (min-width: 1399px) {
    .wider .inner-container{
        max-width: 1300px;
    }
    .list-blck .row{
        margin: 0 -50px;
        display: table;
    }

    .list-blck .col-4{
        float: none;
        display: table-cell;
        vertical-align: top;
        width: 940px;
        padding: 0 50px;
    }
    .list-blck  .col-6{
        float: none;
        display: table-cell;
        vertical-align: middle;
        width: 683px;
        padding: 0 50px;
    }
    .image{
        height: 418px;
    }
}
@media (min-width: 1499px) {
    .wider .inner-container{
        max-width: 1400px;
    }
    .image {
        height: 492px;
    }
    .list-blck .col-4{
        float: none;
        display: table-cell;
        vertical-align: top;
        width: 1125px;
    }
    .list-blck  .col-6{
        float: none;
        display: table-cell;
        vertical-align: middle;
        width: 683px;
    }

}
@media (min-width: 1599px) {
    .wider .inner-container{
        max-width: 1500px;
    }
    .image {
        height: 500px;
    }
    .list-blck  .col-4{
        float: none;
        display: table-cell;
        vertical-align: middle;
        width: 900px;
    }
    .list-blck  .col-6{
        float: none;
        display: table-cell;
        vertical-align: middle;
        width: 683px;
    }


}
.list-blck .row-flex{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -20px;
}
.list-blck .row-flex .col-3{
    width: 33.33%;
    padding: 30px 20px;
    box-sizing: border-box;
    text-align: center;
}
.top-wrap img{
    display: block;
    width: 100%;
    height: auto;
}


.twofa-wrapper h1 {
    color: #427088;
    margin-bottom: 30px;
    font-size: 30px;
}
.twofa-wrapper p {
    margin-bottom: 30px;
    line-height: 26px;
}
.row-double {
    display: flex;
}
.row-double .first-col {
    width: 65%;
}

.row-double .second-col {
    text-align: right;
    flex: 1;
}
.row-double .second-col .img-wrapper {
    border: 1px solid #949494;
    padding: 20px 10px;
    display: inline-block;
}
.row-double .second-col img {
    max-width: 100%;
    width: 300px;
}
.twofa-wrapper {
    background: #fff;
    margin-top: 100px;
    color: #427088;
    padding: 40px 55px;
    margin-bottom: 100px;
}

.row-triple {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

.row-triple .col {
    width: 32%;
    border: 2px solid #427088;
    padding: 20px;
    height: 300px;
    box-sizing: border-box;
}

.row-triple .col .title {
    text-align: center;
    text-transform: uppercase;
    color: #427088;
    font-size: 20px;
}

.row-triple .col .sub-title {
    text-align: center;
    color: #427088;
    margin-top: 50px;
    margin-bottom: 10px;
}

.phone-wrapper input {
    display: block;
    width: 100%;
    font-size: 18px;
    height: 30px;
    outline: none;
    color: #427088;
    border: 1px solid #427088;
}
.phone-wrapper {
    padding: 0 50px;
}

.custom-radio-wrapper {
    display: flex;
    justify-content: space-between;
    width: 70%;
    margin: auto;
}

.custom-radio-wrapper .custom-radio input:checked + span {
    background: #304d60;
}

.custom-radio-wrapper .custom-radio input {
    position: absolute;
    /*visibility: hidden;*/
    z-index: -10;
}

.custom-radio-wrapper .custom-radio span {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
}
.custom-radio-wrapper .custom-radio {
    background: #427088;
    color: #ffffff;
    width: 48%;
    height: 45px;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
}

.initiate-2fa-wrapper {
    text-align: center;
}
.initiate-2fa {
    background: #427088;
    color: #ffffff;
    font: 1.125em/1.2 'RobotoRegular';
    outline: none;
    padding: 10px 29px;
    cursor: pointer;
}

.verify-2fa-wrapper {
    max-width: 40%;
}

.verify-2fa-btn-wrapper {
    text-align: right;
}

.verify-2fa-btn {
    background: #427088;
    color: #ffffff;
    font: 1.125em/1.2 'RobotoRegular';
    outline: none;
    padding: 10px 29px;
    cursor: pointer;
    border: none;
}

.verify-2fa-input {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    height: 35px;
    padding: 0 10px;
    outline: none;
    color: #427088;
    border: 1px solid #427088;
    margin-bottom: 20px;
}

.alert-danger {
    padding: 20px 40px;
    background: #ec7874;
    color: #fff;
}


.alert-success {
    padding: 20px 40px;
    background: #a4ce9b;
    color: #fff;
}

.learn-more-button-wrapper {
    text-align: right;
    padding-bottom: 50px;
}

.learn-more-button span {
    font-size: 25px;
    margin-left: 10px;
    line-height: 20px;
    vertical-align: middle;
}

.learn-more-button {
    display: inline-block;
    padding: 20px 30px;
    background: #447088;
    color: #fff;
    text-decoration: none;
}

.blog-detail .text-wrapper {
    font-size: 21px;
    line-height: 34px;
    margin-top: 20px;
    margin-bottom: 100px;
}

.blog-detail .heading {
    margin-top: 30px;
    font-size: 37px;
    font-weight: bold;
    margin-bottom: 20px;
}

.blog-detail .img-wrapper img {
    max-width: 100%;
    height: auto;
}

.blog-link {
    text-decoration: none;
    color: #202020;
}

.pagination li.active a, .pagination li.active span {
    background: #427088;
    color: #ffffff;
}

.pagination li a, .pagination li span {
    display: inline-block;
    padding: 10px 17px;
    border: 1px solid #427088;
    color: #427088;
    margin: 0 5px;
    cursor: pointer;
}

.pagination a {
    color: #427088;
    text-decoration: none;
}

.pagination {
    display: flex;
    justify-content: center;
    padding: 50px 0;
}

.content-wrapper {
    padding-top: 100px;
}

.page-title {
    background: rgba(66,113, 138, 0.65);
    font: 38px/1.4 'RobotoBold', sans-serif;
    color: #fff;
    margin: 20px 0 50px 0;
    padding: 10px 20px;
    display: inline-block;
}

.blog-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.blog-image {
    width: 40%;
    height: 250px;
    background: #f4f4f4;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-description {
    width: 60%;
    padding-left: 20px;
    height: 250px;
    position: relative;
    overflow: hidden;
}

.blog-description .blog-level-2-text .author {
    font-weight: bold;
}

.blog-description .blog-level-2-text {
    font: 16px 'Roboto', sans-serif;
    margin-top: 5px;
    color: #585858;
}

.blog-description .blog-tags {
    font: 14px 'Roboto', sans-serif;
    margin-top: 5px;
    color: #585858;
}

.blog-description .blog-text {
    font: 16px 'Roboto', sans-serif;
    color: #171717;
    margin-top: 10px;
}

.blog-description .read-post a {
    text-transform: uppercase;
    font: 16px 'Roboto', sans-serif;
    text-decoration: none;
    color: #42718A;
    font-weight: bold;
}

.blog-description .read-post {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 20px;
    background: #fff;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 20px;
    box-shadow: 0 -8px 20px 13px #ffffff;
}

.blog-description .blog-title {
    font: 20px 'Roboto', sans-serif;
    color: #171717;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
}
