/* CSS Document */

body{ margin:0px; background:#ccc; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#000;}

.wrapper{ background:#fff;}
.header{ 
    background: #f4f4f4 url(../images/header_bg.jpg) repeat-x; 
    height :74px;
    
    position:fixed;
    width: 1024px;
    z-index:100;
}

.header .logo{ padding-top:20px;}
.header p{ font-size:11px; font-weight:bold; text-align:center; padding-top:7px;}

.main_menu ul{ margin:0; padding:0; float:right; padding-right:30px;}
.main_menu ul li{ list-style:none; float:left; padding:7px 0 0 0; text-align:left}
.main_menu ul li a{ color:#000202; font-size:12px; text-transform:capitalize;  padding:5px 0 5px 35px}
.main_menu ul li a:hover{ color:#52b6ce; text-decoration:none}

.banner{ padding:0; margin:0}
.banner .punchline1{ position:absolute; bottom:0; background:#52b6ce; padding:5px 40px; 
                     -webkit-box-shadow: 5px 2px 13px 0px rgba(0,0,0,0.3);
                     -moz-box-shadow: 5px 2px 13px 0px rgba(0,0,0,0.3);
                     box-shadow: 5px 2px 13px 0px rgba(0,0,0,0.3);
}
.banner .punchline1 h1{ padding:0; margin:0; font-size:32px; color:#f8f8f8; text-shadow:2px; width:550px; text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.5); line-height:45px}

.banner .punchline2{ position:absolute; right:0 !important; background:#52b6ce; padding:20px 15px; width:300px; top:50px;
                     -webkit-box-shadow: -2px 2px 13px 0px rgba(0,0,0,0.3);
                     -moz-box-shadow: -2px 2px 13px 0px rgba(0,0,0,0.3);
                     box-shadow: -2px 2px 13px 0px rgba(0,0,0,0.3);
}
.banner .punchline2 h1{ padding:0; margin:0; font-size:30px; color:#f8f8f8; text-decoration:underline; text-align:center; padding-bottom:10px;}
.banner .punchline2 p{font-size:17px; color:#f8f8f8; text-align:center;}
.banner .punchline2 p a{ color:#fff; font-size:18px; border-radius:10px; padding:5px 15px; border:solid 3px #fff; background:transparent  }  
.banner .punchline2 p a:hover{ color:#fff; font-size:18px; border-radius:10px; padding:5px 15px; border:solid 3px #fff; background:#52b6ce; text-decoration:none}
.banner img{width:1024px;}
p{ text-align:justify}

.content_gray{ background:#eeeeef url(../images/content_bg.jpg) no-repeat left top; padding:0 50px}
.content_gray h1{ font-size:24px; color:#52b6ce; padding:25px 0; margin:0; text-align:center; text-decoration:underline;}
.content_gray h2{ font-size:18px; color:#52b6ce; padding:25px 0 25px 30px; margin:0;}
.content_gray a{ color:#52b6ce; font-size:18px; border-radius:10px; padding:5px 15px; border:solid 3px #52b6ce; background:transparent  }  
.content_gray a:hover{ color:#fff; font-size:18px; border-radius:10px; padding:5px 15px; border:solid 3px #52b6ce; background:#52b6ce; text-decoration:none}
.content_gray ul { padding:0; margin:0}
.content_gray ul li{ list-style:none; background:url(../images/lidot.png) no-repeat left 8px; padding:0 0 0 30px; font-size:14px;}

.content_gray p a{ color:#52b6ce; font-size:24px; border-radius:20px; padding:10px; border:solid 3px #52b6ce; background:transparent  }  
.content_gray p a:hover{ color:#fff; font-size:24px; border-radius:20px; padding:10px; border:solid 3px #52b6ce; background:#52b6ce; text-decoration:none}


.content_wt{ background:#fff url(../images/content_bg_wt.jpg) no-repeat left 200px; padding:0 50px}
.content_wt h1{ font-size:24px; color:#52b6ce; padding:25px 0; margin:0; text-align:center; text-decoration:underline;}
.content_wt h2{ font-size:18px; color:#52b6ce; padding:25px 0 25px 30px; margin:0; text-decoration:underline;}
.content_wt a{ color:#52b6ce; font-size:18px; border-radius:10px; padding:5px 15px; border:solid 3px #52b6ce; background:transparent  }  
.content_wt a:hover{ color:#fff; font-size:18px; border-radius:10px; padding:5px 15px; border:solid 3px #52b6ce; background:#52b6ce; text-decoration:none}
.content_wt ul { padding:0; margin:0}
.content_wt ul li{ list-style:none; background:url(../images/lidot.png) no-repeat left 8px; padding:0 0 30px 30px; font-size:14px;}
.divcenter{ text-align:center;}
.divright{ text-align:right;}
.leftspace{ padding-left:60px}
.rightspace{ padding-right:60px}

.footer{ background:#eeeeef url(../images/footer_bg.png) center top no-repeat; padding:30px 50px 10px 50px}
.footer h1{ font-size:12px; text-decoration:underline; padding-bottom:10px; font-weight:normal}
.footer p{ font-size:12px;}
.footer table{ float:right}
.footer table td{ padding:0 0 0 30px}
.linkborder{ border-radius:0;background:transparent; border:0;}

.footer_desk{display:block}
.footer_mob{ display:none}
.desk_menu{ display:block}
.mob_menu{ display:none}

.form_content label{ font-size:14px; color:#000; font-weight:normal; text-align:left !important }

.blue_box{ position:absolute;  background:#52b6ce; padding:10px; width:218px; right:50px !important ; top:0; float:right; margin:0 auto;
           -webkit-box-shadow: 0px 8px 14px -2px rgba(0,0,0,0.35);
           -moz-box-shadow: 0px 8px 14px -2px rgba(0,0,0,0.35);
           box-shadow: 0px 8px 14px -2px rgba(0,0,0,0.35);}
.blue_box h1{ padding:0; margin:0; font-size:15px; color:#f8f8f8; text-decoration:underline; text-align:center; padding-bottom:10px;}
.blue_box p{font-size:15px; color:#f8f8f8; text-align:center;}

@media (min-width:320px) and (max-width:991px){
    .content_gray{ background:#eeeeef url(../images/content_bg.jpg) no-repeat left top; padding:0 15px}
    .content_wt{ background:#fff url(../images/content_bg_wt.jpg) no-repeat left 200px; padding:0 15px}
    .leftspace{ padding-left:15px}
    .rightspace{ padding-right:15px}
    .content_gray ul li{ list-style:none; background:url(../images/lidot.png) no-repeat left 8px; padding:0 0 15px 30px; font-size:14px;}

    .content_gray p a{ color:#fff;font-size:15px; border-radius:0; padding:10px; border:0; background:transparent;  }  
    .content_gray p a:hover{ color:#fff; font-size:15px; border-radius:0; padding:10px; border:0; background:transparent; text-decoration:none}
    .linkborder{border-radius:20px; padding:10px; border:solid 3px #52b6ce; background:#52b6ce; color:#fff;}
    .banner img{ width:100%; padding:0; margin:0; min-width:100%}
    .content_wt img{ width:100%; padding:0; margin:0; min-width:100%}
    .footer_desk{display:none}
    .footer_mob{ display:block}
    .footer{ background:#eeeeef url(../images/footer_bg.png) center top no-repeat; padding:30px 0 10px 0}
    .footer table{ float:none}
    .footer table td{ padding:0 20px 0 0}
    .footer h1{ font-size:12px; text-decoration:underline; padding-bottom:0; font-weight:bold}

    .desk_menu{ display:none}
    .mob_menu{ display:block}

    .header .logo{ padding-top:0;}
    .header{
        height :74px;
        position:fixed;
        width: 750px;
        z-index:100;
    }

}

@media (min-width:640px) and (max-width:991px){
    .banner .punchline1{ position:absolute; bottom:0; background:#52b6ce; padding:5px 20px; 
                         -webkit-box-shadow: 5px 2px 13px 0px rgba(0,0,0,0.3);
                         -moz-box-shadow: 5px 2px 13px 0px rgba(0,0,0,0.3);
                         box-shadow: 5px 2px 13px 0px rgba(0,0,0,0.3);
    }
    .banner .punchline1 h1{ padding:0; margin:0; font-size:20px; color:#f8f8f8; text-shadow:2px; width:320px; text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.5); line-height:normal}

    .banner .punchline2{ position:absolute; right:0 !important; background:#52b6ce; padding:10px 15px; width:250px; top:25px;
                         -webkit-box-shadow: -2px 2px 13px 0px rgba(0,0,0,0.3);
                         -moz-box-shadow: -2px 2px 13px 0px rgba(0,0,0,0.3);
                         box-shadow: -2px 2px 13px 0px rgba(0,0,0,0.3);
    }
    .banner .punchline2 h1{ padding:0; margin:0; font-size:20px; color:#f8f8f8; text-decoration:underline; text-align:center; padding-bottom:10px;}
    .banner .punchline2 p{font-size:15px; color:#f8f8f8; text-align:center;}
    .banner .punchline2 p a{ color:#fff; font-size:18px; border-radius:10px; padding:5px 15px; border:solid 3px #fff; background:transparent  }  
    .banner .punchline2 p a:hover{ color:#fff; font-size:18px; border-radius:10px; padding:5px 15px; border:solid 3px #fff; background:#52b6ce; text-decoration:none}
    
    .header{
        height :74px;
        position:fixed;
        width: 750px;
        z-index:100;
    }
}
@media (min-width:320px) and (max-width:639px){
    .banner .punchline1{ display:none}

    .banner .punchline2{ position:absolute;  background:#52b6ce; padding:10px; width:320px; top:15px; margin:0 auto; right:auto !important;
                         -webkit-box-shadow: -2px 2px 13px 0px rgba(0,0,0,0.3);
                         -moz-box-shadow: -2px 2px 13px 0px rgba(0,0,0,0.3);
                         box-shadow: -2px 2px 13px 0px rgba(0,0,0,0.3);
    }
    .banner .punchline2 h1{ padding:0; margin:0; font-size:15px; color:#f8f8f8; text-decoration:underline; text-align:center; padding-bottom:5px;}
    .banner .punchline2 p{font-size:15px; color:#f8f8f8; text-align:center;}
    .banner .punchline2 p a{ color:#fff; font-size:18px; border-radius:10px; padding:5px 15px; border:solid 3px #fff; background:transparent  }  
    .banner .punchline2 p a:hover{ color:#fff; font-size:18px; border-radius:10px; padding:5px 15px; border:solid 3px #fff; background:#52b6ce; text-decoration:none}
    .banner img{ width:100%; padding:0; margin:0; min-width:100%; min-height:200px}
    .blue_box{ position:relative;  background:#52b6ce; padding:10px; width:180px; right:0px !important ; top:0; float:right; margin:0 auto; margin-bottom:20px;
               -webkit-box-shadow: 0px 8px 14px -2px rgba(0,0,0,0.35);
               -moz-box-shadow: 0px 8px 14px -2px rgba(0,0,0,0.35);
               box-shadow: 0px 8px 14px -2px rgba(0,0,0,0.35);}
    
    .header .logo{ padding-left:35px;}
    .header{
        height :74px;
        position:fixed;
        width: 100%;
        z-index:100;
    }
}