/* Font Google - strong reaload time */
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,300,700,900&subset=latin,latin-ext);


html, body{
  overflow:hidden;
  font-family: 'Source Sans Pro', sans-serif;
  font-size:15px;
 
  color:black;
  font-weight:400;
  background:#2f363e;
  height:100%;
  height: 100%; 
  
  
}

a{
  text-decoration:none;
  outline:none;
}

h1{
  font-size:56px;
  color:white;
  font-weight:bold;
  text-transform:uppercase;
  line-height:1.2;
}


p{
  font-size:19px;
  color:white;
  margin-top:50px;
}


h1 span{
  color:#2fa68e;
}


::selection {
  background: #fff;
  color:#2fa68e;
}

::-moz-selection {
  background: #fff;
  color:#2fa68e;
}


.container{
  position:absolute;
  width:100%;
 /* height:100%; */
}






/* Start page */

.start-page{
	
  position:relative;
  width:100%;
  height:100%;
  margin-top: 50px;
  background-image:url('../img/background/start-page/start-page_max.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}

.start-page p{
 font-size:19px;
 color:white;
 margin-top:55px;
}

.start-page .opacity{
  position:absolute;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.6);
}


.start-page .content{
	
  position:relative;
  width:900px;
  margin:0 auto;
  height:580px;

}

.start-page .content .text{
  
  position:absolute;
  text-align:center;
  margin:auto;
  top:0;
  left:0;
  bottom:0;
  right:0;
  width:500px;
  height:300px;
}



.start-page .content .text .read-more{
  width:183px;
  height:47px;
  margin:50px auto;
  line-height:47px;
  border:1px solid white;
  text-transform:uppercase;
  color:white;
  cursor:pointer;
  font-size:19px;
  background:none;
  -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
}

.start-page .content .text .read-more:hover{
  color:black;
  background:white;
}

.start-page .content .arrow-down{
  position: absolute;
  bottom: 110px;
  left: 50%;
  margin-left: -10px;
  width: 21px;
  height: 29px;
  background: url("../img/arrow-down.png") no-repeat center center;
  display: block;
  -webkit-animation: bounce-fade 1.2s infinite; /* Safari 4+ */
  -moz-animation:    bounce-fade 1.2s infinite; /* Fx 5+ */
  -o-animation:      bounce-fade 1.2s infinite; /* Opera 12+ */
   animation:        bounce-fade 1.2s infinite; /* IE 10+ */
}


@-webkit-keyframes bounce-fade {
    0%   { opacity: 0; bottom: 70px; }
    100% { opacity: 1; bottom: 35px; }
}
@-moz-keyframes bounce-fade {
    0%   { opacity: 0; bottom: 70px; }
    100% { opacity: 1; bottom: 35px; }
}
@-o-keyframes bounce-fade {
    0%   { opacity: 0; bottom:70px; }
    100% { opacity: 1; bottom: 35px; }
}
@keyframes bounce-fade {
    0%   { opacity: 0; bottom: 70px; }
    100% { opacity: 1; bottom: 35px; }
}


@media screen and (min-width: 1360px) and (max-width: 1366px) {



/* Start page */


a{
  text-decoration:none;
  outline:none;
}

h1{
  font-size:200%;
  color:white;
  font-weight:bold;
  text-transform:uppercase;
  line-height:1.2;
}


p{
  font-size:100%;
  color:white;
  margin-top:50px;
}


h1 span{
  color:#2fa68e;
}


.start-page{
  
  width:100%;
  height:80%;
 
  margin-top: 50px;
  background-image:url('../img/background/start-page/start-page_1920x1200.jpg');
  background-color: #cccccc;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.start-page p{
 font-size:100%;
 color:white;
 margin-top:1%;
}

.start-page .opacity{
  position:absolute;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.7);
}


.start-page .content{
  
  width:100%;
  margin:0 auto;
  height:80%;

}

.start-page .content .text{
	float:left;
  /*position:relative;*/
  text-align:center;
  /*margin:auto;
  top:25%;
  left:25%;
  bottom:25%;
  right:25%;
  width:100%;
  height:100%;*/
}


.start-page .content .text .read-more{
  width:183px;
  height:47px;
  margin:50px auto;
  line-height:47px;
  border:1px solid white;
  text-transform:uppercase;
  color:white;
  cursor:pointer;
  font-size:19px;
  background:none;
  -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
}

.start-page .content .text .read-more:hover{
  color:black;
  background:white;
}

.start-page .content .arrow-down{
  position: absolute;
  bottom: 110px;
  left: 50%;
  margin-left: -10px;
  width: 21px;
  height: 349px;
  background: url("../img/arrow-down.png") no-repeat center center;
  display: block;
  -webkit-animation: bounce-fade 1.2s infinite; /* Safari 4+ */
  -moz-animation:    bounce-fade 1.2s infinite; /* Fx 5+ */
  -o-animation:      bounce-fade 1.2s infinite; /* Opera 12+ */
   animation:        bounce-fade 1.2s infinite; /* IE 10+ */
}


@-webkit-keyframes bounce-fade {
    0%   { opacity: 0; bottom: 70px; }
    100% { opacity: 1; bottom: 35px; }
}
@-moz-keyframes bounce-fade {
    0%   { opacity: 0; bottom: 70px; }
    100% { opacity: 1; bottom: 35px; }
}
@-o-keyframes bounce-fade {
    0%   { opacity: 0; bottom:70px; }
    100% { opacity: 1; bottom: 35px; }
}
@keyframes bounce-fade {
    0%   { opacity: 0; bottom: 70px; }
    100% { opacity: 1; bottom: 35px; }
}


}

