.midmain { width:75%; margin:auto; padding:0em 0.2em 0.2em 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; font-family:Calibri; font-size:1em;}

.titlecap {width:100%; text-align:center; letter-spacing:0.02em; background-color:#ffffff; font-family:Calibri; font-size:2.3em; color:#13254f; margin-bottom:0.2em; margin-top:0.2em; clear:both; padding-top:0.3em; font-weight:bold;}

.plan {width:100%; text-align:center; letter-spacing:0.02em; /*background-color:#ffffff;*/ font-family:Calibri; font-size:1.8em; color:#13254f; margin-bottom:0.2em; margin-top:0.2em; clear:both; padding-top:0.3em; font-weight:bold;}

.findbox { width:90%; background-color:#ffffff; margin:auto; text-align:center; clear:both; }

.container {position:relative; width:100%; margin:auto;}

.col-fr-3 { width:48.88%; float:left; margin:0.2em; background-color:#ffffff; line-height:1.5em; text-align:justify; padding-top:1.2em;}

.cultboxtle { font-family:Calibri; font-size:1.3em; color:#0a2d6e; font-weight:bold; letter-spacing:0.01em; padding-bottom:0.5em; }

.cultboxtlep { font-family:Calibri; font-size:0.8em; color:#0a2d6e; letter-spacing:0.01em; padding-bottom:0.5em; font-variant-caps: normal; }

.culturetext1 { /* width:90%;*/ background-color:#ffffff; color:#000000; margin:auto; font-family:Calibri; font-size:1.1em; padding-bottom:1em;}

.cultboxtle2 { font-family:Calibri; font-size:1.2em; text-align:center; color:#0a2d6e; font-weight:bold; letter-spacing:0.02em; padding-bottom:0.5em; }

.culturetext2 {/* width:90%;*/ background-color:#ffffff; text-align:center; color:#000000; margin:auto; font-family:Calibri; font-size:1em; padding-bottom:1em;}

.companiesbox { width:100%; margin:auto; text-align:center; clear:both;}

.col-fr-4 { width:48.88%; float:left; margin:0.2em; line-height:1.5em; text-align:justify; padding-top:1.2em;}

.col-fr-33 {width:28%; float:left; margin:1.3em; background-color:#ffffff;  line-height:1.5em; text-align:justify; padding-top:1.2em;}

.col-fr-33p {width:21%; background-color: #ffffff; box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 19%); font-size: 1.3em; float:left; margin:1.4em; border-radius: 0.8em; color: #009fdb; font-weight: bold; border: #F1F1F1 solid thin; text-align:center; padding:1em; font-variant-caps: all-petite-caps;}

.plansbox{background-color:#f6f6f6; height:23em; clear:both;}

.culturetextp { /* width:90%;*/ color:#000000; margin:auto; font-family:Calibri; font-size:1.1em; padding-bottom:1em;}

.step { background-color:#009edb; font-size:1.5em; text-align:center; width:28%; padding:0.3em; color:#ffffff; font-weight:bold; margin-bottom:0.5em;}

.stepplan { /*background-color:#009edb;*/ font-size:1em; text-align:center; /*width:50%;*/ padding:0.3em; color:#000000; font-weight:bold; margin-bottom:0.5em;  margin-top:0.5em;}

.mid {float:left; width:100%; margin-bottom:0.9em; background-image:url( "../image/bannerformbg.jpg"); background-color:#233e93; margin-top:4.5em; background-repeat: no-repeat; background-size: auto; }

.form{ float:right; height:15em; background-color:#ffffff; /*box-shadow: 3px 5px 5px #e7e7e7;*/ margin:2em 0.5em 1em 1em; width:27%; text-align:center;}

.form-control {display:block; width:85%; height:1em; padding:0.55em 0.5em 0.55em; font-size:0.85em; line-height:1.428571429; color:#555; background-image:none; border:0.1em solid #f5f5f5; border-radius:0.3em; background-color:#f5f5f5; margin:auto; margin-bottom:1em;  margin-top:1em;}

.open03 {font-family:Calibri; font-size:1.5em; color:#000000; /*border:#e5e5e5 solid thin;*/ background-color:#ffffff; letter-spacing:0.02em; padding-bottom:0.8em; padding-top:0.8em; text-align:center; font-weight:bold;}

.add { font-size: 1.2em; line-height: 1.5em; color: #000000;}

.contact { font-size: 1.2em; color: #F80004; line-height: 1.5em;}

.time { font-size: 1em; color: #000000;}

.main{width:95%; margin:0 auto;}

.banner{/*display:flex;*/ display:-webkit-inline-box; width:100%;}

.bannercontent{ max-width:80%; padding:15px 120px 15px 100px; color:#ffffff; font-family:Calibri; font-size:1.1em; line-height:2em;}

.loginbu { background-color:#ffffff; border:none; color:#13254f; padding:6px 6px; text-align:center; text-decoration:none; display:inline-block; margin:10px 0.5px; font-size: 0.8em; cursor:pointer; border-radius:0.4em; letter-spacing: 0.05em; outline:none; font-weight: bold;}

.buttonsu{ background-color:red; border:none; color:#ffffff; padding:5px 10px 5px 10px; text-align:center; text-decoration:none; display:inline-block; margin:12px 2px 18px 2px; cursor:pointer; border-radius:0.6em; letter-spacing:0.05em; outline:none; font-size:1em; font-family:Calibri; font-weight:bold;}

.buttonsu1{ background-color:red; border:none; color:#ffffff; padding:5px 10px 5px 10px; text-align:center; text-decoration:none; display:inline-block; margin:15px 2px 18px 2px; cursor:pointer; border-radius:0.4em; letter-spacing:0.05em; outline:none; font-size:1.5em; font-family:Calibri; font-weight:bold;}

.buttonlo{background-color:#009de2; border:none; color:#ffffff; /*padding:0.5em;*/ margin-left:0.5em; text-decoration:none; display:inline-block; /*margin:0px 0px 0px 0px;*/ cursor:pointer; border-radius:0.6em; letter-spacing:0.05em; outline:none; font-size:1em;  font-family:Calibri; font-weight:bold;}

.own{background-color:#12244d; height:13em; text-align:center; clear:both; color:#ffffff; font-size:1.5em; font-weight:bold; padding-top:0.8em;}

.question { width:auto; /*border-radius: 0.5em;*/ letter-spacing:0.02em; background-color:#112349; font-family:Calibri; font-size:1em; text-align:left; color:#ffffff; margin-bottom:0.4em; margin-top:0.5em; clear:both; /*padding:0.8em;*/ padding: 4em 0.8em 3.5em 0.8em; overflow-y:hidden; transition:height 0.4s linear; }

.col-fr-3q { width:27%; float: left; font-weight:bold; padding:2em 2em 2em 2em; text-align:center; font-family:Calibri; font-size:2em; } 

.col-fr-50 { width:57%; float:right; text-align:justify; }

.accordion { background-color:#112349; color:#ffffff; cursor:pointer; padding:1em 0.5em 1em 0.1em; width:100%; border:none; text-align:left; outline:none; font-size:1.04em; letter-spacing: 0.05em; transition:0.4s; border-bottom: #E1E1E1 solid thin; }

.active, .accordion:hover { background-color:none; /*border-bottom:none;*/ border-bottom:none; color:#ffffff; }

.accordion:after { content:'\002B'; color:#ffffff; font-weight:bold; float:right; margin-left:5px;}

.accordion.active:after { content:"\2212"; }

.panel { /*padding:0 18px; background-color:white;*/ overflow:hidden; transition:max-height 0.2s ease-out; border-bottom: #E1E1E1 solid thin; color:#83ddff; padding-bottom: 1em; }

.dis {font-size:1.5em; /*border-top: #e1e1e1 solid thin;*/ color:#9d9c9c; font-weight:bold; padding-top:1em; padding-left:0.7em; padding-bottom:0.1em; clear: both;}

.distext {font-size:0.75em; color:#9d9c9c; padding-top:0.5em; padding-left:1em; padding-bottom:0.4em;}

.toppanel { width:75%; background-color:#112349; float:left; position:fixed; z-index:1; }

.logo { width:20%; float:left; margin:0.6em 0.5em 0.2em 0.8em; z-index:1; }

.title { width:70%; float:right; color:#ffffff; font-weight:bold; letter-spacing:0.03em; font-family:Calibri;}

nav{ position:relative; width:70%; margin:0 auto;}

#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1; display:block; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

#cssmenu:after,#cssmenu > ul:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; background-color: #112349;}

#cssmenu #head-mobile{display:none; }

#cssmenu{ font-family:sans-serif; /*background:#333;*/ width:85%; float:right; /*background-color: #112349;*/}

#cssmenu > ul > li{ float:left; /*margin-top: 1em;*/}

#cssmenu > ul > li > a{ padding:17px; font-size:12px; letter-spacing:1px; text-decoration:none; color:#ffffff; font-weight:700;}

#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{ color:#fff; }

#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{/*background:#448D00!important;*/-webkit-transition:background .3s ease; -ms-transition:background .3s ease;transition:background .3s ease;}

#cssmenu > ul > li.has-sub > a{padding-right:30px;}

#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}

#cssmenu > ul > li.has-sub > a:before{position:absolute; top:19px; right:14px; display:block; width:2px; height:8px; background:#ddd; content:'';-webkit-transition:all .25s ease; -ms-transition:all .25s ease; transition:all .25s ease;}

#cssmenu > ul > li.has-sub:hover > a:before{top:23px; height:0;}

#cssmenu ul ul{position:absolute; left:-9999px;}

#cssmenu ul ul li{height:0; -webkit-transition:all .25s ease; -ms-transition:all .25s ease; background:#333; transition:all .25s ease;    margin-left: -2em;}

#cssmenu ul ul li:hover{}

#cssmenu li:hover > ul{left:auto;}

#cssmenu li:hover > ul > li{height:35px;}

#cssmenu ul ul ul{margin-left:100%; top:0;}

#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15); padding:11px 15px; width:170px; font-size:12px; text-decoration:none; color:#ddd; font-weight:400; }

#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0;}

#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff;}

#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}

#cssmenu ul ul li.has-sub > a:before{position:absolute; top:13px; right:14px; display:block; width:2px; height:8px; background:#ddd; content:''; -webkit-transition:all .25s ease; -ms-transition:all .25s ease; transition:all .25s ease;}

#cssmenu ul ul > li.has-sub:hover > a:before{top:17px; height:0;}

#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}

#cssmenu ul ul ul li.active a{border-left:1px solid #333;}

#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333;}

@media screen and (max-width:1000px){

nav{width:100%;}
#cssmenu{width:100%; padding-bottom: 2em;}
#cssmenu ul{width:100%;display:none;padding-top:1em; }
#cssmenu ul li{/*width:100%;*/border-top:1px solid #444;}
#cssmenu ul li:hover{background:#363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto; background-color:#112349;}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%; border-bottom:0; background-color:#112349;}
#cssmenu > ul > li{float:none; background-color:#112349;}
#cssmenu ul ul li a{padding-left:25px;}
#cssmenu ul ul li{background:#333!important;}
#cssmenu ul ul li:hover{background:#363636!important;}
#cssmenu ul ul ul li a{padding-left:35px;}
#cssmenu ul ul li a{color:#ddd;background:none;}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff;}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left;}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none;}
#cssmenu #head-mobile{display:block; padding:23px; color:#ddd; font-size:12px; font-weight:700;}
.button{width:55px;height:46px;position:absolute;right:0;top:17px;cursor:pointer;z-index: 12399994;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px; background:#ddd;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer;}
#cssmenu .submenu-button.submenu-opened{background:#262626;}
#cssmenu ul ul .submenu-button{height:34px;width:34px;}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px;}
#cssmenu .submenu-button.submenu-opened:after{background:#fff;}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px;}
#cssmenu .submenu-button.submenu-opened:before{display:none;}
#cssmenu ul ul ul li.active a{border-left:none;}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none;}
}

@media only screen and (max-width:1315px) and (min-width:769px)
	
{
/*.midmain { width:95%;}	
	
.col-fr-3 { width:100%; float:left; margin:0.2em; background-color:#ffffff; line-height:1.5em; text-align:justify;}	
	
.titlecap { width:auto; font-size:1.5em;}
	
.banner { width:100%; margin-bottom:0.7em; display:block;}
	
.form { width:100%; float:left; text-align:center; margin-left:0.01em;}
	
.mid { background-color:#233e93; background-image:none; color:#ffffff; }
	
.bannercontent{ max-width:100%; padding:20px 10px 20px 20px;}
	
.own{ font-size:1.2em; height:27em;}
	
.col-fr-4{ width:100%;}
	
.col-fr-33 { width:100%; text-align: center; margin:0.1em;}
	
.col-fr-33p { width:88%; text-align: center; margin:0.1em; margin-bottom: 1em;}

.plansbox{ background-color:#f6f6f6; height:47em; clear:both;}	
	
.step { width:98%;}	
	
.col-fr-3q { width:90%; font-weight:bold; padding:1em 1em 1em 2em; text-align:center; font-family:Calibri; font-size:2em; clear:both;} 

.col-fr-50 { width:100%; float:right; /*margin:0.22em; line-height:1.5em;*/ text-align:justify; }
	
/*.dis {font-size:1.5em; color:#a6a6a6; font-weight:bold; padding-top:1em; text-align:center; padding-right:1em; padding-bottom:2em;}
	
.title {height:80px; width:70%;}
	
.toppanel { position:fixed; width:94.9%;}
		
}*/

@media only screen and (max-width:768px) and (min-width:481px)
	
{
.midmain { width:95%;}	
	
.col-fr-3 { width:100%; float:left; margin:0.2em; background-color:#ffffff; line-height:1.5em; text-align:justify; }	
	
.titlecap {width:auto; font-size:1.5em;}
	
.banner { width:100%; margin-bottom:0.7em; display:block;}
	
.form { width:100%; float:left; text-align:center; margin-left:0.01em;}
	
.mid { background-color:#233e93; background-image:none; color:#ffffff;}
	
.bannercontent { max-width:100%; padding:20px 10px 20px 20px;}
	
.own { font-size:1.2em; height:27em;}
	
.col-fr-4 { width:100%;}
	
.col-fr-33 { width:100%; text-align:center; margin:0.1em; }
	
.col-fr-33p { width:88%; text-align:center; margin:0.1em; margin-bottom: 1em; }	
	
.plansbox{ background-color:#f6f6f6; height:47em; clear:both;}	
	
.step { width:95%;}

.col-fr-3q { width:80%; font-weight:bold; padding:1em 2em 1em 2em; text-align:center; font-family:Calibri; font-size:2em; clear:both;}

.col-fr-50 { width:100%; float:right; /*margin:0.22em; line-height:1.5em;*/ text-align:justify;}
	
.dis {font-size:1.5em; color:#a6a6a6; font-weight:bold; padding-top:1em; text-align:center; padding-right:1em; }
	
.title { height:80px;}
	
.toppanel { position:fixed; width:94.9%;}
		
} 

@media only screen and (max-width:480px) and (min-width:320px)
{
.midmain { width:95%;}		
	
.col-fr-3 { width:100%; float:left; margin:0.2em; background-color:#ffffff; line-height:1.5em; text-align:justify;}	

.titlecap { width:auto; font-size:1.5em;}
	
.mid { background-color:#233e93; background-image:none; color:#ffffff;}

.banner { width:100%; margin-bottom:0.7em; display:block; }
	
.form { width:100%; float:left; text-align:center; margin-left:0.01em;}
	
.bannercontent { max-width:100%; padding:20px 10px 20px 20px;}

.own { font-size:1.2em; height:27em;}
	
.col-fr-4 { width:100%;}
	
.col-fr-33 { width:100%; text-align:center; margin:0.1em;}
	
.col-fr-33p { width:88%; text-align:center; margin:0.1em; margin-bottom: 1em;}
	
.plansbox{ background-color:#f6f6f6; height:47em; clear:both;}	
	
.step { width:95%;}

.col-fr-3q { width:60%; font-weight:bold; padding:1em 2em 1em 2em; text-align:center; font-family:Calibri; font-size:2em; clear:both;} 

.col-fr-50 { width:100%; float:right; /*margin:0.22em; line-height:1.5em;*/ text-align:justify;}
	
.dis {font-size:1.5em; color:#a6a6a6; font-weight:bold; padding-top:1em; text-align:center; padding-right:1em;}
	
.title { height:80px;}
	
.toppanel { position:fixed; width:95%;}
}