/*---------------------Fonts---------------------*/
	@import url('https://fonts.googleapis.com/css?family=Roboto');

    @font-face{
		font-family:'FbDuvshanitBlack';
		src:url('../fonts/FbDuvshanitBlack.ttf') format('truetype')
	}
	@font-face{
		font-family:'FbDuvshanitBold';
		src:url('../fonts/FbDuvshanitBold.ttf') format('truetype')
	}
	@font-face{
		font-family:'FbDuvshanitLight';
		src:url('../fonts/FbDuvshanitLight.ttf') format('truetype')
	}
	@font-face{
		font-family:'FbDuvshanitRegular';
		src:url('../fonts/FbDuvshanitRegular.ttf') format('truetype')
	}
	@font-face{
		font-family:'MyriadProBlack';
		src:url('../fonts/MyriadProBlack.ttf') format('truetype')
	}

.FbDuvshanitBlack{
	font-family:'FbDuvshanitBlack';
}
.FbDuvshanitBold{
	font-family:'FbDuvshanitBold';
}
.FbDuvshanitLight{
	font-family:'FbDuvshanitLight';
}
.FbDuvshanitRegular{
	font-family:'FbDuvshanitRegular';
}
.MyriadProBlack{
	font-family:'MyriadProBlack';
}



.en-font {
	font-family: 'Roboto', sans-serif!important;

}

.item h4 {
	font-family: 'Roboto', sans-serif!important;
} 
html ,
body ,
#main-wrapper {
	width: 100%;
	height: 100%;
	font-family: FbDuvshanitLight;
	color: #fff;
}


h1 ,
h2 ,
h3 ,
h4 ,
h5 ,
h6  {
	font-family: FbDuvshanitBlack
}

h1 ,
h3  {
		font-family: FbDuvshanitLight;
}
.float-right{
	float:right;
}
.white{
	color:#fff;
}
.black{
	color:#000;

}
.green{
	color:#4CB158 ;

}

.strong {
	font-family:'FbDuvshanitBold';
}

#main-wrapper {
	
	background-size: cover;
	background-position: 0 -30px;
}

.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 ,
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9
{
    float: right;
}

.box-border {
    border: 1px solid #30B54C;
    padding: 10px;
    text-align: right;
    margin-top: 10px;

}

.form-wrapper {
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 90%;
}

form input {
   background: transparent;
    color: #fff;
    text-indent: 10px;
    height: 4vh;
    margin-bottom: 1vh;
    font-family: 'FbDuvshanitLight';
    width: 10vw;
    border: 0.05vw solid #4CB158;
}

form input.send {
      height: auto;
    background: none;
    position: relative;
    top: 0vh;
    left: 0vw;
    width: 3vw;
    border: 0;

}
.agree-wrapper {
    width: 90%;
    font-size: 12px;
    margin: 0 auto;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
  font-family:'FbDuvshanitLight';
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
  font-family:'FbDuvshanitLight';
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
  font-family:'FbDuvshanitLight';
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;
  font-family:'FbDuvshanitLight';
}
.form {
	margin-top: 2vh;
}
.text-permission{
	width: 75%;
    text-align: right;
    margin: 0 auto;
    height: auto;
}
.agree-wrapper {
	 width: 12vw;
    font-size: 1vw;
    margin: 0 auto;
    padding-right: 1.4vw;
    height: 3.5vh;
}
.small-details{
	font-size: 0.5vw;
}
.agree-wrapper  span {
	position: relative;
    font-size: 0.7vw;
    top: -1.4vh;
}
input[type=checkbox], input[type=radio] {
    margin: -0.5vh 0 0;
    line-height: normal;
    position: relative !important;
    top: 0.1vh !important;
    width: 1vw;
}
.btn-send{
	width: 90%;
    height: 1vh;
    margin: 0 auto;
}
.icon-box{
	width: 4vw;
    height: 8vh;
}
p.sentence-up{
	font-size: 1.8vw;
}
.geen-pass{
	width:100%;
	border-top:0.5vw solid #4CB158;
}
.geen-pass-up{
	margin-bottom:2vh;
}
.text-inside{
	font-size: 1.3vw;
    line-height: 1.2;
}
.dot-img{
	width: 0.8vw;
    position: relative;
    left: -10vw;
    bottom: 3.5vh;
}
.something-semantic {
  display: table;
  width: 100%;
}
.something-else-semantic {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.dot-1{
	left: -11.5vw;
}
.logo-digital {
    position: fixed;
    top: 50%;
    z-index: 999999;
    left: 10px;
}
.geen-pass-down{
	margin-top: 2vh;
}

.container {
    background:rgba(0, 0, 0, 0.82);
    padding: 5vh 2vw;
    width: 67%;

}
#part-2 {
  position: absolute;
    bottom: 0vh;
    right: 0vw;
    height: 2vh;
    width: 100vw;
    z-index: 99;
    background: #4CB158;
}
.years-logo-10{
    position: relative;
    bottom: 13vh;
    width: 11vw;
}
.years-logo-10-img{
    margin-top: 0.5vh;
}
.row {
    margin-bottom: 13px;
}
h3 {
    margin-top: 0;
    font-size: 1.5vw;
    margin-bottom: 1vh;
    line-height: 0.9;
}
h3 .smaller{
	font-size: 1.1vw;
}
.divider {
    position: relative;
    top: 10px;
}