/* ------------------------------------------------------------------------------------------------------------------------*/

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

/* Start page */


a{
  text-decoration:none;
  outline:none;
}

h1{
  font-size:200%;
  color:white;
  font-weight:bold;
  text-transform:uppercase;
  line-height:1.2;
}


p{
  font-size:100%;
  color:white;
  margin-top:50px;
}


h1 span{
  color:#2fa68e;
}


.start-page{
  
  width:100%;
  height:80%;
 
  margin-top: 50px;
  background-image:url('../img/background/start-page/start-page_1920x1200.jpg');
  background-color: #cccccc;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.start-page p{
 font-size:100%;
 color:white;
 margin-top:1%;
}

.start-page .opacity{
  position:absolute;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.7);
}


.start-page .content{
  
  width:100%;
  margin:0 auto;
  height:80%;

}

.start-page .content .text{
	float:left;
  /*position:relative;*/
  text-align:center;
  /*margin:auto;
  top:25%;
  left:25%;
  bottom:25%;
  right:25%;
  width:100%;
  height:100%;*/
}


.start-page .content .text .read-more{
  width:183px;
  height:47px;
  margin:50px auto;
  line-height:47px;
  border:1px solid white;
  text-transform:uppercase;
  color:white;
  cursor:pointer;
  font-size:19px;
  background:none;
  -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
}

.start-page .content .text .read-more:hover{
  color:black;
  background:white;
}

.start-page .content .arrow-down{
  position: absolute;
  bottom: 110px;
  left: 50%;
  margin-left: -10px;
  width: 21px;
  height: 349px;
  background: url("../img/arrow-down.png") no-repeat center center;
  display: block;
  -webkit-animation: bounce-fade 1.2s infinite; /* Safari 4+ */
  -moz-animation:    bounce-fade 1.2s infinite; /* Fx 5+ */
  -o-animation:      bounce-fade 1.2s infinite; /* Opera 12+ */
   animation:        bounce-fade 1.2s infinite; /* IE 10+ */
}


@-webkit-keyframes bounce-fade {
    0%   { opacity: 0; bottom: 70px; }
    100% { opacity: 1; bottom: 35px; }
}
@-moz-keyframes bounce-fade {
    0%   { opacity: 0; bottom: 70px; }
    100% { opacity: 1; bottom: 35px; }
}
@-o-keyframes bounce-fade {
    0%   { opacity: 0; bottom:70px; }
    100% { opacity: 1; bottom: 35px; }
}
@keyframes bounce-fade {
    0%   { opacity: 0; bottom: 70px; }
    100% { opacity: 1; bottom: 35px; }
}


}	

