@import url("navi.css");


@font-face { font-family:OpenSans-Bold; src: url(fonts/GENEV4.ttf); }
@font-face { font-family:OpenSans-BoldItalic;  src: url(fonts/OpenSans-BoldItalic.ttf); }
@font-face { font-family:OpenSans-ExtraBold;    src: url(fonts/open-sans/OpenSans-ExtraBold.ttf); }
@font-face { font-family:OpenSans-ExtraBoldItalic; src: url(fonts/open-sans/OpenSans-ExtraBoldItalic.ttf); }
@font-face { font-family:OpenSans-Italic;  src: url(fonts/open-sans/OpenSans-Italic.ttf); }
@font-face { font-family:OpenSans-Light;    src: url(fonts/open-sans/OpenSans-Light.ttf); }


html{overflow-y:scroll;}
body{margin:0; padding:0; font-size:13px; font-family:Tahoma, Geneva, sans-serif; color:#F8F8F2;background-color: #fff;max-width:1240px;margin:0 auto;}

.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart{margin:0; padding:0; list-style-type:none;}

.clear:after{content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0;}
.clear{display:inline-block;}
html[xmlns] .clear{display:block;}
* html .clear{height:1%;}

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

.fl_left, .imgl{float:left;}
.fl_right, .imgr{float:right;}

img{margin:0; padding:0; border:none;}
.imgholder, .imgl, .imgr{padding:4px; border:1px solid #D7DBE0;}
.imgl{margin:0 15px 15px 0; clear:left;}
.imgr{margin:0 0 15px 15px; clear:right;}

/* ----------------------------------------------Wrapper------------------------------------- */

div.wrapper{display:block;  margin:0 auto;background-color:#fff;padding-top: 11px;}
div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{margin:0 0 15px 0; font-size:20px; font-weight:normal; line-height:normal;}
.row1{color:#5F8EC2; background-color:#fff}
.row1 a{color:#F8F9F3; background-color:#fff}
.row2{color:#F8F9F3;  }
.row3{color:#000; }
.row4{color:#000; background-color:#fff; }
.row5{padding:50px 0 30px 0; border-top:1px solid #F8F9F3;}


/* ----------------------------------------------Generalise------------------------------------- */

#header, #featured_slide, #container, #footer, #copyright{display:block; position:relative;  margin:0 auto;}

/* ----------------------------------------------Header------------------------------------- */



.Box {
    width: 100%;
    display: block;
    
}
.Box1 {
    width: 31%;
    float: left;
    display: block;
    margin-left: 11px;
    clear: right;
}

.Top_Curve {
    width: 259px;
    float: left;
    display: block;
}

.box1_left {
    background-image: url('../../images/box1_left.jpg');
    width: 9px;
    height: 34px;
    float: left;
    display: block;
    overflow: hidden;
}

.box1_mid {
    background-image: url('../../images/box1_mid.jpg');
    background-repeat: repeat-x;
    height: 34px;
    width: 347px;
    float: left;
    overflow: hidden;
    margin-top: -33px;
    margin-left: 4px;
}

.box1_right {
    background-image: url('../../images/box1_right.jpg');
    width: 9px;
    height: 34px;
    float: left;
    display: block;
    overflow: hidden;
   margin-left: -9px;
    margin-top: -33px;
}
.Mid_Scroll {
    border-right: 1px solid #7a8797;
    border-left: 1px solid #7a8797;
    width: 349px;
    height: 120px;
    overflow: hidden;
    float: left;
}
.Mid_Scroll3 {
    border-right: 1px solid #7a8797;
    border-left: 1px solid #7a8797;
    width: 349px;
    height: 120px;
    overflow: hidden;
    float: left;
}
.text {
    padding: 10px;
  /* font-family: Tahoma, Geneva, sans-serif; */
    font-size: 11px;
    color: #444749;
}

.readmore {
    text-align: right;
    float: right;
    width: 127px;
    color: #1074e6;
}

.Bottom_Curve_Box1 {
    background-image: url('../../images/bottom_curve_close.jpg');
    background-repeat: no-repeat;
    height: 7px;
    overflow: hidden;
    width: 259px;
    float: left;
}
.Box2 {
    width: 31%;
    float: left;
    display: block;
    margin-left: 21px;
}

.box2_left {
    background-image: url('../../images/box2_left.jpg');
    width: 9px;
    height: 34px;
    float: left;
    display: block;
    overflow: hidden;
}

.box2_mid {
    background-image: url('../../images/box2_mid.jpg');
    background-repeat: repeat-x;
    height: 34px;
    width: 347px;
    float: left;
    overflow: hidden;
    margin-top: -33px;
    margin-left: 4px;
}

.box2_right {
    background-image: url('../../images/box2_right.jpg');
    width: 9px;
    height: 34px;
    float: left;
    display: block;
    overflow: hidden;
    margin-left: -9px;
    margin-top: -33px;
}
.Bottom_Curve_Box1 {
    background-image: url('../../images/bottom_curve_close.jpg');
    background-repeat: no-repeat;
    height: 7px;
    overflow: hidden;
    width: 259px;
    float: left;
}

.Box3 {
    width: 31%;
    float: left;
    display: block;
    margin-left: 22px;
}

.box3_left {
    background-image: url('../../images/box3_left.jpg');
    width: 9px;
    height: 34px;
    float: left;
    display: block;
    overflow: hidden;
}

.box3_mid {
    background-image: url('../../images/box3_mid.jpg');
    background-repeat: repeat-x;
    height: 34px;
    width: 347px;
    float: left;
    overflow: hidden;
     margin-top: -33px;
    margin-left: 4px;
   
}

.box3_right {
    background-image: url('../../images/box3_right.jpg');
    width: 9px;
    height: 34px;
    float: left;
    display: block;
    overflow: hidden;
     margin-left: -9px;
    margin-top: -33px;
}

.Bottom_Curve_Box1 {
    background-image: url('../../images/bottom_curve_close.jpg');
    background-repeat: no-repeat;
    height: 7px;
    overflow: hidden;
    width: 259px;
    float: left;
}
.footer {
    margin-top: 20px;
 
    background-repeat: no-repeat;
    /*width: 864px;*/
    height: 32px;
    background-color:#ffffff;

}
.headerdiv {
   
    background-repeat: no-repeat;
     
    height: 32px;
    background-color:#fff;

}

.footerlinks {
    padding-top: 8px;
     
    text-align: center;
    margin-top:158px;
    background-color:#fff;
    height:23px;
}
.headerlinks {
    padding-top: 5px;
    width: 886px;
   
    
}
.footerlinks a {
   /* font-family: Tahoma, Geneva, sans-serif; */
  
    font-size: 15px;
    text-decoration: none;
    padding-right: 20px;
    padding-left: 35px;
   /* color:#46b9fc; */
   color:#0087cc;
}

.headerlinks a {
   /* font-family: Tahoma, Geneva, sans-serif; */
    font-size: 18px;
    text-decoration: none;
    padding-right: 25px;
    padding-left: 35px;
   /* color:#46b9fc; */
   color : #0087cc;
}
.Container {
    margin-top: -10px;
    overflow: hidden;
     
}

.Container h1 {
    padding: 0px;
    margin: 0px;
    background-color: #fff;
    color: #000;
   /* font-family: Tahoma, Geneva, sans-serif; */
    font-size: 18px;
    font-weight: normal;
    padding: 1px 0px 1px 15px;
    margin-bottom: 10px;
}

.Container p {
    padding: 0px;
    margin: 0px;
    color: #000;
    font-size: 13px;
   /* font-family: Tahoma, Geneva, sans-serif; */
    padding: 0px 10px 10px 10px;
}
.copyright {
    text-align: center;
    font-size: 11px;
    text-align: center;
   /* width: 864px; */
    color: #424445;
   /* font-family: Tahoma, Geneva, sans-serif; */
    padding: 5px 0px 10px 0px;
}

.copyright_Text {
    float: left;
    width: 821px;
    text-align: center;
  /*  margin-left: 252px; */
    width:100%;
    margin-top: -20px;
    padding-top: -11px;
}

.multi {
    width: 68px;
    height: 9px;
    float: right;
    padding-top: 3px;
}
.text p {
    padding: 0px;
    margin: 0px;
}
.text img {
    text-align: left;
    padding: 0px 8px 5px 0px;
}
h2 {
    padding: 0px;
    margin: 0px;
    color: #fff;
   /* font-family: Tahoma, Geneva, sans-serif; */
    font-size: 20px;
    font-weight: normal;
    padding-top: 5px;
}
.Container a{
    
    text-decoration:underline;
}
.contactus-form{
    
    float:right;
    width:50%;
}
#address-div {
    
    float:right;
    width:50%;
}
.contactus-form label{
    
    color:black;
}
#send{
    
    margin-top:4px;
}


ul{
            
  background-image: url('../../images/nav.jpg') !important;  
 }
 
 @media only screen and (max-width: 600px) {
     
     .Container {
    margin-top: 23px !important; 
}
     
     .management-img{
      
      
      width:75% !important;
     }
     
  /*   .contactus-left img{
         
         height:89% !important;
     }
     .contactus-right img{
         
         height:89% !important;
     } */
     
     .main_img,.contact_img {
         
         margin-top:0px !important;
     }
     
     .Mid_Scroll,.Mid_Scroll3 { 
         
       width:316px !important;   
         
     }
     .box1_mid,.box2_mid,.box3_mid {
         
          width:315px !important; 
     }
     
     .Box1,.Box2,.Box3 { 
         
         width:100% !important;   
     }
     .Box2,.Box3{
         
         margin-left:9px !important;
     }
     
     .footerlinks a {
         
          padding-right: 13px !important;
          padding-left: 24px !important; 
     }
     
  #navPanel {
    background-color: #1f1f1f;
    box-shadow: inset -1px 0 3px 0 rgba(0, 0, 0, 0.5);
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0) 75%, rgba(0,0,0,0.15)), url(images/bg01.png);
   
    transition: transform 0.5s ease;
    display: block;
    height: 100%;
    left: 0;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 225px;
    z-index: 10002;
}

 nav {
    display: block;
}

#navPanel .link {
    border-bottom: 0;
    border-top: solid 1px rgba(255, 255, 255, 0.05);
 
    display: block;
    height: 48px;
    line-height: 48px;
    padding: 0 1em 0 1em;
    text-decoration: none;
    margin-top:10px;
}
#navPanel a{
    
    color:#fff;
}
#navPanel{
    
    display:block ;
}
.icon{
    
    display:block !important;
}
     
  div.wrapper {
    width: 325px !important;
  }
  
  .Box {
    
    display: inline !important;
  }
  
  .fl_left img{
      
      width:26% !important;
      margin-top: -20px !important;
      margin-left: 30px !important;
  }
  .fl_right{
      
      margin-top:-40px !important;
  }
  .main_img img{
      
      width:100% !important;
     /* height:40% !important; */
  }
  
   .contact_img img{
      
      width:100% !important;
    /*  height:89% !important; */
  }
  .footer {
      
      width:324px !important;
      
  }
  .footerlinks {
     margin-top:494px !important;  
     width:335px !important;
    height:78px !important;
     padding-top:2px;
  }
  .row2{
      
      display:none !important;
  }
  .copyright_Tex{
      
         margin-left: 117px !important;
         width: 214px !important;
  }
  
  .footer {
      
      background-repeat: repeat !important;
      height: 135px !important;
      line-height: 2.5 !important;
      
      
  }
  .copyright_Text {
      
      width:324px !important;
      margin-left:22px !important;
      
  }
  .headerlinks{
      
     width: 214px !important; 
     margin-left: 66px !important;
  }
  .headerdiv{
      
       width: 324px !important; 
  }
  
  .headerdiv {
      
      height:148px !important;
      background-repeat: repeat !important;
      line-height: 1.5 !important;
  }
  body{
      
      overflow-x: hidden !important;
  }
  
 
}

.icon{
    
    color:blue !important;
}
.fa{
    
    font-size:18px !important;
    color:#000000;
    margin-left:8px;
}

.fl_left img{
    
    width:10%;
    
}
.fl_right{
    
    margin-top:-40px;
}
.main_img img{
      
      width:100% ;
     /* height:70%; */
  }
  

  
  #comingsoon{
      
      text-align:center;
      padding-top:76px;
      
  }
  #comingsoon p{
    font-size:35px !important;
  
  }
  .main_img,.contact_img{
      
      margin-top:-11px;
  }
  #contactdiv{
      
      display:flex !important;
  }
  .contactus-left{
      
      width:50%;
      float:left;
  }
  .contactus-right{
      
      width:50%;
      float:right;
  }
 
  .management-img{
      
      
      width:15%;
  }
  @media only screen and (max-width: 2048px) and (min-width: 601px)  {
    
    .main_img img {
        
        height:70% !important;
        
    }
    #main_img img {
        
        width:auto !important;
        height:300px !important;
        
    }
    .contact_img img{
      
      width:100% !important;
      height:70% !important;
  }
   .contactus-left img,.contactus-right img{
      
      height:100% !important;
  }
    
}