*{
margin:0px;
padding:0px;
}

@font-face {
font-family: futura;
src: url(fonts/FUTULT_3.TTF);
}

body{
width:100%;
height:100%;
margin:0;
padding:0;
overflow:hidden;
font-family:futura;
background:#fff;
}

/* Preloader Start*/

#preloader {
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background-color:#fff; /* change if the mask should have another color then white */
z-index:999999; /* makes sure it stays on top */
}

#status {
display:table;
position:absolute;
left:50%; /* centers the loading animation horizontally one the screen */
top:50%; /* centers the loading animation vertically one the screen */
background-image:url(../img/status.gif); /* path to your loading animation */
background-repeat:no-repeat;
background-position:center;
margin:-150px 0 0 -150px; /* is width and height divided by two */
}

#status img{
width:300px;
}

/* Preloader Close*/

#container{
width:100%;
display:table;
position:absolute;
z-index:5000;
}

#logo{
width:12%;
display:table;
margin:1%;
}

#menu{
width:15%;
display:table;
margin:1% -5px;
}

#menu a{
color:#4f616a;
font-size:16px;
text-decoration:none;
}

/**/

.animation {
position:absolute;
//float:left;
background-image: url(images/arrsprite7.png);
height: 65px; /* width and height of each frame */
width: 38px;
-webkit-animation: sprite-animation 1.5s steps(5,end) infinite; /* steps = number of frames */
animation: sprite-animation 1.5s steps(5,end) infinite;
}

@-webkit-keyframes sprite-animation { /* Safari & Chrome */
from { background-position: 0 0; }
to { background-position: -1800px 0; } /* negative of sprite sheet width */
}
@keyframes sprite-animation {
from { background-position: 0 0; }
to { background-position: -1800px 0; } /* negative of sprite sheet width */
}

/**/

.arrow-right {
width: 0; 
height: 0; 
float:left;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-left: 22px solid #4f616a;
}

.slide-out-div1{
z-index:6000;
width: 85%;
height: 100%;
background: #fff;
background-image:url(images/panelbg.jpg);
background-repeat:no-repeat;
background-size:100% 100%;
box-shadow: -0.1px 0 8px -0.1px #333;
}

.slide-out-div2{
z-index:6000;
width: 85%;
height: 100%;
background: #fff;
background-image:url(images/panelbg.jpg);
background-repeat:no-repeat;
background-size:100% 100%;
box-shadow: -0.1px 0 8px -0.1px #333;
}

.slide-out-div3{
z-index:6000;
width: 85%;
height: 100%;
background: #fff;
background-image:url(images/panelbg.jpg);
background-repeat:no-repeat;
background-size:100% 100%;
box-shadow: -0.1px 0 8px -0.1px #333;
}

.slide-out-div4{
z-index:6000;
width: 85%;
height: 100%;
background: #fff;
background-image:url(images/panelbg.jpg);
background-repeat:no-repeat;
background-size:100% auto;
position:absolute;
box-shadow: -0.1px 0 8px -0.1px #333;
}

.slide-out-div5{
z-index:6000;
width: 85%;
height: 100%;
background: #fff;
background-image:url(images/panelbg.jpg);
background-repeat:no-repeat;
background-size:100% 100%;
position:absolute;
box-shadow: -0.1px 0 8px -0.1px #333;
}

.slide-out-div6{
z-index:6000;
width: 85%;
height: 100%;
background: #fff;
background-image:url(images/panelbg.jpg);
background-repeat:no-repeat;
background-size:100% 100%;
position:absolute;
box-shadow: -0.1px 0 8px -0.1px #333;
}

.close{
width:2%;
cursor:pointer;
display:none;
margin-left: -2.2%;
position: absolute;
}

a.handle1{
margin-top:20px;
cursor:pointer;
z-index:100000;
}

a.handle2{
margin-top:120px;
cursor:pointer;
z-index:100000;
}

a.handle3{
margin-top:30px;
cursor:pointer;
z-index:100000;
}

a.handle4{
margin-top:20px;
cursor:pointer;
z-index:100000;
}

a.handle5{
margin-top:130px;
cursor:pointer;
z-index:100000;
}

a.handle6{
margin-top:240px;
cursor:pointer;
z-index:100000;
}

