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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
        font-family:'LG Smart';
            box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

section, footer, header{width:1067px;margin:0 auto;}

p{
        font-weight: 300;
    font-size: 21px;
    color: #322e2f;
    line-height: 22px;
}
p.mobile{display:none;}
h2{
        font-weight:bold;
    text-align:center;
}
body{padding:0px;margin:0px; position:relative; min-width:340px;}
a{text-decoration:none; color:#404041}
header{
    margin-top:80px;
    background: url("../images/logo.png") no-repeat;
        min-height: 495px;
}
header p{width:380px; float:right; margin-top:100px; font-family: 'LG Smart Light Light';     font-size: 30px;
    line-height: 34px;}
header img{float:right; margin-top:30px;}
footer{margin-top:45px; margin-bottom:60px;}
footer p {    text-align: center;    font-size: 19px; }
p.mobile{font-family: 'LG Smart Light Light';     font-size: 30px; margin-top:50px; text-align:left;
    line-height: 34px;}
.clear{clear:both;}
.red {color:#c00c3f!important}
ul.first-ul{margin-top:90px; margin-bottom:60px;}
ul.first-ul li{float:left;text-align:center; border-left:1px solid #6d6e71; box-sizing:border-box; padding:0px 19px;}
ul.first-ul li:nth-child(1) {width:25%; border-left:0px solid #6d6e71;}
ul.first-ul li:nth-child(2) {width:27%;}
ul.first-ul li:nth-child(3) {width:32%;}
ul.first-ul li:nth-child(4) {width:16%;}

ul.first-ul li h2{font-size:32px; min-height: 68px; margin-bottom: 20px;}

ul.second-ul{margin-top:90px;}
ul.second-ul li{width:50%; float:left;}
ul.second-ul li h3{
    color: #c00c3f;
    font-family: 'LG Smart Bold';
    font-size: 35px;
    width: 319px;
    margin: 0 auto;
}
ul.second-ul li ul li{width:100%; font-size:29px; color:#404041; padding-left: 65px; font-family: 'LG Smart Light Light'; margin-bottom:10px;}
ul.second-ul li ul li .counter
{    margin-left: -64px; background-color:#b6b7ba; border-radius:30px; font-size:20px; line-height:30px; color:white; display:inline-block; text-align:center; margin-right:32px;
            width: 30px;
    height: 30px;
    font-family:arial;
    line-height: 30px;
}

.tabble-row{width:85%;margin:0 auto;     padding-top: 15px;
    border-top: 1px solid #878788;
    padding-bottom: 15px;
}
.no-border{border-top:0px solid;}
ul.tabble-row li {    width: 20%;
        display: inline-block;
    vertical-align: top;
    color: #404041;
    font-size: 20px;
   font-family: 'LG Smart Light SemiBold';
    line-height: 25px;}

ul .tr{text-align:right; width:15%!important;}
ul .tl{text-align:left; width:21%!important;}
ul .tc{text-align:left; width: 23%!important;}
ul .tc2{text-align:left; width: 16%!important;}
@media screen and (max-width: 1080px)  {
    section, footer, header{width:100%;padding:0 20px;}
    header{background-size:50%; background-position:20px 0px; min-height: 419px;}
    header img {width:435px;}
    
    ul.first-ul li h2 {
    min-height: 64px;
}
ul.first-ul li {
    min-height:204px;
}

ul.first-ul li{width:50%!important;
    border-left: 0px solid #6d6e71;
    border-bottom: 1px solid #6d6e71;
min-height:64px;
    min-height: 196px;
    padding-bottom: 20px;
    padding-top: 25px;
    padding-left: 50px;
    padding-right: 50px;}
ul.first-ul li:nth-child(1), ul.first-ul li:nth-child(3){
        border-right: 1px solid #6d6e71;
}

ul.first-ul li:nth-child(3), ul.first-ul li:nth-child(4){
        border-bottom: 0px solid #6d6e71;
}
}

@media screen and (max-width: 860px) {
    header img{
        margin-top: -30px;
    }  
    header{background-size:50%; background-position:20px 0px; min-height: 332px;}
    header p {
    width: 333px;
    float: right;
    margin-top: 55px;
    font-family: 'LG Smart Light Light';
    font-size: 26px;
    line-height: 29px;
}
ul .tl{text-align:left; width:20.5%!important;}
}

@media screen and (max-width: 790px){
    p.mobile{display:block;     display: block;
    width: 74%;
        text-align: center;
    margin: 40px auto;
    line-height:40px;
    font-size: 37px;}
header img {
    width: 67%;
    margin: 0 auto;
    float: none;
    display: block;
}
header {
    background-size: 85%;
    background-position: center 158px;
        min-height: 677px;
            margin-top: 30px;
}
header p{display:none;}

ul.first-ul li{width:100%!important;
    border-left: 0px solid #6d6e71;
    border-right: 0px solid #6d6e71!important;
    border-bottom: 1px solid #6d6e71!important;
min-height:0px;
    min-height: 0px;
    padding-bottom: 20px;
    padding-top: 25px;
    padding-left: 0px;
    padding-right: 0px;}
ul.first-ul li h2{min-height:0px;}
ul.second-ul li{width:90%; margin:0 auto; margin-bottom:30px; float:none; }
ul.first-ul {
    margin-top: 30px;
    margin-bottom: 30px;
        width: 63%;
    margin: 0 auto;
}
ul.second-ul {
    margin-top: 87px;
    width: 86%;
    margin: 40px auto;
}

ul .tr{text-align:right; width:15%!important;}
ul .tl{text-align:left; width:18%!important;}
ul .tc{text-align:left; width: 21.5%!important;}
ul .tc2{text-align:left; width: 21%!important;}

}

@media screen and (max-width: 690px){
    header {
        min-height: 608px;
    }
    ul.tabble-row {width:90%;}
    ul.tabble-row li {
    font-size: 28px;
    line-height: 32px;
}
    ul .tl {
    text-align: left;
    width: 100%!important;
}
    ul .tr {
    text-align: right;
    width:50%!important;
}
ul .tc {
    text-align: left;
    float:left;
    width: 50%!important;
}

ul .tc:nth-child(odd) {
    text-align:right;
}
 p.mobile{display:block;     display: block;
    width: 100%;
        text-align: center;
    margin: 40px auto;
}
}

@media screen and (max-width: 590px){
    header {
        min-height: 545px;
    }
    ul.first-ul {
    width: 90%;
}
ul.second-ul {
    width: 100%;
}


}

@media screen and (max-width: 490px){

header {
    min-height: 509px;
}
}
@media screen and (max-width: 400px){
    header {
        min-height: 344px;
        background-position: center 73px;
    }
}