@font-face {font-family: 'Open Sans', sans-serif;}
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, span, dd, dt, li, tbody, tr, td, th, thead, button, del, map, object, a, abbr, acronym, b, big, br, cite, code, em, i, img, q, small, strong, sub, sup, tt, var, legend, fieldset {margin:0;padding:0;}
img, fieldset { border: 0;}
/* set image max width to 100% */
img{max-width:100%;height:auto;width: auto\9;}
* {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, div, span, p, br {display:block;margin:0;padding:0;}
ul{list-style:none}
/* GENERAL STYLING */
html{font-size:14px;}
body {font-size:100%; }
textarea{resize:vertical}
body{margin:0;font-family: 'Jost', sans-serif; font-size:14px; line-height:20px; color:#333; background-color:white;}
img {max-width: 100%;vertical-align: middle;border: 0;-ms-interpolation-mode: bicubic;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding:0; font-weight: bold; text-rendering: optimizelegibility;}
h1 {color: #003366;    font-size: 34px;    line-height: 35px; font-weight:100;}
h2 {font-size: 28px; color: #000;  line-height: 30px;      }
h3 {font-size: 24px; line-height: 26px; }
p {font-size: 18px; line-height: 20px; }
#dtkj{width:35%; float:right; border:none;height: 600px;}
header{width:100%; float:left;    background-color: #000C21;padding: 10px 0px;}
.container{width:1200px; margin:auto;}
.logo{ width:25%; float:left;}
.navigation{ width:75%; float:left;}
.navigation ul {float: right;margin: 0px;list-style: none;width: auto;text-align: right;}
.navigation ul li {margin: 0px;padding: 5px 10px;font-size: 16px;text-align: center;display: inline-flex;letter-spacing: 0.02em;float: left; }
.navigation ul li a{text-decoration:none; color:#fff;}
.header_contact_info{ color:#fff;}
.header_contact_info li{ float:left; padding:0px 20px;}
.ul_li_right{float:right; color:#fff;}
.ul_li_right li{float:right; color:#fff;padding:0px 20px;}
.fab{color:#fff;}
.grey{background-color: rgba(22, 24, 41, 0.6); padding:10px 0px;}
.wid50{ width:50%; float:left;}
.wid100{ width:100%; float:left;}
.topimg{ height:550px;}
.posrel{position:relative;}
.posabs{position:absolute;}
.top0{top:0px;}
.wid65{ width: 65%; float: left; padding: 20px 0px;padding-right:10%;}
.wid65 h2{color:#fff;font-size: 32px;font-weight: 100;margin-bottom:20px; }
.wid65 p{color:#fff;font-size: 17px; margin-bottom: 20px;}
.wid65 h1 b.red{color: red;font-weight: 100;}
.wid65 h1 b.green{color: green;font-weight: 100;}
.wid65 h1 b.yellow{color: yellow;font-weight: 100;}
.wid65 h1{color: #fff;font-size: 40px;margin-bottom: 20px; line-height: 44px;}
 h2 label{    width: 40px;height: 3px;background-color: red;display: inline-block;vertical-align: middle;margin: 5px;}
 h1 label{    width: 40px;height: 3px;background-color: red;display: inline-block;vertical-align: middle;margin: 5px;}
.featured{ width:100%; float:left; padding:40px 0px;}
.featured h2 { width:100%; float:left; text-align:center; margin-bottom:10px; font-size:34px;}
.featured p { width:100%; float:left; text-align:center;margin-bottom: 15px;}
.featured ul li{ width: 31.3%;float: left;margin: 15px 1%;box-shadow: 0px 0px 15px #ccc; position: relative;}
.featured ul li h4{position: absolute;top: 0px;left: 0px;width: 100%;background: #00000070;padding: 7px;color: #fff;}
.featured ul li img{ width:100%; float:left; height: 275px;}
.featured ul li label{ width:100%; float:left; padding:10px 10px; font-weight:600;box-shadow: 0px -2px 3px #ccc;color: red;}

ul.fkg{display: flex;flex-wrap: wrap;width: 100%;float: left;}
.wid35{ width:35%;float:left; padding: 20px 0px;}
.wid35 input, textarea{ width:100% !important;float:left; padding: 20px 0px; margin:10px 0px; border-radius: 6px; border:1px solid #000;}

.why{ width:100%; float:left; padding:30px 0px; background-color: #151313db;}
.why h2.stt { width:100%; float:left; text-align:center; margin-bottom:10px; color:#fff;font-weight: 100;}
.why h3 { width:100%; float:left; text-align:center; margin-bottom:10px; color:#fff;font-weight: 100;}
.why p { width:100%; float:left; text-align:center;margin-bottom: 15px; color:#fff;}
.why ul li{     width: 29%;float: left;margin: 27px 2%;}
.why ul li img{ width:100%; float:left;}
.why ul li label{ width:100%; float:left; padding:10px 10px; font-weight:600;box-shadow: 0px -2px 3px #ccc;}
.testi{box-shadow:0px 0px 11px #ccc;}
.txtcntr{ text-align:center;}
.pad30{padding:30px 0px;}
.blog50 ul li{ width:50%; float:left;}
.blog50 h2{margin-bottom:10px;}
.testi .wid100{ padding:10px 10%;}
.testi .wid100 p{ margin:20px;}
.maincontent h1{ margin-bottom:10px; text-align:center;}
.maincontent{box-shadow:0px 0px 10px #9e9e9e;}


footer{width:100%; float:left; padding:20px 0px; background-color: #ccc;}
.wid33{ width:33.33%; float:left;padding-right: 3%;}
.wid33 a{ color:#000; text-decoration:none;}
input[type=text]{width: 63%;
    margin-top: 20px;
    padding: 15px;
    border-radius: 6px;
    margin-right: 5%;}
    input[type=submit]{padding: 18px;
    width: 20%;
    background-color: #ff5722;
    border: none;
    border-radius: 10px;}
.cp{ background-color:#000; text-align:center; color:#fff; padding:10px 0px;}  
.main-content{margin:0 0 20px 0;}
.main-content p {color:#333333; margin-bottom: 8px; margin-top: 20px;}
.main-content li {padding-left: 5px; list-style: disc; margin-left: 31px; font-size: 17px;}
.main-content h3{ margin: 30px 0 0 0;}


@media screen and (max-width:1200px){
    
    .container{width:96%;}
}


@media screen and (max-width:1200px){
    #dtkj{width:100%; float:right; border:none;height: 600px;}
    .wid65{width:100%; padding-right:0px;}
    .posabs{    position: relative;background-color: #00000042;margin-top: -181px;}
    .wid65 h1{font-size:32px;}
    .wid65 h2{font-size:26px;}
    h2 label {width: 100%;height: 1px;}
     h1 label {width: 100%;height: 1px;}
     .wid50 { width: 100%; float: left;}
     .topimg {height: auto;}
     .wid33 {width: 100%; padding-right:0px;}
    .featured ul li{width:100%; margin:10px 0px;}
    .why ul li {width: 100%;float: left;margin: 5px 0%;}
     h2{font-size:24px;}
    h1{font-size:28px;}
    h2{font-size:24px;}
    h2{font-size:20px;}
    p{font-size:16px;}
}