body{
  background-attachment: fixed;
  background-position: center;
  background-repeat: none;
  -webkit-animation: myfirst 3s ; /* Chrome, Safari, Opera */
  animation: myfirst 3s ;

}
#main-pgrph {
}

.preload-images {
  display: none; 
  width: 0;
  height: 0;
  background: url(''),
              url(''),
              url('');
}

[hidden],
template {
  display: none;
}

.content {
    background-attachment: fixed;
    height: 100%;
    margin: auto;
    border-radius: 10px;
}  


#preloader  {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #fefefe;
     z-index: 99;
    height: 100%;
}
 

#status  {
     width: 200px;
     height: 200px;
     position: absolute;
     left: 50%;
     top: 50%;
     background-image: url('');
     background-repeat: no-repeat;
     background-position: center;
     margin: -100px 0 0 -100px;
}
#main-pgrph p {
padding-right: 10px;
}

#welcome {
    display: none;
}

.page-id-8 #title {
    display: none;
}
.page-id-8 #welcome {
    display: block;
}

h3{
margin-top: 32px;
}
#ul-sitemap li{
line-height: 1.7!important;
}
.col-md-12{
  padding: 20px!important;
}
.target-font {
	font-size: 17px;
}
.img-responsive {
	width: 100%;
	height: auto;
	 
}

.page-id-121 h4{
padding-top: 20px;
margin-bottom: -30px;
}


img {
   -webkit-animation: myfirst 2s ; /* Chrome, Safari, Opera */
    animation: myfirst 2s ;
}

figure {
    text-align: center;
    margin: 0 auto;
    position: relative;
    max-width: 500px;
    float: right;
    margin-left: 20px;
    margin-bottom: 10px!important;
}

figcaption {
    text-align: right;
    padding-right: 20px;
    font-size: 14px;
}


.attachment-post-thumbnail {
    width: 100%!important;
    height: auto;
    max-width: 500px;
    border-radius: 3px;
}

.img-responsive2 {
    margin-top: 70px!important;
    width: 100%;
    height: auto;
    position: relative;
    margin: 0 auto;
    max-width: 430px;
    max-height: 498px;
    border: 1px solid rgba(150, 150, 150, 0.15);
    box-shadow: 1px 1px 1px #333;
    border-radius: 7px;
    
    
}
.img-responsive4 {
    margin-top: 70px!important;
    width: 100%;
    height: auto;
    position: relative;
    display: block;
    margin: 0 auto;
    max-width: 330px;
    border: 1px solid rgba(150, 150, 150, 0.15);
    box-shadow: 1px 1px 1px #333;
    border-radius: 7px;
     
}
.img-responsive5 {
    margin-top: -6px!important;
    width: 100%;
    height: auto;
    position: relative;
    margin: 0 auto;
    max-width: 430px;
    border: 1px solid rgba(150, 150, 150, 0.15);
    box-shadow: 1px 1px 1px #333;
    border-radius: 7px;
    
}
.img-responsive2, .img-responsive5 {
     display: block;
 }

.img-style-2 {
    border: 1px solid rgba(150, 150, 150, 0.15);
    border-radius: 7px;
    max-height: 260px;
    margin:0 auto;
    position: relative;
    float: right;
    max-width: 400px;
}
 
  
.logo {
  min-width: 200px;
  max-width: 300px;
  width: 100%;
  height: auto;
  margin-bottom: 30px;
}
.copyright{
    margin-top: 20px!important;
}
#copyright{
margin: 0 0 10px;
bottom: 0px!important;
display: block!important;
clear: both!important;
}

.page-id-121 .img-responsive2{
  display: block;  
}
.view{
color: #4a6eb3!important;
font-weight: 500;
}
#gallery-list{
list-style-type: none!important;
}
#gallery-list li{
font-weight: 600;
line-height: 1.8;
}
#seti{
  float: right;
  display: inline;
  margin: -34px 12px 0px 0px;
}
#seti:hover{
border-bottom: 0px solid #26136d;  
text-decoration: none!important;
}

.custom-link:hover{
border-bottom: 1px solid #26136d;  
padding-bottom: 7px; 
text-decoration: none!important;
}

.bg-white {
  background-color: #fff;
}
.rad-3 {
    padding: 20px 20px 0px 20px;
    border-radius: 3px;
}
.pad-20 {
  padding: 20px;
}
.loader {   
position: fixed;  
left: 0px;  
top: 0px;   
width: 100%;  
height: 100%; 
z-index: 9999;  
background: url('') 50% 50% no-repeat rgb(249,249,249);
}
.fa
{
  color: #FFF;
  background-color: #26136d;

}
.fa2 {
  margin-right: 14px; 
  background: #fff;
  color: #26136d;
}
.fa3 {
    color: #fff;
    background: #9dbcd8;
    padding: 8px;
    float: right;
    border-radius: 2px;
    margin: 2px 4px 7px 0px;
    opacity: .35;
}
.fa3:hover {
opacity: 1;
color: #9dbcd8;
background: #fff;
transition: opacity 1s ease-in-out;
}

.fa-bars {
    font-size: 21px;
}
.a2:hover {
  border-bottom: 0px solid #fff;
}


/*
==========
ANIMATIONS
==========
*/

 /* Chrome, Safari, Opera */
  @-webkit-keyframes myfirst {
    from {opacity: 0.5;}
    to {opacity: 1;}
  }
  




/* @media queries */

@media screen and (max-width: 500px) {
.attachment-post-thumbnail {
    padding: 10px 0px;
  }
}

@media screen and (max-width: 800px) {
  .img-responsive2{
    margin-top: 0px;
    margin:0 auto;
    position: relative;
    display: block;

  }
}
@media screen and (max-width: 767px){
.img-style-2 {
max-height: 100%;
float: none;
margin:0 auto;
position: relative;
 }
.custom-logo  {
float: none;
margin:0 auto;
position: relative;
display: block;
 } 
}

@media screen and (min-width: 992px){
figure{
text-align: right;
 }
}


@media screen and (max-width: 1100px){
#main-pgrph p {
    padding-right: 10px;
    clear: both;
 }
figure {
float: none;
margin: 0 auto;
position: relative;
 }
}


@media screen and (max-width: 994px){
#seti{
  display: block;
  float: right;
  margin: 50px -122px 0px 0px;
  }
}