*{margin: 0;padding: 0;/* box-shadow:inset 0 0 0 1px red; */box-sizing: border-box;}
li{list-style:none;}
a{text-decoration:none;color:#e2543e}
.bold{font-weight:700;}
.italic{font-style:italic;}
.block{display:block;}
.small{font-size:14px;}
.mark {font-size: 13px;font-weight:600;margin:0 5px;}
 h1 {font-size: 36px;text-align: center;margin: 25px auto 40px auto;font-weight: 100;text-transform: uppercase;}
 body.fixed {overflow:hidden;}

 html,body{position:relative;min-height: 100%;width:100%;display:block;float:left;font-family:'Roboto Condensed', sans-serif;font-size:12px;}
 body {padding: 100px;background-color: #404040;}
.wrap{position: relative;min-height: 100%;max-width: 1200px;margin: 0 auto;display: -webkit-box;display: flex;display: -ms-flexbox;-ms-flex-align: center;-ms-flex-direction: column;align-items: center;z-index: 5;flex-direction: column;background-color: #f7f7f7;}
.background1{background-image: url(/content/images/mobile_landing//bg1.png);background-repeat: no-repeat;position: absolute;z-index: -1;width: 100%;height: 100%;left: 0;top: 0;}
.background2{background-image: url(/content/images/mobile_landing/bg2.png);background-position: bottom right;background-repeat:no-repeat;background-size: contain;position:absolute;z-index: 0;width:100%;max-width: 450px;height: 100%;bottom: 0;right: 0;}

.sticky.main_container{padding-top:90px;}

.main_container{position:relative;height: auto;width:100%;margin:0 auto;z-index: 2;}
.main_container .section{position:relative;width:100%;margin: 0 auto;}

.main_container .section.illustration{padding-top: 75px;min-height: 772px;}
.section.illustration.text_bar{min-height: 0;padding: 0;background: white;}

.section_wrap{max-width: 1200px;margin: 0 auto;}
.section_wrap.large {max-width: 100%;}
.section_wrap.large header{max-width: 1200px;margin:0 auto}

.main_container .section .section_wrap> article {width:100%;:50pxmax-width:;max-width: 750px;margin:  0 auto;display:  block;}
.main_container .section.top .section_wrap> article{padding-top: 120px;align-items:center;-ms-flex-align:center;max-width:600px;margin:0 auto;}
.main_container .section.text_bar .section_wrap article {padding: 70px 10px;}

.main_container .section.contact .section_wrap> article{padding-bottom: 80px;}
 header h2{text-transform:uppercase;font-size: 48px;font-weight: 100;margin: 0 0 20px 0;}
.section header p{font-size: 18px;margin: 15px 0;}

.main_container .section.about header{display:block;}
.section.donate{max-width:100%;}
.section.contact{min-height:0;}

.button {box-shadow: inset 0 0 0 2px #000;padding: 12px;min-width: 110px;text-align: center;display: block;color: #000;border-radius: 3px;font-weight: 600;font-size: 13px;cursor:pointer;}
.primary.button{background-color: #fdd65d;box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.02);min-width:140px;}


/*============START navigation==================*/
.navigation{width:100%;}
.nav_wrapp{max-width:1200px;margin:0 auto;width: 100%;height: 90px;padding: 0 25px;display:-webkit-box;display:flex;display: -ms-flexbox;align-items: center;-ms-flex-align: center;justify-content: space-between;-ms-flex-pack: justify;z-index: 5;position: relative;background-color: rgba(255, 255, 255, 0.9);}
.logo_bar{box-sizing: content-box;}
.logo_bar span{display:block;background: url(/content/images/logo.svg) no-repeat center;height: 40px;width: 250px;}
.navigation ul,.action{margin:0 auto;display:-webkit-box;display:flex;align-items: center;flex-wrap: wrap;display:-ms-flexbox;-ms-flex-align:center;-ms-flex-wrap: wrap;}
.navigation .nav_wrapp > ul{max-width:1200px;margin:0 auto;width:100%;float: right;}
.navigation .nav_wrapp > ul > li{display:block;float: left;}
.navigation a, .action a{display:block;line-height: 1;text-transform: uppercase;font-size: 13px;font-weight: 600;color: #b0b0b0;margin-right: 20px;padding: 12px;}
.navigation .nav_wrapp > ul > li li:last-child a{margin-right:0;}
.navigation .select a{color:#000;}

.navigation .action{margin-left: 5px;padding-left: 20px;box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, 0.1);}
.navigation .header.action {display: none;padding: 0;}
.action .button{color:#000;margin-right: 10px;padding: 14px 14px;white-space: nowrap;}
.header.action  .button{padding: 10px 5px;min-width:0;font-size: 10px;margin-right: 5px;}
.illustration .action .primary.button{min-width: 160px;}
.close.icon{display: none;background-position:0px -90px;}
.menu.icon{display: none;background-position: -540px -30px;cursor: pointer;}

.navigation.sticky{position:fixed;top:0;left:0;z-index:999;padding:0 100px;background-color: #fff;box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);animation:income .2s backwards}
@keyframes income{from{transform:translateY(-10px)}}
.navigation.sticky .nav_wrapp{;background-color: rgba(255, 255, 255, 0.98);justify-content: space-between;-ms-flex-pack: justify;}

.nav_wrapp.sticky ul{margin:0;}
/*============END navigation==================*/


/*============START illustration==================*/
.illustration{}
.section .logo_bar span {display: block;background: url(/content/images/logo.svg) no-repeat center;height: 61px;width: 376px;background-size: contain;margin: 25px auto;}
 h2{font-size:30px;text-align:center;margin: 25px auto 0px auto;font-weight: 400;text-transform:  uppercase;width: 100%;}
.illustration article p {font-size: 24px;margin: 10px auto 80px auto;width: 100%;text-align: center;color: rgb(0, 0, 0);}
 p.description {max-width: 570px;}
/*============END illustration==================*/


/*============START ICONS==================*/
.icon{width:30px;height:30px;min-width: 30px;background-image: url(/content/images/sprite.svg);background-position:0 0;background-repeat:no-repeat;display: inline-block;}
.icon.mobile {background-position: -240px 0px;}
/*============END ICONS==================*/

/*=======START WINDOWS=======*/

.ovrl_wnd_cont > div{height:100%;width:100%;position: fixed;z-index:9998;padding:20px;opacity:0;-ms-flex-direction:row;visibility:hidden;display:-ms-flexbox;display: flex;-ms-flex-wrap:wrap;-ms-flex-direction:column;-ms-flex-align:center;-ms-flex-pack:center;-ms-flex-negative: 1;align-items: center;justify-content: center;overflow:auto;background-color: rgba(15,20,25,.55);top: 0;left: 0;}
.ovrl_wnd_cont > div.open{opacity:1;visibility:visible;}
.ovrl_wnd_cont > div > div{box-sizing:border-box;position:relative;-ms-flex-pack:center;overflow:hidden;justify-content: center;display:-ms-flexbox;-ms-flex-direction:column;display: flex;flex-direction: column;max-height: calc(100vh - 120px);-ms-flex-negative: 1;max-width: 100%;box-shadow:0px 8px 0 -4px rgba(0,0,0,.05), 0 0 0 1px rgba(0,0,0,.05), 0 15px 20px -10px rgba(0,0,0,.3);border-radius:6px;}
@media screen\0 {.ovrl_wnd_cont > div > div{max-height:none;}} /* target IE 10*/
.ovrl_wnd_cont > div > div > header{width:100%;height:50px;min-height: 50px;user-select:none;-webkit-user-select:none;cursor:default; position:relative; z-index:1}
.ovrl_wnd_cont > div > div > header > p{background:#fff; height:50px;text-align:left;box-sizing:border-box;margin:0;padding:0 60px 0 20px;line-height:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 16px; color:#2d3e4d;}
.ovrl_wnd_cont > div > div > header > span { height: 30px; width: 30px; position: absolute; right: 10px; top: 10px; cursor: pointer; background-image: url(../images/sprite.svg); background-repeat: no-repeat;background-position: -300px -90px; }
.ovrl_wnd_cont > div > div > header > span:active{transform:translateY(1px);-webkit-transform:translateY(1px)}
.ovrl_wnd_cont > div > div > div{   display:-ms-flexbox;-ms-flex-direction:column; display: flex; flex-direction: column;max-height: 100%;    overflow: hidden;    -ms-flex-negative: 1;}
.window_cont  form{display:-ms-flexbox; -ms-flex-direction:column;display: flex;flex-direction: column;max-height: 100%;  overflow:hidden;    -ms-flex-negative: 1;}
.window_cont{position:relative;display:-ms-flexbox;-ms-flex-direction:column;display: flex;flex-direction: column;max-height: 100%;width: 100%;overflow:hidden;background:#fff;-ms-flex-negative: 1;-ms-flex:1 0 auto;}
.window_cont .form_container {padding: 15px;white-space: normal;background: #f3f3f3;background-image: -webkit-linear-gradient(top, #fff 0%, #f3f3f3  120px);background-image: linear-gradient(to bottom, #fff 0%, #f3f3f3  120px);position: relative;-ms-flex: 1 1 auto;max-height: 100%;overflow-x: hidden;/* overflow-y: auto; */max-width: 900px;float:  left;}


.form_container .section_group {width: 100%;padding: 0 40px 20px 0;box-sizing: border-box;position: relative;float: left;clear: both;}
.section {float: left;position: relative;padding: 0;width:100%;}



@keyframes open{from {max-height:0;opacity:0;} to{opacity:1;max-height:5000px;}}
/*=============END WINDOWS===========*/




ul.list {margin: 70px auto;counter-reset: li;max-width: 700px;width: 100%; gap: 10px;display: flex; flex-direction: column;}
li.item {height: 120px;background: #ffffff;display: -ms-flexbox;-ms-flex-direction: column;-ms-flex-pack: center;display: -webkit-box;display: flex;flex-direction: column;justify-content: center;font-size: 20px;position:  relative;box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); padding-left: 110px;z-index: 2;}
ul.list li.item:last-child{z-index:1}

li.item span {font-size:  16px;font-weight: 600;display:  block;text-align:  center;text-transform:  uppercase;}
li.item:before {content:counter(li);counter-increment:li;position:  absolute;left: 40px;top: 50%;transform: translateY(-50%);font-size:  72px;font-weight:  100;color: rgba(0, 0, 0, 0.3);}
li.download { display: -ms-flexbox;  -ms-flex-pack: center; display: -webkit-box;  display: flex; justify-content: center; align-items:  center; -ms-flex-align: center; margin:  50px auto;}
li.download div{padding:0 10px;max-width: 230px;}
li.download div a:active img { transform: translateY(1px);}
li.download div a:hover{background-image: linear-gradient(to top, rgba(255,255,255,.5) 0%,rgba(255,255,255,.05) 100%)}

li.item span{text-align:left}

li.download div a{display:block;width:100%; border-radius: 5px; box-shadow: 10px 20px 30px 1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);}
li.download div a img{display:block;width:100%;}

.main_container .section .section_wrap> article.bottom {margin: 100px auto 40px auto;}
article.bottom h2 {margin: 50px auto;}
article.bottom p { max-width: 580px;}
article.bottom p span{display:  block;}
article.bottom p span a {text-transform:  uppercase;display: inline-block;padding: 0 10px;font-size: 22px;color: #000;font-weight: 800;}
a.number {text-transform: uppercase; display: block; padding: 0 10px; font-size: 48px; color: #000; font-weight: 400; margin: 30px 0 0 0; text-align: center;}


.window_cont article {padding: 10px;width: 100%;max-width: 900px;margin: 0 auto;}
.window_cont article p {font-size: 15px;margin: 10px auto;width: 100%;color: rgba(0, 0, 0, 0.6);}
.window_cont ul,.window_cont ol {margin: 30px 0 30px 15px;}
.window_cont li {text-align: left;margin: 10px 0;position:relative;counter-increment: li}
.window_cont ul li:before{content:'';width:5px;height:5px;top:8px;left:-15px; background:black;position:absolute;border-radius:50%;}
.window_cont ol li:before{content: counter(li);top: 2px;left: -15px;position:absolute;font-size: 12px;font-weight: 600;}
.window_cont h3 { font-size: 18px; text-transform: uppercase; margin: 15px auto; font-weight: 400; width: 100%; text-align: left;}
.window_cont h2 { margin: 15px auto;font-size: 24px;}


@media screen and (max-width:1160px){
    .navigation.sticky{padding:0}
     body { padding:0px;}
    .wrap{overflow:hidden;}
}

@media screen and (max-width:770px){
    .nav_wrapp{height: 60px;}
    .main_container{padding:0 25px;}
    ul.list{max-width: 350px;margin: 40px auto;}
    .background1{opacity: .6;}
    li.item{height: 80px;padding: 0 10px 0 40px;}
    li.item:before{font-size: 28px;left: 10px;}
    li.download div{max-width: 150px;}
    li.item span{font-size: 12px;}
    h2{font-size:18px;}
    article.bottom h2 {margin:20px auto;}
    .illustration article p{font-size:14px;margin: 10px auto 30px auto;}
    .main_container .section.illustration{padding-top:30px;}
    a.number{font-size:20px;}
    article.bottom p span a{font-size:14px;}
    .main_container .section .section_wrap> article.bottom{margin: 50px auto 40px auto;}

}



@media screen and (max-width:500px){
    li.item span {font-size: 10px;}
    .nav_wrapp {padding: 0 15px;}
    .background2{max-height: 300px;}
    .background1{max-width: 100%; opacity: .5;}
    article.bottom p {font-size: 12px;line-height: 20px;}    
    article.bottom p span a{font-size: 12px;}
    li.item {height:60px;}
}