.home-banner{background:url(../images/header-bkr-new.png) no-repeat; min-height: 772px;}
#breadcrumb { background: none;}

ul.home-top-blocks{margin:0;padding:0;}
ul.home-top-blocks li{float:left; margin-right:1%; width: 32%;  margin-bottom: 20px}
ul.home-top-blocks li:nth-child(3){margin-right:0 }
ul.home-top-blocks li img{display:inline-block; width: 340px;  margin-bottom: 20px}

ul.home-bottom-blocks{margin:0;padding:0;}
ul.home-bottom-blocks li{float:left;width:24%;margin-right:1%; box-sizing: border-box;}
ul.home-bottom-blocks li img{width:100%}
ul.home-bottom-blocks li:nth-child(4){margin-right:0;}

.lighrblue-bkr{background:#DFEDF2}

.bg-greyblue{background: linear-gradient(90deg, rgba(255, 255, 255, 1) 50%, rgba(223, 237, 242, 1) 50%); height: auto}
.wrapper-home{     max-width: 1230px;  margin: 0 auto;  padding: 20px 45px;box-sizing: border-box;}
.home-col1{float: left; width: 50%; padding-right: 3em; min-height: 440px; position: relative; background: #fff;box-sizing: border-box;}
.home-col2{float: left;  width: 50%;min-height: 440px; position: relative; background:#DFEDF2; box-sizing: border-box; padding:0 0 0 30px}

.home-col2:before{content:'';background:url(../images/footer-img.png) no-repeat; position:absolute;width:200px;height:130px;right:0;bottom:0;z-index:999}

.home-col1 h5 { font-size: 24px;  color: #632E40;  margin-bottom: 0em;  font-weight: bold; text-align: left; }

ul.list-home2 li{    list-style-image: none; position: relative;transition: padding-left 0.3s, background 0.3s, color 0.3s;  padding-left: 20px; line-height: 2;  }
ul.list-home2 li a{text-decoration: none;color:#657D8C ;font-size: 16px;transition: padding-left 0.3s, background 0.3s, color 0.3s; }
ul.list-home2 li a:hover{transition: all 0.5s ease;}
ul.list-home2 li:before { content:'\e93c';font-family: 'icomoon';font-size: 10px; position: absolute; left: 3px; top: 4px; transition:left 0.3s;  color:#029EB8 ; font-weight: bold}

p.button-home { position: relative; display: inline-block; margin-top: 20px; background: #DFEDF2; padding: 10px;border-bottom: 2px solid #029EB8;}
p.button-home:before{ content: '\e93c'; font-family: 'icomoon'; speak: none; right: 5px; position: relative; color: #029EB8; transition: all .5s ease; top: 0;}

p.button-home a{font-size:18px!important; color: #657D8C; transition: padding-left 0.5s, background 0.5s, color 0.5s;text-decoration: none;}
p.button-home a:hover{  padding-left: 15px; transition: all 0.5s ease; }

.footer-download-block{background:#657D8C;  min-height: 140px;}
.footer-download-block main#container #gutter-frame { background: none;}
.footer-download-block main#container #gutter-frame h3{color:#fff;margin-bottom:0; margin-top:0;}

ul.footer-download-block-inner{margin:0;padding:0;}
ul.footer-download-block-inner li{float:left;width: 31%; box-sizing: border-box;padding: 20px 0;}
ul.footer-download-block-inner li a{color: #fff;font-size:16px; text-decoration:none}
ul.footer-download-block-inner li a:hover{color: #029EB8;}
ul.footer-download-block-inner li a img{position:relative;  top: 8px;  margin-right: 10px;}

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

.home-col1 {min-height: 344px}
.home-col2{padding-top: 20px;min-height: 344px}
}

@media screen and (max-width: 600px)
{
main#container #gutter-frame{padding-left: 1.4em; padding-right: 1.4em}
.home-col1{float: none; width: 100%; padding-right: 0;}
.home-col2{float: none;  width: 100%;}

.bg-greyblue { background: linear-gradient(90deg, rgba(255, 255, 255, 1) 100%, rgba(223, 237, 242, 1) 100%);}

.wrapper-home { padding: 20px 30px;}

.home-banner {    min-height: auto;}


}

@media screen and (max-width: 475px)
{
ul.home-bottom-blocks li {  clear:left;  width: 100%; margin-right: 0;}
ul.home-top-blocks li { display: block; width: 100%;  margin-bottom: 20px;}
.footer-download-block { min-height: 230px;}
ul.footer-download-block-inner li { clear:left; width: 100%;    padding: 10px 0;}
}

@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){

html,
body{
width:100%;
overflow-x:hidden;
}

}