* {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
}

a {text-decoration: none;}
ul li {list-style: none;}
.txt-center {text-align: center;}
.col-2 {width: 50%; float: left;}
.col, .footer {width: 100%; float: left;}
.mt-170 {margin-top: 170px;}
.mt-100 {margin-top: 100px;}
.mt-20 {margin-top: 20px;}
.mt-50 {margin-top: 50px;}
.mx-8 {margin: 0 8.33%;}
.min-h-280 {min-height: 280px;}
.min-h-670 {min-height: 670px;}
.min-h-780 {min-height: 780px;}
.border-x-none {
    border-left: none !important;
    border-right: none !important;
}
.wrapper {width: 100%;}
.header {width: 100%; height: 930px; background: url(../images/banner.png) no-repeat right top;}
.row {width: 1280px; margin: 0 auto; }
.logo {float: left; margin-top: 30px;}
.navigation {float: right; margin-top: 50px;}
.navigation ul li {
    float: left;
    font-size: 17px;
    padding: 0 22px;
}
.navigation ul li a {
    color: #fff;
}
.navigation ul li a:hover {
    color: #1f0842;
}
.banner {width: 100%; float: left; margin-top: 230px;}
.banner h1 {font-size: 48px; color: #1351dd; line-height: 64px; text-transform: uppercase;}
.banner h2 {font-size: 22px; color: #000; text-transform: uppercase; margin-top: 30px;}
.banner h2::after {content: ""; width: 100px; display: block; margin-top: 5px; height: 6px; background: #ffdd15;}
.container {margin-top: 100px;}
.container h3 {font-size: 46px; color: #1351dd; text-transform: uppercase;}
.container h3::after {content: ""; width: 10%; display: block; margin-top: 5px; height: 5px; background: #ffdd15;}
.wlcm-txt::after{margin: auto; width: 20% !important;}
.container p {font-size: 20px; color: #000; line-height: 32px;}
.container h4 {font-size: 25px; color: #1351dd; text-transform: uppercase;}
.container h6 {font-size: 25px; color: #000; text-transform: uppercase;}
.container h6::after {content: ""; width: 20%; display: block; margin-top: 7px; height: 5px; background: #ffdd15;}
.col-3 {width: 33.33%; float: left; border: 1px solid #f2f1f1; padding: 20px; box-sizing: border-box; margin-top: 25px;}
.footer {background: url(../images/footer.jpg) no-repeat center bottom #1551dc; padding: 40px 0; margin-top: 100px;}
.footer-col1 {float: left; padding-right:100px;}
.footer-col1 ul li {padding: 10px 0;}
.footer-col1 ul li a {font-size: 14px; color: #fff; font-weight: 600; text-transform: uppercase;}
.footer-col1 ul li a:hover {color: #05122f;}
.footer-col2 {float: right;}
.footer-copy {width: 100%; float: left; margin: 40px 0 0 0; padding-top: 30px; font-size: 14px; color: #fff; font-weight: 600; text-align: center; border-top: 1px solid #132bbd;}
.nws-letr {margin-top: 10px;}
.nws-letr input {width: 340px; height: 36px; font-size: 12px; border: none; background: #fff; padding: 0 15px; box-sizing: border-box;}
.nws-letr button {width: 70px; height: 36px; font-size: 12px; color: #fff; background: #0926db; border: none; cursor: pointer;}
.social p {font-size: 14px; color: #fff; font-weight: 600; text-transform: uppercase; padding: 30px 0 15px 0;}
.social ul li {float: left; padding-right: 7px;}
.inner-header {height: 120px !important;}
@media screen and (max-width: 1280px) {
    .row {width: 90%;} 
    .logo {background: #fff; padding: 25px 30px; border-radius: 50%;}
    .clients img {max-width: 100%;}
    .footer-col1 {padding-right:40px;}
    .nws-letr input {width: 200px;}
}
@media screen and (max-width: 980px) {
    .navigation {width: 100%; text-align: center;}
    .navigation ul {display: inline-block; position: relative; top: 70px;}
    .navigation ul li {font-size: 14px; padding: 0 12px;}
    .logo {padding: 17px 20px; border-radius: 50%; position: absolute; position: absolute; top: 30px; left: 50%; transform: translate(-50%, -50%);}
    .logo img {width: 50px;}
    .inner-header {height: 160px !important;}
    .footer-col2 {width: 100%; margin-top: 0px;}
    .nws-letr {width: 50%; float: left; padding-top: 22px;}
    .nws-letr input {width: 70%; }
    .social {float: left;}
    .social p {padding-top: 0 !important;}
    .header {width: 100%; height: 754px; background: url(../images/mob-banner.jpg) no-repeat bottom #7e4cae;}
    .banner h1 {color: #fff;}
    .banner h2 {color: #ffdd15;}
    .col-2, .nws-letr {width: 100%;}
    .nws-letr {margin-bottom: 20px;}
    .col-3 {width: 100%; min-height: auto !important; border: 1px solid #f2f1f1 !important;}
   
}