.fixed-bar{
background-image:url(images/fixedbarbg.png);
background-size:100% 100%;
width:40px;
height:100%;
position:fixed;
right:0px;
box-shadow: -0.1px 0 8px -0.1px #333;
z-index:5000;
}

h2{
color:#4f616a;
}

a.newscontinue{
font-style:italic;
text-decoration:none;
color:#f00;
cursor:pointer;
}

.right_inner{
width:100%;
height:100%;
background:white;
float:left;
}

.left_inner{
width:35%;
height:100%;
background:white;
float:left;
overflow-y:auto;
}

.space{
margin:5%;
font-family:futura;
}

.space b{
font-size:1.2em;
font-weight:bold;
}

.space p{
font-size:0.8em;
font-weight:normal;
text-align:justify;
}

/**************************************/

#footer{
position: fixed;
bottom: 0;
width: 100%;
margin:1%;
z-index:5000;
font-size:0.8em;
//font-weight:bold;
color:#4f616a;
}

#footer a{
text-decoration:none;
//font-weight:bold;
color:#4f616a;
}

#footer2{
position: fixed;
bottom: 0;
width:12%;
right:60px;
margin:2%;
float:right;
z-index:5000;
font-size:0.8em;
//font-weight:bold;
color:#4f616a;
}

#footer2 img{
width:100%;
}

#footer2 a{
text-decoration:none;
//font-weight:bold;
color:#4f616a;
}

/**************************************/
.left-arr{
width:3% !important;
height:auto !important;
bottom:40%;
margin-left:1%;
position:absolute;
float:left;
cursor:pointer;
}

.right-arr{
width:3% !important;
height:auto !important;
bottom:40%;
right:1%;
position:absolute;
float:right;
cursor:pointer;
}

#sliderimgs{
position:absolute;
}

/**************************************/

#contactcard{
width:17%;
height:50%;
background:#fc0;
position:absolute;
left:44%;
top:30%;
}

/*************************************/

#newsbg{
width:60%;
margin:0px 20%;
overflow:auto;
height:75%;
margin-top:5%;
background:#fc0;
position:absolute;
padding:1%;
background: rgb(255, 255, 255); /* The Fallback */
background: rgba(0, 0, 0, 0.2);
z-index:2;
}

.newslogo{
width:100%;
display:table;
}

.newslogo img{
width:25%;
float:right;
}

#newseach{
width:98%;
padding:1%;
display:table;
//background:#fc0;
margin:1% 0px;
border-bottom:1px dotted #ccc;
}

#newsfull{
width:98%;
padding:1%;
display:table;
//background:#fc0;
margin:1% 0px;
}

.newsfullimg{
width:100%;
display:table;
text-align:center;
}

.newsfullimg img{
width:30%;
margin:1% auto;
}

.newsimg{
width:25%;
display:table;
float:left;
}

.newsimg img{
width:100%;
}

.newspara{
width:73%;
display:table;
float:right;
padding:0px 1%;
}

.newspara a{
color:#000;
text-decoration:none;
}

.newspara a:hover{
text-decoration:underline;
}

/****************************************/

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
.space{
font-size:0.8em !important;
}
.space b{
font-size:1em !important;
}
}
 
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
.space{
font-size:0.8em !important;
}
.space b{
font-size:1em !important;
}
}
 
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
.space{
font-size:0.8em !important;
}
.space b{
font-size:1em !important;
}
}
 
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
.space{
font-size:0.9em !important;
}
.space b{
font-size:1.1em !important;
}
}
 
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
.space{
font-size:1em !important;
}
.space b{
font-size:1.2em !important;
}
}
 
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
.space{
font-size:1em !important;
}
.space b{
font-size:1.2em !important;
}
}
 
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
.space{
font-size:1em !important;
}
.space b{
font-size:1.2em !important;
}
}
 
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
.space{
font-size:1em !important;
}
.space b{
font-size:1.2em !important;
}
}
 
/* iPhone 5 (portrait & landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
.space{
font-size:0.6em !important;
}
.space b{
font-size:0.8em !important;
}
}
 
/* iPhone 5 (landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
.space{
font-size:0.6em !important;
}
.space b{
font-size:0.8em !important;
}
}
 
/* iPhone 5 (portrait)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
.space{
font-size:0.6em !important;
}
.space b{
font-size:0.8em !important;
}
}