body
{
user-select:none;
}
.block1
{
position:fixed;
height:100%;
width:100%;
top:0;left:0;
background-image:url('../images/fotter.jpg');
}
.block2
{
position:absolute;
top:0;left:0;
min-height:100%;
width:100%;
}
.white{
background-color:white;
}
.header
{
position:fixed;
top:0;left:0;width:100%;
}
.header img
{
margin-left:1%;
margin-top:5px;
width:10%;
}



.content
{
margin-top:-5px;
padding-top:40px;
width:100%;
min-height:400px;
padding-left:2%;
}
/**/
.content-body
{
padding-top:40px;
padding-bottom:40px;
}
.content-block
{
height:250px;
overflow:hidden;
position:relative;
margin-top:10px;
display:inline-block;
box-shadow:1px 1px 20px rgba(0,0,0,0.3);
}
.content-block div
{
padding:5px 10px 0px 10px;
font-size:12px;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:bold;
text-align:center;
position:absolute;
top:80%;left:0px;
height:100%;
width:100%;
background-color:rgba(0,0,0,0.4);
color:white;
}

.content-block img
{
width:100%;
}

.content-block button
{
background-color:rgba(0,0,0,0);
border:2px solid white;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
padding:15px;
color:white;
margin-top:15%;
cursor:pointer;
font-weight:bold;
transition:all 0.3s;
}
.content-block button:hover,.content-block button:focus
{
background-color:rgb(244, 149, 65);
outline:0;
}
/**/
.content-header
{
position:relative;
width:100%;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.content-header div
{
display:inline-block;
}
.content-header>div:nth-child(2)
{
color: #5bc0de;
word-wrap:break-word;
font-size:20px;
width:20%;
text-align:center;
padding-left:1px;
padding-right:1px;
}

.content-header>div:nth-child(1),.content-header>div:nth-child(3)
{
border-radius:5px;
width:39%;
height:2px;
background-color:lightgray;
}
.fotter
{
padding:2% 2% 2% 7%;
background-color:rgba(53, 54, 56,0.8);
width:100%;
height:350px;
}
.fotter-table
{
color:white;
float:left;
width:40%;
}
.fotter-table td
{
padding:4px;
}
.fotter-table  textarea::-webkit-input-placeholder ,.fotter-table  input[type=email]::-webkit-input-placeholder 
{
color:white;
}
.fotter-table textarea,.fotter-table input[type=email]
{
color:white;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
width:100%;
border:1px solid gray;
padding:10px;
background-color:#363636;
transition:background-color 0.3s;
}
.fotter-table textarea:focus,.fotter-table input[type=email]:focus
{
color:black;
outline:none;
background-color:white;
}
.fotter-table textarea
{
resize:none;
height:150px;
}
.fotter-table input[type=submit]
{
float:right;
transition:all 0.3s;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
color:white;
background-color:#ee7942;
padding:15px;
border:none;
}

.fotter-table2 td
{
border-bottom:1px dashed gray;
}
.copyright
{
float:left;width:100%;
color:gray;
}

.content-block-info span
{
cursor:pointer;
font-size:30px;
left:95%;
position:absolute;
} 
.content-block-info>div:nth-child(1)
{
text-align:center;
position:relative;
height:40%;
}
.content-block-info #fot
{
overflow-y:scroll;
overflow-x:hidden;
word-wrap:break-word;
padding:0% 1.5% 2% 1.5%;
height:60%;
width:100%;
position:relative;
box-shadow:inset 1px 1px 8px rgba(0,0,0,0.3);
}

.content-block-info img
{
max-width:100%;
height:100%;
}
.desktop
{
background-color:rgba(0,0,0,0.2);
display:none;
position:fixed;
top:0;left:0;height:100%;width:100%;
}
.content-block-info
{
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
box-shadow:1px 10px 50px black;
position:relative;
word-wrap:break-word;
padding:1% 1% 1% 1%;
height:100%;
background-color:white;
}
*.content-block-info div
{
position:relative;
}

.up
{
display:none;
opacity:0.7;
position:fixed;
height:50px;
width:50px;
color:white;
text-align:center;
font-size:30px;
padding-top:10px;
background-color:gray;
border-radius:10px;
left:90%;top:90%;
transition:opacity 0.5s;
cursor:pointer;
}
.up:hover
{
opacity:1;
}
.referans img
{
max-width:50%;
}