.divider-1 {
	    right: 30px;
}
.divider-2 {
	left: 30px;
}
.main-wrapper{
   width: 100vw;
    height: 100vh;
}
.big-logo {
	margin-top: 20px;
	max-height: 160px;
}
.text-down{
	font-size: 1vw;
    line-height: 1;
}
.container p small {
    font-size: 59% !important;
    position: relative;
    top:20px;
}
.join{
	font-size: 2.4vw;
}

.container-fix {
	 margin-top: 22px;
	padding: 10px;
	z-index: 999;
	position: relative;
}


@media  all and ( max-width:1000px ) { 
	

	.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
		float: none;
	}
    .text-down{
       font-size: 2vw !important;
       line-height: 1 !important;
    }
	.something-semantic {
	  display: block;
	}
	.something-else-semantic {
	  display: block
	}
	#part-1 {
	    padding-top: 0vh;
	}
	p.sentence-up {
	    font-size: 4vw;
	}

	p.sentence-up br{
		display:none;
	}

	.icon-box{
		width: 25vw;
        height: 15vh;
        margin: 0 auto;
    }
    .icon-box img{
    	margin: 0 auto;
    	width: 18vw;
    }
    h2, .text-inside, p.sentence-up{
    	text-align: center !important;
    }
    .text-inside {
	    font-size: 4.3vw;
	}
	.dot-img {
	    width: 3vw;
	    position: relative;
	    left: -60vw;
	    bottom: 5vh;
	}
	.dot-1 {
	    left: -61.5vw;
	}
	.geen-pass {
	    border-top: 1vw solid #4CB158;
	}
	.geen-pass-down{
		display:none;
	}
	#part-2 {
	    position: relative;
	    bottom: 0vh;
	    
	}
	.form-sdb-logo {
	    width: 25vw !important;
	}
	h3 {
	    font-size: 4.8vw;
	}
	h3 .smaller {
	    font-size: 2.9vw;
	}
	h3 .smaller br{
		display:none;
	}
	form input{
		width:69vw;
	}
	form input.send{
		width: 11vw;
        top: -1vh;
        left: 3vw;
	}
	.agree-wrapper {
	     width: 90%;
	    font-size: 3vw;
	    margin: 0 auto;
	    padding-right: 1vw;
	    margin-bottom: 2vh;
	}
	input[type=checkbox], input[type=radio] {
	   top: 1.5vh !important;
       width: 3vw;
	}
	.agree-wrapper span {
	    position: relative;
        top: 0.5vh;
        font-size: 2.7vw;
	}
	.container{
		margin-top:0px !important;
	}
	.years-logo-10-img{
		display:none;
	}
	.logo-digital {
	    z-index: 999999;
	    left: 5px;
	    width: 3%;
	}
	.container{
		width:100vw;
	}
	
	.text-permission {
	    width: 86%;
	}
	.small-details{
      font-size: 2vw
	}

	.container p small {
	    font-size: 100% !important;
	    position: relative;
	    top: 20px;
	    margin-top: 40px;
	    /*margin-top:0px;*/
	    float: right;
	    line-height: 1.4;
	    margin-bottom: 20px;
	}
	.main-wrapper{
		background: url(../img/MAP.PNG);
	    background-repeat: repeat-y;
	    background-size: 332%;
	    background-position: -265px -288px;
	    height: auto
	}
	.img-go-down{
		width:10vw;
		position: fixed;
        bottom: 21px;
        z-index: 99999;
	}
	.join {
	    font-size: 7vw;
	}


}
@media  all and ( max-width:500px ) {
	.dot-img {
	    left: -57vw;
	    bottom: 4vh;
	}
	.dot-1 {
	    left: -59.5vw;
	}
	.icon-box {
	    height: 11vh;
	}
	h2{
		margin-top:0px !important;
	}

	.agree-wrapper span {
	    top: -0.5vh;
	}
	input[type=checkbox], input[type=radio] {
	     top: 1.5vh !important;
         width: 3vw;
	}
	form input.send {
	    top: 0vh;
        left: 1vw;
	}
	.agree-wrapper{
		margin-bottom:2vh;
	}
	.main-wrapper {
	    background-size: 414%;
	}
	.img-go-down{
        bottom: 10px;
	}
}
@media all and (max-width:350px){
	.icon-box {
	    height: 12vh;
	}
	.dot-img {
	    left: -55vw;
	    bottom: 4.5vh;
	}
	.dot-1{
		left:-57vw;
	}
	.join{
		font-size: 22px;
	}
}