@media screen and (min-width: 640px) and (max-width: 799px) {

	
	
	/* Start page */
	
.start-page{
  
  width:100%;
  height:80%;
  
  background-image:url('../img/background/start-page/start-page_1920x1200.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  
  margin-top: 50px;
}

.start-page p{
 font-size:100%;
 color:white;
 margin-top:5px;
}

.start-page .opacity{
  position:absolute;
  width:100%;
  height:100%;
  background:rgba(10,0,0,0.7);
}


.start-page .content{
  
  width:100%;
  margin:0 auto;
  height:80%;

}

.start-page .content .text{
   float:left;
  background:;
  text-align:center;
  margin:auto;
  top:70px;
  left:0;
  bottom:0;
  right:0;
  width:100%;
  height:100%;
  
}


.start-page .content .text .read-more{
  width:183px;
  height:47px;
  margin:30px auto;
  line-height:47px;
  border:1px solid white;
  text-transform:uppercase;
  color:white;
  cursor:pointer;
  font-size:19px;
  background:none;
  -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
	
}

.start-page .content .text .read-more:hover{
  color:black;
  background:white;
}

.start-page .content .arrow-down{
  position: absolute;
  left: 50%;
  margin-left: -10px;
  
  width: 21px;
  height: 30px;
  background: url("../img/arrow-down.png") no-repeat center center;
  display: block;
  -webkit-animation: bounce-fade 1.2s infinite; /* Safari 4+ */
  -moz-animation:    bounce-fade 1.2s infinite; /* Fx 5+ */
  -o-animation:      bounce-fade 1.2s infinite; /* Opera 12+ */
   animation:        bounce-fade 1.2s infinite; /* IE 10+ */
   
}


@-webkit-keyframes bounce-fade {
    0%   { opacity: 0; bottom: 70px; }
    100% { opacity: 1; bottom: 35px; }
}
@-moz-keyframes bounce-fade {
    0%   { opacity: 0; bottom: 70px; }
    100% { opacity: 1; bottom: 35px; }
}
@-o-keyframes bounce-fade {
    0%   { opacity: 0; bottom:70px; }
    100% { opacity: 1; bottom: 35px; }
}
@keyframes bounce-fade {
    0%   { opacity: 0; bottom: 70px; }
    100% { opacity: 1; bottom: 35px; }
}


}

@media screen and (min-width: 360px) and (max-width: 639px) {
	
	
	/* Start page */
	
.start-page{
  
  width:100%;
  height:80%;
  
  background-image:url('../img/background/start-page/start-page_1920x1200.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  
  margin-top: 50px;
}

.start-page p{
 font-size:100%;
 color:white;
 margin-top:50px;
}

.start-page .opacity{
  position:absolute;
  width:100%;
  height:100%;
  background:rgba(10,0,0,0.7);
}


.start-page .content{
  
  width:100%;
  margin:0 auto;
  height:80%;

}

.start-page .content .text{
   float:left;
  background:;
  text-align:center;
  margin:auto;
  top:200px;
  left:0;
  bottom:0;
  right:0;
  width:100%;
  height:100%;
  
}


.start-page .content .text .read-more{
  width:183px;
  height:47px;
  margin:50px auto;
  line-height:47px;
  border:1px solid white;
  text-transform:uppercase;
  color:white;
  cursor:pointer;
  font-size:19px;
  background:none;
  -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
	
}

.start-page .content .text .read-more:hover{
  color:black;
  background:white;
}

.start-page .content .arrow-down{
  position: absolute;
  left: 50%;
  margin-left: -10px;
  
  width: 21px;
  height: 30px;
  background: url("../img/arrow-down.png") no-repeat center center;
  display: block;
  -webkit-animation: bounce-fade 1.2s infinite; /* Safari 4+ */
  -moz-animation:    bounce-fade 1.2s infinite; /* Fx 5+ */
  -o-animation:      bounce-fade 1.2s infinite; /* Opera 12+ */
   animation:        bounce-fade 1.2s infinite; /* IE 10+ */
   
}


@-webkit-keyframes bounce-fade {
    0%   { opacity: 0; bottom: 70px; }
    100% { opacity: 1; bottom: 35px; }
}
@-moz-keyframes bounce-fade {
    0%   { opacity: 0; bottom: 70px; }
    100% { opacity: 1; bottom: 35px; }
}
@-o-keyframes bounce-fade {
    0%   { opacity: 0; bottom:70px; }
    100% { opacity: 1; bottom: 35px; }
}
@keyframes bounce-fade {
    0%   { opacity: 0; bottom: 70px; }
    100% { opacity: 1; bottom: 35px; }
}


}