body {
  color: #34495e;
  background-color: #f5f5f5;
  line-height:1.6;
  text-align:justify;
}

h1,h2,h3,h4,h5,h6 
{
  font-family:Gabriola;
  font-weight: 400;
}

.head_logo a
{
    color:#ffffff;
    font-size:50px;
}

.head_logo a:hover {
  color: #333333;
  text-decoration: none;
}


.head_logo
{
    border: none;
 position: relative;
background-image:url('../images/gplay.png');
padding:5px;
}
.hed_m
{
    width:100%;
    margin-top:30px;
}
.header
{
    border: none;
 background-color: rgb(78,105,162);
  background: -moz-linear-gradient(top, rgba(78,105,162,1) 0%, rgba(59,88,152,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(78,105,162,1)), color-stop(100%, rgba(59,88,152,1)));
    background: -webkit-linear-gradient(top, rgba(78,105,162,1) 0%, rgba(59,88,152,1) 100%);
    background: -o-linear-gradient(top, rgba(78,105,162,1) 0%, rgba(59,88,152,1) 100%);
    background: -ms-linear-gradient(top, rgba(78,105,162,1) 0%, rgba(59,88,152,1) 100%);
    background: linear-gradient(to bottom, rgba(78,105,162,1) 0%, rgba(59,88,152,1) 100%);
    border-bottom: 1px solid #3A4B7B;
    padding-top:10px; 
}

.no-margin {
  margin: 0;
  padding: 0;
}
.orange {
  background-color: #f39c12;
  background-image:url('../images/gplay.png');
}
.emerald {
  background-color: #EAEEC7;
  background-image:url('../images/gplay.png');
}
.nephritis {
  background-color: #27ae60;
  background-image:url('../images/gplay.png');
}
.carrot {
  background-color: #e67e22;
  background-image:url('../images/gplay.png');
}
.pumkin {
  background-color: #d35400;
  background-image:url('../images/gplay.png');
}
.green-sea {
  background-color: #16a085;
  background-image:url('../images/gplay.png');
}
.sun-flower {
  background-color: #C8EFF7;
  background-image:url('../images/gplay.png');
}
.logo
{
   
    width:80%;
    
}

#main-slider {
  position: relative;
 
}

.bann
{
    height:600px;
    width:100%;
    border:none;
}

 @media (max-width: 767px) 
 {
     
     .bann
{
    height:350px;
    width:100%;
    border:none;
}

}

#testb
{
 position: relative;
}

#about
{
     position: relative;
}
#btop
{
     position: relative;
}

#stop
{
     position: relative;
}

#gall
{
     position: relative;
}
#news
{
    position: relative;
   
}
#main_m
{
    position: relative;
    font-size:13px;
    line-height:1.7;
   
}
#bday
{
     position: relative;
     margin:20px 0 50px 0;
}
#contact
{
     position: relative;
     color:#ffffff;
    background-image:url('../banner/img/1.jpg');  
}
#footer
{
    position:relative;
    border: none;
 background-color: rgb(78,105,162);
  background: -moz-linear-gradient(top, rgba(78,105,162,1) 0%, rgba(59,88,152,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(78,105,162,1)), color-stop(100%, rgba(59,88,152,1)));
    background: -webkit-linear-gradient(top, rgba(78,105,162,1) 0%, rgba(59,88,152,1) 100%);
    background: -o-linear-gradient(top, rgba(78,105,162,1) 0%, rgba(59,88,152,1) 100%);
    background: -ms-linear-gradient(top, rgba(78,105,162,1) 0%, rgba(59,88,152,1) 100%);
    background: linear-gradient(to bottom, rgba(78,105,162,1) 0%, rgba(59,88,152,1) 100%);
    border-bottom: 1px solid #3A4B7B;
    padding-top:25px; 
    padding-bottom:25px;
    font-size:13px;
    line-height:1.7;
}
.circleBase {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
}

.type1 {
    width: 120px;
    height: 120px;
    background:#2ecc71;
    border: 2px solid rgb(78,105,162);
    font-size:75px;color:red;
    padding:25px 40px 25px 40px;
    border-radius: 50%;
    behavior: url(PIE.htc); 
}

.type1:hover {
    width: 120px;
    height: 120px;
    background:#A8AB90;
    border: 4px solid rgb(78,105,162);
    font-size:75px;color:#ffffff;
}
.cc
{
    text-align:justify;
}

.mas_h_ad
{
     font-size: 35px;
            color: #0D5AB1;
             height: 45px;
        margin-top:100px;
       border-left: 1px solid #999999;
       padding-left:20px;
       
}

