article,
.footer{
	background-color: #444c57;
	color: #fff;
}


body article a:link,
	 a:visited{
	color: #fff;
	border-bottom-color: rgba(255,255,255,.3);
}

.announce__picture-note2,
.announce__picture-note{
	color: #b1bac1;
}

.dark-scheme .tab-active{
	background-color: #ea5723 !important;
}

.dark-scheme .tabs a:link{
	color: #000 !important;
}

.dark-scheme .tab {
    background-color: rgba(255, 255, 255, 0.4);
}

.credits,
.task,
.task__date{
	background: #30373d;
	color: #fff;
}

.hands{
    background-image: url('../img/iec-landing-hands-1.png');
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
    margin: 0 auto;
    max-height: 65%;
}

section.announce__picture{
    max-width: 1260px; 
    margin: 0 auto;
}

.usa-map{
   
    top: 0;
    left: 0;
    width: 100%;
    max-height: 650px;
    position: absolute;
    text-align: center;
    margin: 280px auto 0;
}


.usa-map g.state.work:hover path, 
.usa-map path.state.work:hover {
    fill: hsla(0,0%,100%,.52);
    cursor: pointer;
}

.usa-map g.state.work.active,
.usa-map path.state.work.active {
    fill: #fff;
}

.usa-map g.state, 
.usa-map path.state {
    fill: transparent;
    stroke: #bbb9b9;
    stroke-width: 1px;
    stroke-miterlimit: 10;

}

.mob .usa-map path.state#state-nv,
.mob .usa-map path.state#state-ny,
.mob .usa-map path.state#state-ca{
    stroke-width: 5px;
}

.usa-map path.state#state-nv,
.usa-map path.state#state-ny,
.usa-map path.state#state-ca{
    stroke-linejoin: round;
	stroke-width: 3.4px;
	stroke: #fff;
}

.announce__picture.last{
	position: relative;
	width: 100%;
	margin: 0;
}

.announce__picture.last{
    max-width: 100%;
	min-height: 1800px;
}

.mob .announce__picture.last .img{
    background-attachment: initial;
    background-position: center;
    background-size: 2000px;
}
.main-cover__image { 
    max-height: 870px;
    min-width: 100%;
    opacity: 0;
}


@media screen and (max-width: 1000px){
    .announce__picture.last{
        min-height: 1500px;
    }
}

@media screen and (max-width: 800px){
    .announce__picture.last{
        min-height: 1300px;
    }
}

@media screen and (max-width: 600px){
    .usa-map{
        margin: 330px auto 0;
    }
    .announce__picture.last{
        min-height: 1100px;
    }
}

@media screen and (max-width: 400px)
.announce__picture.last {
    min-height: 700px;
}

.announce__picture.last .img{
    transition: opacity .3s ease-in-out;
    background-attachment: fixed;
    background-size: cover;
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
}

.announce__picture.last .img:first-child{
    opacity: 1;
}

.announce__picture.last .text{
    text-align: center;
    position: relative;
    padding: 80px 5%;
    max-width: 680px;
    margin: 0 auto;
    font-size: 90%;
}

.announce__picture.last  .text p{
    opacity: .8;
}

.announce__picture.last .hands{
	background-image: url('../img/iec-landing-hands-2.png');
    max-height: 43%;
}

.iec-main-wrap{
    box-shadow: 0px 3px 18px 0px rgba(0, 0, 0, 0.55);
    position: relative;
    max-width: 1195px;
    margin: 0 auto;
}

@media screen and (max-width: 1230px){
    .iec-main-wrap{
        max-width: 95%;
    }
}


.iec-main-wrap > *{
    position: relative;
    width: 100%;
}

.iec-elements {
    position: absolute;
    text-align: center;
    overflow: hidden;
    width: 100%;
    height: 100%;
    top: 0;
}
.iec-head .iec-elements .hand{
    position: absolute;
    overflow: hidden;
    bottom: -1px;
    left: 9%;
    width: 40%;
}

.iec-elements .back{
    position: absolute;
    margin-top: -70%;
    width: 130%;
    left: 0;
    top: 0;
}
.iec-elements .back img{
    min-height: 100%;
    max-width: initial;
    margin: 0;
}

.mob .iec-elements .back img{
    max-width: 100%;
}

.iec-mail .iec-elements .form{
    margin-top: 31.1%;
    overflow: hidden;
}


.iec-mail .iec-elements .form img{
    margin-top: -4%;
    width: 63%;
}

.iec-programms .iec-elements .balls{
    position: absolute;
    right: 19%;
    bottom: 0;
    width: 10%;
}

.iec-programms > img,
.iec-events > img{
    opacity: 0;
}


.iec-events .iec-elements > img,
.iec-programms .iec-elements > img{
    position: relative;
    margin-top: 4%;

}

.iec-events .iec-elements > img{
    width: 84%;
}

.iec-programms .iec-elements > img{
    width: 90%;
}

.iec-feedback > img{f
    position: relative;
    opacity: 0;
}
.iec-feedback .scroll img{
    transition: opacity .2s ease-in-out;
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    left: 0;
    top: 0;
}

[scroll="down"] img,
[scroll="up"] img{
   // transition: transform .1s ease-in-out;
}

[scroll="down"] img{
    transform: translate3D(0,-100%,0);
}


[scroll="up"] img{
    transform: translate3D(0,100%,0);
}