﻿@charset "utf-8";
/* CSS Document */

body{ margin:auto;}

li{ list-style:none;}

a:visited {text-decoration:none; color:#000000;}

a:link {color:#000000; text-decoration:underline;}

a:hover{color:#000000; text-decoration:underline;}

.logo {width:25%; margin: auto; padding: 0.8em; text-align: center;}

.title{width:70%; float:right; text-align:right; margin:0.5em; color:#ffffff; font-weight:bold; font-size:2.1em; padding-top: 0.1em; padding-right:0.5em; font-family:Calibri; letter-spacing:0.02em; font-style: italic;}

.banner { width: 65%; float: left; height: auto; border: #203240 solid thin;}

.banimg{ clear: both; background-size: cover; height:auto; background-repeat: repeat-y; background-size: cover;}

.img-responsive {display:block; max-width:100%;}

.form{ width:33.33333333333333%; float:right; height:23.6em; background-color:#f3f1f1; margin-bottom:1em; padding-bottom:0.5em;}

.form-control {display:block; width:85%; height:1.5em; padding:0.55em 0.5em 0.55em; font-size:0.85em; line-height:1.428571429; color:#555; background-color:#fff; background-image: none; border:0.1em solid #ccc; border-radius:0.3em; background-color:#ffffff; margin-bottom:1.2em;}

.midmain {width:1000px; margin:auto; padding:0.2em; background-color:#ffffff; box-shadow:6px 0 4px -4px #d5d5d9, -6px 0 4px -4px #d5d5d9; border-left:1px solid #d5d5d9\9; border-right:1px solid #d5d5d9\9; background-repeat:no-repeat;}

.toppanel{width:1000px; background-color:#ffffff; text-align: center; margin: auto; margin-bottom:0.7em; border-radius:0.5em;}

.findbox { width: 100%; background-color: #ffffff; margin: auto; text-align: center; clear: both; }

.container { position: relative; width: 100%; margin: auto; }

.col-fr-3 { width: 24.36%; float: left; margin: 0.2em; background-color: #dfdfdf; line-height: 1.5em; text-align: justify; }

.cultboxtle { font-family: Calibri; padding: 0.2em; font-size: 1.1em; text-align: center; color: #003446; font-weight: bold; letter-spacing: 0.02em; }

.culturetext1 { width: 90%; background-color: #ffffff; color: #000000; margin: auto; font-family: Calibri; font-size: 1em; text-align: center; }

.contact{width:auto; border-radius:0.5em; letter-spacing:0.02em; background-color:#00147f; font-family:Calibri; font-size:1.5em;  border-radius:0.5em; text-align:center;  color:#fff601; margin-bottom:0.4em; margin-top:0.5em; clear:both; padding-top:0.5em; padding-bottom:0.5em;}

.para{width:auto; letter-spacing:0.02em; background-color:#dfdfdf; font-family:Calibri; font-size:1.2em; text-align:left;  color:#000000; margin-bottom:0.4em; margin-top:0.5em; clear:both; padding-top:0.5em; padding-left:1.5em; padding-bottom:0.5em;}

.titlecap{width:auto; letter-spacing:0.02em; background-color:#ffffff; font-family:Calibri; font-size:1.5em; text-align:left;  color:#003680; margin-bottom:0.4em; margin-top:0.5em; clear:both; padding-top:0.3em; padding-left:1.5em; padding-bottom:0.3em; font-weight: bold;}

.sushil{ font-family:Calibri; font-size:1.8em; letter-spacing:0.01em; text-align:center; color:#000000; font-weight:bold; clear: both;}

.pro{ width:96%; border-radius: 0.3em; margin: auto; background-color:#ffffff; font-family:Calibri;  font-size:1em; text-align:center; padding:0.3em; color:#000000; margin-bottom:0.4em; margin-top:0.4em;}

.dis{ font-family:Calibri; font-size:0.65em; line-height:1em; padding:0.5em; color:#000000; text-align: center;}

.analyst { width: 75%; background-color: #c5c5c5; border-radius:0.5em; font-family: Calibri; font-size: 1em; text-align: center; padding: 0.2em; color: #000000; margin-bottom: 0.4em; margin: auto; margin-top: 0.4em; }

.mid{float:left; width:100%;}

.grab{width:64%; float:left; height:auto; background-color:#f1f1f1; color:#000000; line-height:1.53em; font-family:Calibri; font-size:1.1em; padding-bottom:0.21em; padding-top:0.21em; padding-left:0.8em;}

.open04 {font-family:Calibri; font-size:0.8em; color:#ffffff; background-color:#336666; letter-spacing:0.07em; padding-bottom:0.7em; padding-top:0.7em; line-height:1.9em; text-align:center; font-weight:bold; width:33.33333333333333%; float:right; height:auto;}

.open044 {font-family:Calibri; font-size:1em; color:#000000; background-color:#e5e5e5; padding-bottom:0.8em; padding-top:0.6em; margin-bottom:0.3em; line-height:1.5em; text-align:center; font-weight:bold; width:33.33333333333333%; float:right; height:auto;}

.open03 {font-family:Calibri; font-size:1em; font-weight:bold; color:#ffffff; border:#e5e5e5 solid thin; background-color:#001580; letter-spacing:0.03em; padding-bottom:1em; padding-top:1em; margin-bottom:0.8em; line-height:2em; text-transform:uppercase; text-align:center;}

.we {font-family:Calibri; font-size:0.75em; font-weight:bold; color:#000000; padding-top:0.4em; letter-spacing:0.04em; margin-bottom:0.1em;}

.Follow {font-family:Calibri; font-size:1em; text-align:center; color:#0b82bb; letter-spacing:0.04em; padding-bottom:0.4em;}

.ben{ font-family: Calibri;text-align: left; line-height: 1.32em; padding: 0.3em 0.5em 0.3em 0.5em;/*text-shadow: 2px 2px #2b2928;*/}

.benti{font-size:1.4em; font-family:Calibri; text-align:center; padding-left:0.2em; padding-right:0.2em; padding-top:0.5em; font-weight:bold; line-height:1.5em; padding-bottom:0.5em;  color:#ffffff; background: rgba(0, 0, 0, .8);}

.tdbg{ background-image:url(image/bannerbg.png); height: 15em; border:#879d18 thin solid;}

.banntext{font-family:Calibri; color:#000000; font-size:1.1em; padding-left:1.2em; padding-right:1.2em; padding-bottom:0.6em; line-height:1.6em; font-weight:bold;}

.add{width:auto; border-radius:0.5em; line-height:1.5em; font-family:Calibri; font-size:1em; font-weight:bold; background-color:#f1f1f1; color:#000000; padding-bottom:0.2em; padding-top:0.2em; padding-left:0.8em; clear:both; margin-bottom:0.8em;}
.im1{ width:4%; height:auto; padding-left:0.2em;text-align:center;}
 
.analyst { width:75%; background-color:#e3e3e3; border:#053b56 solid thin; font-family:Calibri; font-size:0.7em; font-weight:bold; text-align:center; padding:0.2em; color:#000000; margin-bottom:0.4em; margin:auto; margin-top:0.4em;}

.findbox{width:100%; font-weight: normal; margin:auto;  clear: both; }

.banpoint{width:100%; margin:auto; clear:both;} 

.col-fr-41{width: 90%;  float:left; margin:0.1em; clear: both; line-height:1.5em;}

.col-fr-42{width: 49%; float:right; margin:0.1em; line-height:1.5em;  }

@media only screen and (max-width: 768px) and (min-width: 481px)
{
.midmain {width:90%;}

.toppanel{width:100%;}
	
.col-fr-3 { width:100%; float: left; margin: 0.2em; background-color: #dfdfdf; line-height: 1.5em; text-align: justify; }

.logo {width:100%; text-align:center; margin:0.5em;}

.title{width:90%; text-align:center; font-size:1.5em; margin:0.2em; padding:0.5em;}

.pro{ font-size:1em;}

.banner{ width:100%; margin-bottom:0.7em; height:10%;}

.app{float:left; width:100%; padding:0.2em; font-family:Calibri; text-align:center; font-size:1.3em; color:#000000; font-weight:bold;}

.icon{width:100%; text-align:center; padding-top:0.1em;}

.soci{ background-color:#CCCCCC; width:auto; clear:both; border-radius:0.3em; margin:auto;}

.im{ width:20%; height:auto; padding-left:0.8em;text-align:center;} 

.banner img{ width:100%;float:right; text-align:center; clear: both;}

.form{ width:100%; float:left; text-align:center;}

.contact{width:auto; border-radius:0.5em; background-color:#efefef; font-family:Calibri; font-size:1em; text-align:center; font-weight:bold; color:#000000; margin-bottom:0.5em; margin-top:0.5em; clear:both; padding:0.1em; padding-top:0.8em; padding-bottom:0.8em;}

.im1{width:10%; height:auto;text-align:center;}

.sushil{ font-size:1em; clear: both;}

.ben{font-size:0.9em; font-family:Calibri; text-align:center; font-weight:bold; }

.benti{font-size:1em;}

.tdbg{ background-image:url(image/bannerbg.png);}

.banntext{font-family:Calibri; color:#000000; font-size:1em; padding:0.8em; line-height:1.6em;  font-weight:bold; font-weight:normal; text-align:left;}
	
.grab{width:97%; float:left; height:auto; background-color:#f1f1f1; text-align:center; color:#000000; line-height:1.8em; font-family:Calibri; font-size:0.9em; padding-bottom:0.5em; padding-top:0.5em; margin-bottom:0.5em;}

.open04 { width:100%;}

.banimg{ height:35%;}

.open044{ width:100%;}
	
.col-fr-41{width: 100%; }
	
.col-fr-42{width: 100%;}
	
}

@media only screen and (max-width: 480px) and (min-width: 320px)
{
.midmain {width:90%;}

.toppanel{width:100%;}

.logo {width:100%; text-align:center; margin:0.5em;}

.title{width:90%; text-align:center; font-size:1.2em; margin:0.2em; padding:0.5em;}

.banner{width:100%; margin-bottom:0.7em; height:10%;}

.pro{ font-size:0.9em;}
	
	.col-fr-3 { width: 100%; float: left; margin: 0.2em; background-color: #dfdfdf; line-height: 1.5em; text-align: justify; }
.ben{font-size:0.8em;}
.im{ width:15%; height:auto; padding-left:0.8em;text-align:center;} 

.banner img{ width:100%;float:right; text-align:center;}

.form{ width:100%; float:left; text-align:center;}

.contact{width:auto; border-radius:0.5em; background-color:#efefef; font-family:Calibri; font-size:1em; text-align:center; font-weight:bold; color:#000000; margin-bottom:0.5em; margin-top:0.5em; clear:both; padding:0.1em; padding-top:0.8em; padding-bottom:0.8em;}

.im1{width:8%; height:auto;text-align:center;}

.sushil{ font-size:1em;}

.benti{font-size:1em;}

.tdbg{ background-image:url(image/bannerbg.png);}

.banntext{font-family:Calibri; color:#000000; font-size:0.9em; padding:0.8em; line-height:1.6em;  font-weight:bold; font-weight:normal; text-align:left;}
	
.grab{width:97%; float:left; height:auto; background-color:#f1f1f1; text-align:center; color:#000000; line-height:1.8em; font-family:Calibri; font-size:0.9em; padding-bottom:0.5em; padding-top:0.5em; margin-bottom:0.5em;}

.open04 { width:100%;}

.banimg{ height:35%;}

.open044{ width:100%;}

.col-fr-41{width: 100%; }

.col-fr-42{width: 100%; }
}