.mas_h
{
 
            font-size: 30px;
            color: #0D5AB1;
             height: 45px;
        margin-top:100px;
       border-left: 1px solid #999999;
       padding-left:20px;
       font-weight:300;
}

 .masu
        {
            color: #FF9900;
        }
 
 #footer a
 {
     color:#ffffcc;
     text-decoration:none;
 }
 #footer a:hover
 {
     color:#C3C9D5;
     text-decoration:none;
 }


        .d1
        {
           
 background-image:url('../banner/img/3.jpg');  
  background-position: center center;
  background-size: cover;
  display: inline;
  float: left;
  width: 100%;
  z-index: 10;
  padding:50px; 
  color:#fff; 
 
        }
.d1:after {
  background-color: rgba(0, 0, 0, 0.3);
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.d1 .c-area {
  display: inline;
  float: left;
  width: 90%;
  z-index: 99;
  position:relative;
  padding-top:250px;
  font-size:19px;
  margin:0 5%;

}

.d-area {
  display: inline;
  float: left;
  width: 80%;
  z-index: 99;
  position:relative;
  vertical-align:middle;
  padding-top:250px;
  padding-bottom:100px;
  margin:0 10%;
}

.m1
 {          
 background-image:url('../banner/img/m1.jpg');  
  background-position: center center;
  background-size: cover;
  display: inline;
  float: left;
  width: 100%;
  z-index: 10;
  padding:50px;
   color:#fff;  
 
 }
 
.m1:after {
  background-color: rgba(0, 0, 0, 0.3);
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.m1 .c-area {
  display: inline;
  float: left;
  width: 90%;
  z-index: 99;
  position:relative;
  padding-bottom:100px;
  margin:0 5%;
  font-size:19px;
 
}

.b1
 {          
 background-image:url('../banner/img/b1.jpg');  
  background-position: center center;
  background-size: cover;
  display: inline;
  float: left;
  width: 100%;
  z-index: 10;
  padding:50px; 
  color:#fff; 
 }
 

.b1 .c-area {
  display: inline;
  float: left;
  width: 80%;
  z-index: 99;
  position:relative;
    padding-top:150px;
  padding-bottom:100px;
  margin:0 10%;
}

.t1
 {          
 background-image:url('../banner/img/5.jpg');  
  background-position: center center;
  background-size: cover;
  display: inline;
  float: left;
  width: 100%;
  z-index: 10;
  padding:50px; 
  color:#fff; 
 }
 
.t1:after {
  background-color: rgba(0, 0, 0, 0.1);
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.t1 .c-area {
  display: inline;
  float: left;
  width: 80%;
  z-index: 99;
  position:relative;
   padding-top:150px;
  padding-bottom:100px;
  margin:0 10%;
}

.g1
 {          
 background-image:url('../banner/img/g1.jpg');  
  background-position: center center;
  background-size: cover;
  display: inline;
  float: left;
  width: 100%;
  z-index: 10;
  padding:50px; 
  color:#fff; 
 }
 
.g1:after {
  background-color: rgba(0, 0, 0, 0.1);
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.g1 .c-area {
  display: inline;
  float: left;
  width: 90%;
  z-index: 99;
  position:relative;
  padding-bottom:250px;
  margin:0 5%;
}

.dd1
 {          
 background-image:url('../banner/img/1.jpg');  
  background-position: center center;
  background-size: cover;
  position:relative;
  float: left;
  width: 100%;
  z-index: 10; 
  color:#fff;
  height:150px;
 }
 
.dd1:after {
  background-color: rgba(0, 0, 0, 0.6);
  content: '';
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.dd1 .c-area {
  float: left;
  width: 100%;
  z-index: 99;
  position:relative;
}

.txt
{
    position:relative;
    padding:50px 0px;
}

.ff1
 {          
 background-image:url('../banner/img/1.jpg');  
  background-position: center center;
  background-size: cover;
  display: inline;
  float: left;
  width: 100%;
  z-index: 10;
  padding:50px; 
  color:#fff; 
 }
 
.ff1:after {
  background-color: rgba(0, 0, 0, 0.8);
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.ff1 .c-area {
  display: inline;
  float: left;
  width: 80%;
  z-index: 99;
  position:relative;
  margin:0 10%;
}

.ff1 .c-area ul li a {
  color: #f9f9f9;
  display: inline-block;
  font-size: 15px;
  font-weight: normal;
  padding: 5px 0 5px 15px;
  position: relative;
  text-transform: capitalize;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  list-style: none;
}

.ff1 .c-area ul li a:focus, ul li a:hover {
  margin-left: 5px;
  text-decoration:none;
  color:#ffffcc;
}