@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,600,700,800);
@import url(jquery.bxslider.css);
* {
	margin:0;
	padding:0;
}
body {
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	margin:0px auto;
}
a{
	-webkit-transition:all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease; 
}
input[type="button"], input[type="submit"], input[type="text"], input[type="email"]{
	-webkit-transition:all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;  border:1px solid #fff;
}
input[type="text"]:focus {
  border:1px solid #66afe9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
img{ max-width:100%;}
.container{ max-width:1170px; width:100%; margin:0 auto;}
/***********index***************/
.logo { text-decoration:none; padding:32px 0px 21px 0px; float:left; width:100%; text-align:center;}
.navbar-nav{ float:right; }
.banner-bg{  width:100%; margin: 0 auto 49px; position:relative;}
.side-bar ul li{ list-style-type:none; float:none;font-size:18px; font-weight:300; color:#0060aa; text-transform:uppercase; padding-bottom:25px;}
.side-bar ul li span{ padding:0px 0px 0px 18px;}
h2{ color:#0060aa; font-size:36px; font-weight:600; text-align:center; width:100%; text-transform:uppercase; margin:0 auto 56px;}
.side-bar {margin-bottom: 105p}
.synchronises{ font-size:30px; font-weight:500; color:#0060aa; text-align:center; text-transform:uppercase; margin:0 auto 64px;}
.pc-img{ width:100%; margin:0 auto 59px; text-align:center;}
.software1{ text-transform:uppercase; text-align:center; font-weight:300; font-size:18px; color:#0060aa; width:100%; margin:0 auto 17px; line-height:24px;}
.software2{text-transform:uppercase; text-align:center; font-weight:300; font-size:18px; color:#0060aa; width:100%; margin: 0 auto 28px;line-height:24px;}
.blue-cover{ background-color:#0060aa; width:100%; margin:0 auto;} 
.switch{ width:100%; margin: 0 auto 94px;}
.switch h4{ font-size:30px; color:#fff; font-weight:600; text-align:center; text-transform:uppercase; padding:0; margin:20px auto 0; line-height:normal;}
.switch h4 span{ font-weight:300; font-size:24px; margin-bottom:25px; display:block;}
.book-btn{ background-color:#/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#849199+0,94a5af+2,b9ccda+3,cadff0+5,cbe1ef+8,cbdeec+9,cfe1ef+12,d8e8f5+35,e1ebf4+45,e6eff8+54,e9f0f6+58,ebf4fb+63,f2f6f9+71,f5f9fc+75,ffffff+100 */
background: #849199; /* Old browsers */
background: -moz-linear-gradient(top, #849199 0%, #94a5af 2%, #b9ccda 3%, #cadff0 5%, #cbe1ef 8%, #cbdeec 9%, #cfe1ef 12%, #d8e8f5 35%, #e1ebf4 45%, #e6eff8 54%, #e9f0f6 58%, #ebf4fb 63%, #f2f6f9 71%, #f5f9fc 75%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #849199 0%,#94a5af 2%,#b9ccda 3%,#cadff0 5%,#cbe1ef 8%,#cbdeec 9%,#cfe1ef 12%,#d8e8f5 35%,#e1ebf4 45%,#e6eff8 54%,#e9f0f6 58%,#ebf4fb 63%,#f2f6f9 71%,#f5f9fc 75%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #849199 0%,#94a5af 2%,#b9ccda 3%,#cadff0 5%,#cbe1ef 8%,#cbdeec 9%,#cfe1ef 12%,#d8e8f5 35%,#e1ebf4 45%,#e6eff8 54%,#e9f0f6 58%,#ebf4fb 63%,#f2f6f9 71%,#f5f9fc 75%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#849199', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */; font-size:22px; color:#0060aa; font-weight:600; text-transform:uppercase; padding:12px 18px 12px 18px; border-radius: 14px; float:right;}
.switch a{ text-decoration:none;}
.option-area{ font-size:22px; font-weight:500; color:#fff; text-transform:uppercase;padding: 8px 0px 0px 18px;}
.book-btn:hover{ background-color:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f5f9fc+25,f2f6f9+29,ebf4fb+37,e9f0f6+42,e6eff8+46,e1ebf4+55,d8e8f5+65,cfe1ef+88,cbdeec+91,cbe1ef+92,cadff0+95,b9ccda+97,94a5af+98,849199+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f5f9fc 25%, #f2f6f9 29%, #ebf4fb 37%, #e9f0f6 42%, #e6eff8 46%, #e1ebf4 55%, #d8e8f5 65%, #cfe1ef 88%, #cbdeec 91%, #cbe1ef 92%, #cadff0 95%, #b9ccda 97%, #94a5af 98%, #849199 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f5f9fc 25%,#f2f6f9 29%,#ebf4fb 37%,#e9f0f6 42%,#e6eff8 46%,#e1ebf4 55%,#d8e8f5 65%,#cfe1ef 88%,#cbdeec 91%,#cbe1ef 92%,#cadff0 95%,#b9ccda 97%,#94a5af 98%,#849199 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f5f9fc 25%,#f2f6f9 29%,#ebf4fb 37%,#e9f0f6 42%,#e6eff8 46%,#e1ebf4 55%,#d8e8f5 65%,#cfe1ef 88%,#cbdeec 91%,#cbe1ef 92%,#cadff0 95%,#b9ccda 97%,#94a5af 98%,#849199 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#849199',GradientType=0 ); /* IE6-9 */;}
.footer{ background-color:#464645; width:100%; margin: 0 auto ;}
.footer-manu {margin-bottom: 51px;}
.footer-manu ul li{ list-style-type:none; float:none; padding:31px 0px 22px 0px;color:#fff; font-size:14px; font-weight:500; text-transform:uppercase;}
.footer-manu ul li a{ text-decoration:none; color:#fff; font-size:14px; font-weight:500; text-transform:uppercase; text-align:left;}
.footer-manu ul li a:hover{ text-decoration:underline;}
.copyright-area{ text-align:center; font-size:12px; font-weight:500; color:#fff; text-transform:uppercase; width:100%; margin:0 auto 18px; display:block; text-decoration:none;}
.copyright-area:hover{ text-decoration:none;}
.option-area:hover{ cursor:pointer;text-shadow: 0px 1px 4px;}
.footer-manu ul li a span{ text-transform:lowercase; }
.fa.fa-facebook {font-size: 20px;padding: 0px 0px 0px 10px;}
.fa.fa-twitter{font-size: 20px;padding: 0px 0px 0px 10px;}
.fa.fa-linkedin-square{font-size: 20px;padding: 0px 0px 0px 10px;}
.fa.fa-youtube-play{font-size: 20px;padding: 0px 0px 0px 10px;}
.blue-hover{ background-color:rgba(46,123,181,0.5); width:100%; position:absolute;}









/****************************contact*********************************************/
.adress-area{ width:89%; margin:0 auto; }
.border-last{border-bottom: 4px solid #99bfdd;}
.adress-area h2{ color:#0060aa; font-size:31px; font-weight:500; text-align:center; text-transform:uppercase; margin-bottom: 30px;}
.adress-area ul li{ list-style-type:none; float:none; font-size:23px; font-weight:500; text-align:center; color:#0060aa; line-height:29px; text-transform:uppercase;padding: 0px 0px 30px 0px;}
.adress-area ul li span{ display:block;}
.map-area{ margin:0 auto 10px; width:100%;}
.national-area h3{ color:#116bb0; font-size:24px; font-weight:500; text-align:center; text-transform:uppercase;border-bottom: 4px solid #99bfdd; line-height:56px;}
.national-area ul li{ list-style-type:none; color:#0060aa; font-size:14px; font-weight:500; text-align:center; text-transform:uppercase; padding:31px 0px 0px 0px; line-height:20px;}
.contact{ text-decoration:underline #99bfdd; line-height:22px;}
.national-area ul li span{ display:block;}
.national-area ul li span a{ text-transform:lowercase; text-decoration:none;}
.national-area {width: 100%;margin: 0 auto 38px;}
.footer-manu ul li span a {text-transform: lowercase;}
/************************************login*********************************************/
.login-bg{ background:url(../images/login-back.jpg) top center no-repeat; background-size:cover; }
.log-in{ max-width:1170px; margin: 0 auto 170px; padding:0; width:100%;}
.pop a{ text-decoration:none;}
.log-in h1{ font-size:36px; font-weight:500; text-transform:uppercase; text-align:center; color:#fff; margin:0 auto 65px; padding-top:68px;}
.pop{ width:42%;background: rgba(188, 231, 251, 0.9) none repeat scroll 0% 0%;  margin: 0 auto;  padding:65px 2% 25px;    text-decoration: none;
color: #595959;font-size: 12px;font-weight: normal;}
.login-btn{ height:48px; background-color:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#456983+0,3d6888+2,699dc4+4,609dca+6,5f9fcf+9,5b9bcb+11,5f9cc9+13,5e97c4+15,5999c9+17,4c8fc3+32,468dc3+34,3b86bf+45,3681ba+49,3180bb+51,2276b6+66,1d72b5+68,1068af+83,0b66ac+85,0161ab+100 */
background: #456983; /* Old browsers */
background: -moz-linear-gradient(top, #456983 0%, #3d6888 2%, #699dc4 4%, #609dca 6%, #5f9fcf 9%, #5b9bcb 11%, #5f9cc9 13%, #5e97c4 15%, #5999c9 17%, #4c8fc3 32%, #468dc3 34%, #3b86bf 45%, #3681ba 49%, #3180bb 51%, #2276b6 66%, #1d72b5 68%, #1068af 83%, #0b66ac 85%, #0161ab 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #456983 0%,#3d6888 2%,#699dc4 4%,#609dca 6%,#5f9fcf 9%,#5b9bcb 11%,#5f9cc9 13%,#5e97c4 15%,#5999c9 17%,#4c8fc3 32%,#468dc3 34%,#3b86bf 45%,#3681ba 49%,#3180bb 51%,#2276b6 66%,#1d72b5 68%,#1068af 83%,#0b66ac 85%,#0161ab 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #456983 0%,#3d6888 2%,#699dc4 4%,#609dca 6%,#5f9fcf 9%,#5b9bcb 11%,#5f9cc9 13%,#5e97c4 15%,#5999c9 17%,#4c8fc3 32%,#468dc3 34%,#3b86bf 45%,#3681ba 49%,#3180bb 51%,#2276b6 66%,#1d72b5 68%,#1068af 83%,#0b66ac 85%,#0161ab 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#456983', endColorstr='#0161ab',GradientType=0 ); /* IE6-9 */;  border-radius:18px; color:#fff; font-size:18px; text-align:center; font-weight:bold; text-transform:uppercase;width: 35%; padding: 2% 0 0 0%;display:block; text-decoration:none;margin: 0 auto 10px;}
.login-btn:hover{ background-color:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,207cca+49,2989d8+50,1e5799+100 */
background: #7db9e8; /* Old browsers */
background: -moz-linear-gradient(top, #7db9e8 0%, #207cca 49%, #2989d8 50%, #1e5799 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #7db9e8 0%,#207cca 49%,#2989d8 50%,#1e5799 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #7db9e8 0%,#207cca 49%,#2989d8 50%,#1e5799 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */; color:#fff;}
.form-control{ border:none;border-radius: 17px; box-shadow:none;height: 40px;}
.form-group {
    margin-bottom: 24px;
    width: 100%;
    overflow: hidden;}
label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 600;
	font-size: 17px;
	text-transform: uppercase; color:#0060aa;}
/**********************************************signin***************************************************/
.sign-in{ max-width:1170px; margin: 0 auto 170px; padding:0; width:100%;}
.sign-in h2{ font-size:30px; font-weight:600; text-align:center; text-transform:uppercase; width:100%; margin:0 auto 39px; line-height:36px; color:#fff;padding-top: 141px;}
.sign-in h2 span{font-size:30px; font-weight:500; text-align:center; text-transform:uppercase; width:100%; margin:0 auto; color:#fff; display:block;padding-top: 28px;}
.sign-in h3{color:#fff; font-size:20px; font-weight:500; text-align:center;}
.sign-in h3 a{ color:#fff; text-decoration:underline; font-size:28px; font-weight:600; text-transform:uppercase;}
.sign-in h3 span{ text-transform:uppercase; color:#fff; font-size:28px; font-weight:600; text-align:center;}
.sign-in h3 a:hover{ color:#0865ad; }
/************************************************cms*******************************************************/
.logout{  font-size:14px; font-weight:500; color:#515252; text-transform:capitalize; text-decoration:none; text-align:right !important; width:100%; margin:0 auto 54px;float: right;}
.right-side h2{ color:#515252; font-size:16px; font-weight:600; text-transform:uppercase; text-align:left;margin-bottom: 11px;}
.right-side h3{ font-size:16px;color:#515252; font-weight:400; background-color:#d8ecfa; width:100%; margin:0 auto 17px;padding: 18px 0px 18px 6px;}
.imran-right ul li a{ font-size:14px; font-weight:600; color:#9e25dd; text-align:left; text-transform:capitalize;text-decoration:none; line-height:20px;}
.imran-right ul li{ list-style-type:none; float:none; text-decoration:underline #9201de;padding: 0px 0px 20px 0px;}
.heading1{color:#515252; font-size:14px; font-weight:500;}
.heading1 span{ color:#ffcc00; }
.grey-part{ background:#e4ecf2; padding:15px;}
.left-tab-part{ height:700px; overflow-x:hidden; overflow-y:scroll;}
.left-tab-part table tr td{ color:#565656; padding:10px 2%; border-right:3px solid #fff; border-bottom:3px solid #fff; background:#fce2e6; width:46%;font-size: 14px;}
.left-tab-part table th{color: #565656;font-size: 13px;font-weight: 600;}
.left-tab-part table .pink-area td{  background-color:#e169ff;}
label{font-weight: 400;font-size: 14px; color:#515252; text-transform:none;float: left;padding: 8px 15px 0px 0px;line-height: 20px;}
.btn-group > .btn:first-child {
	margin-left: 0;border-radius: 0px;
	border: 1px solid #515252;margin-bottom: 26px;
}
.btn-group.bootstrap-select {
	float: right !important;
}
.msg-box{ width:80%; float:right;}
.kenpen-area{ padding:72px 0px 0px 0px;}
.left-tab-part table tr .light-pink-area { background-color:#ffc0cb; width:100%;}
.record{ font-size:14px; font-weight:500; text-align:left; color:#000; padding:10px 0px 8px 11px; background-color:#ffc0cb; line-height:20px;}
.attached-area{ text-align:left; font-size:14px; font-weight:500; line-height:20px; background-color:#e4ecf2; padding:12px 0px 9px 22px; color:#565656;}
.browse-part table tr .cww{background:#ebecec; font-size:14px; font-weight:600; line-height:20px; color:#2813f9; text-decoration:underline;}
.browse-part table tr td{ color:#ac02fb; padding:10px 2%;border-bottom:3px solid #fff;border-top:3px solid #fff;background:#ebecec; font-size:14px; font-weight:600; line-height:20px; text-decoration:underline;}
.browse-part table tr .ash-color{ background:#b1b2b2;}
.browse-part p{ font-size:16px; font-weight:500; padding:22px 0px 0px 6px; float:left;}
.file-area{  min-height:42px; max-width:155px; background-color:#e8e7e8; border-radius:10px; border:1px solid #585959;float: left;margin: 0px 0px 0px 94px;}
.doc-btn{ background-color:#e5e4e5; font-size:16px; font-weight:bold; text-align:center; padding:0px 0px 0px 0px; color:#585959;padding: 11px 27px 11px 27px; border-radius:10px; border:1px solid #585959; text-decoration:none;}
.atdoc a{ text-decoration:none;}
.doc-btn:hover{ color:#000;}
.atdoc{ width:100%; margin:0 auto 41px;text-align: center; margin-top:13px;}
.blue-hover{ background:rgba(43,120,181,0.8); position:absolute; top:45px; left:0; right:0; width:75%; text-align:center; margin:0px auto;}
.blue-hover h1{ font-size:48px; font-weight:600; color:#fff; text-align:center; text-transform:uppercase; padding: 9px 7% 0 7%; margin-bottom:25px;}
.blue-hover h2{ font-size:28px; font-weight:400; line-height:36px; color:#fff; padding:0 2%; margin-bottom: 71px;}
.blue-hover h2 span{ display:block; }
.blue-hover p{ color:#fff; font-size:30px; margin-bottom:15px;}
.blue-hover a{ width:470px; height:74px; margin-bottom: 27px; line-height:74px; font-size:30px; fonr-weight:600; border-radius:15px; display:inline-block; text-align:center; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d1dfea+0,d2e0eb+10,d2e2ef+11,d4e4f1+31,d3e3f0+100 */
background: #d1dfea; /* Old browsers */
background: -moz-linear-gradient(top, #d1dfea 0%, #d2e0eb 10%, #d2e2ef 11%, #d4e4f1 31%, #d3e3f0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d1dfea 0%,#d2e0eb 10%,#d2e2ef 11%,#d4e4f1 31%,#d3e3f0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d1dfea 0%,#d2e0eb 10%,#d2e2ef 11%,#d4e4f1 31%,#d3e3f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1dfea', endColorstr='#d3e3f0',GradientType=0 ); /* IE6-9 */color: #0060aa; text-decoration:none; }
.blue-hover a:hover{ color:#000; }