/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,400i,700,900|Teko:300,400,500,700');
/* default */
img{border:0;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dd,dt { padding:0; margin:0;}
ul,ol { list-style:none;}
a { text-decoration:none;color:inherit;}
.hidden{ text-indent:-999em; overflow:hidden;}
hr.hide-line{ padding:0; margin:0; display:none;}
.clear{ clear:both;}
.clearfix:after {content:"."; display:block; height:0; clear:both;visibility:hidden;}
.clearfix {display:block;}
/* Clearfix */
.clrfix:before,
.clrfix:after {
    content: " ";
    display: table;
}
.clrfix:after {
    clear: both;
}
.clrfix {
    *zoom: 1;
}

.fl {float:left;}
.fr {float:right;}
.row {max-width: 1200px;margin:0 auto;}
.btn {display: inline-block;vertical-align: middle;border:3px solid #fff;font-family: "Lato";font-weight: 900;font-size: 14px;color:#fff;text-align: center;padding: 14px 36px;transition: border-color 0.2s ease,background 0.2s ease, color 0.2s ease}
.btn:hover {border-color:#4A6CB6;background: #fff;color:#4A6CB6;cursor: pointer;}

/* Body */
body{margin: 0 auto;padding: 0;font-family: "Teko";position: relative;}

/*header*/
nav a#pull { display: none;}

#header{padding: 25px 0;position: sticky;position: -webkit-sticky;top:0;z-index: 50;background: #fff}
#header nav {}
#header nav ul { padding:0; margin:0;}
#header nav ul li { display: inline-block;vertical-align: middle; background: url(../images/nav-line.jpg)no-repeat center right;padding: 0 8px}
#header nav ul li:last-of-type{padding-right:0; background: none;}
#header nav ul li a {display: block;font-size: 20px;color:#808080;line-height: 120%;text-transform: uppercase;transition: color 0.2s ease}
#header nav ul li a:hover, #header nav ul li a.active-menu{color:#4A6CB6;}

.hd-right {text-align: right;margin:50px auto 0;}
.hd-info {font-family: "Lato";font-size: 15px;color:#7F7F7F;line-height: 120%;margin: 0 auto 25px}
.hd-info p , .hd-info p img , .hd-info p span {display: inline-block;vertical-align: middle;}
.hd-info p {margin: 0 0 0 30px}

/*header*/
#banner{position:relative;}
.bn-slider {position: relative;z-index: 20}
.bn-slider ul {margin: 0 auto;padding: 0}
.bn-slider ul li img {display: block;width: 100%}
.bn-txt {position: absolute;left:0;bottom:140px;width: 100%;z-index: 30}
#banner h2 {font-weight: 400;font-size: 80px;color:#FFFFFF;display: inline-block;background:rgba(0,0,0,0.65);padding: 10px 25px}
#banner .bx-wrapper .bx-pager {bottom:30px;text-align: left;max-width: 1200px;left:0;right:0;margin: 0 auto}
#banner .bx-wrapper .bx-pager.bx-default-pager a {background: #fff;height: 15px;width: 15px;border-radius: 50%;transition: background 0.2s ease;box-shadow: -1px 0px 2px #000 inset}
#banner .bx-wrapper .bx-pager.bx-default-pager a:hover, #banner .bx-wrapper .bx-pager.bx-default-pager a.active {background: #4A6CB6}


/* content */
#content{background:#F8F8F8;color:#7D7D7D;text-align: center;padding: 70px 0}
#content h1 {font-weight: 300;font-size: 65px;color:#000000;line-height: 120%;background: url(../images/h1-line.jpg)no-repeat center bottom;padding:0 0 17px;margin: 0 auto 25px}
#content h3 {font-weight: 300;font-size: 35px;color:#000;line-height: 120%}
#content p , #content ul, #content ol{font-family: "Lato";font-size: 15px;line-height: 145%;margin: 0 auto 25px;}
#content ul {box-sizing: border-box;padding: 0 0 0 60px;list-style-image: url(../images/ul-arw.png);margin: 15px auto 30px}
#content ul li {margin: 0 auto 10px}
#content ul ul {list-style-type: disc;list-style-image: none}
#content ol {box-sizing: border-box;padding: 0 0 0 60px;list-style:decimal;margin: 15px auto 30px}
#content ol li {margin: 0 auto 10px}
#content ol ol {list-style-type: disc;list-style-image: none}
#content.home p {max-width: 980px}
#content.home .row {max-width: 1240px}
.cn-box .col {display: inline-block;vertical-align: top;margin: 0 8px}
.cn-box dl {margin: 0 auto;text-align: left;}
.cn-box dt img {display: block;margin: 0 auto;}
.cn-box dd {margin: 5px auto 0;padding: 0}
#content .cn-box h3 {transition: color 0.2s ease}
#content .cn-box .col > a:hover h3 {color:#4A6CB6;}


/*about*/
#about {color:#fff;background: #4A6CB6;text-align: left;padding: 60px 0}
.abt-txt {max-width: 770px;}
#about h2 {font-weight:300;font-size: 65px;line-height: 100%;background: url(../images/abt-line.jpg)no-repeat left bottom;padding: 0 0 10px;margin: 0 auto 20px}
#about h2 span {display: block;line-height: 100%;font-family: "Lato";font-size: 16px;}
#about p {font-family: "Lato";font-size: 15px;line-height: 145%;margin: 0 auto 25px}

#footer-top{color:#fff;background: url(../images/footer-top.jpg)no-repeat center top / cover;min-height: 350px;box-sizing: border-box;padding: 60px 0 110px;}
#footer-top h2 {font-weight: 400;line-height: 80%;font-size: 80px;max-width: 260px}

#footer {padding: 20px 0;text-align: center;}
#footer p {color:#7D7D7D;font-size: 15px;font-family: "Lato";}

/* contact */
.contactBox { width:500px; margin:0 auto; padding:10px 0 10px; background:#F6F1E6; border: 1px #D71015 solid; color:#000;}
.contactBox p { padding:0 10px 0 !important;}
.contactBox a { color:#000 !important;}
.contactBox strong { color:#D71015; font-family: 'GoudyStoutRegular';}
.contactBox-left { float:left; width:250px; margin:0; padding:0;}
.contactBox-right { float:right; width:250px; margin:0; padding:0;}

/*.contactForm { width:500px; margin:10px auto; padding:0 0 10px; background:#F6F1E6; border: 1px #D71015 solid; color:#000;}
.contactForm label { display:block; margin:0; padding:5px 0 5px 25px; font-size:14px; line-height:120%;}
.contactForm input[type=text] { display:block; width:450px; min-height:25px; margin:0 auto; padding:0; font-size:14px; line-height:120%; border:0; font-family:Georgia, "Times New Roman", Times, serif;}
.contactForm input[type=submit] { display:block; width:100px; margin:0 auto; padding:0 0 2px 0; text-align:center; font-size:14px; line-height:120%; font-family:Georgia, "Times New Roman", Times, serif;}
.contactForm textarea { display:block; width:450px; margin:0 auto; padding:0; font-size:14px; line-height:120%;}*/

.roy-box {margin: 0 auto;max-width: 500px;}
form {margin: 0 auto;text-align: center;}
form input[type="text"],form textarea {font-family: "Lato";font-size: 15px;color:#000;height:45px;display: block;width: 49%;border:1px solid #ddd;border-radius: 3px;padding: 5px 10px;box-sizing: border-box;margin: 0 auto 8px}
form textarea {height: 120px;padding-top:10px;width: 100%}
form {display: inline-block;}
.roy-type {font-family: "Lato";font-size: 15px;line-height: 145%;text-align: left;margin: 0 auto 20px}
.roy-box .btn, .ctc-form .btn {border-color:#4A6CB6;background: #fff;color:#4A6CB6;}
.roy-box .btn:hover, .ctc-form .btn:hover {background:#4A6CB6;color:#fff; }

.ctc-form {margin: 0 auto;text-align: center;width: 500px;display: block;}
.ctc-form input[type="text"],.ctc-form textarea {font-family: "Lato";font-size: 15px;color:#000;height:45px;display: block;width:100%;border:1px solid #ddd;border-radius: 3px;padding: 5px 10px;box-sizing: border-box;margin: 0 auto 8px}
.ctc-form textarea{height: 60px;padding-top:10px}

.ctc-page .row{max-width:800px }
.ctc-box {margin: 0 auto;}
.ctc-box p span {display: inline-block;vertical-align: top;padding: 0 10px 0 0}
.ctc-box img {padding: 0 10px 0 0}

#content p.captcha {text-align: center;margin:15px auto}
#siimage.captcha-img {border: 1px solid #000;display: inline-block;vertical-align: middle;width:120px}
#captcha-refresh {width:30px;}
#captcha-input {display: inline-block;vertical-align: middle;width:160px;margin:0 0 0 20px}

/*inner pages*/
#inner #content {background: #fff;text-align:left;min-height: 400px;padding: 40px 0}
#inner #content h1 {text-align: center;}
#inner #header  {border-bottom:5px solid #4a6cb6;}
.file-size {font-family: "Lato";font-size: 13px;display: inline-block;padding: 10px 0 0}

/*responsive*/
@media screen and (max-width: 1240px)
{	
	img {max-width: 100%}
	.row {box-sizing: border-box;padding: 0 15px}
	.cn-box .col {max-width: 30%;margin: 0 1%}
	.abt-txt  {max-width: 73%}
	.abt-img {max-width: 25%}
}
@media screen and (max-width: 1140px)
{
	#header nav ul li a {font-size: 20px;}
}
@media screen and (max-width: 1090px)
{
	.hd-left ,.hd-right {float:none;text-align: center;}
	.hd-right {margin: 20px auto 0}
	#header {position: static;}
}
@media screen and (max-width: 900px)
{
	.bn-txt {bottom: 15%}
	#banner h2 {font-size: 60px;}
	#banner .bx-wrapper .bx-pager {bottom:5%;box-sizing: border-box;padding: 0 0 0 15px}
}

@media screen and (max-width: 760px) {
	#header {padding: 25px 0 0;}
	#header .row {padding: 0}
	#header nav {  display:block; height: auto; 	}
  	#header nav ul { width: 100%; display: none; height: auto;   	}
  	#header nav ul li { width: 100%; float: left; position: relative;margin: 0 auto;padding: 0}
  	#header nav ul li a {padding: 10px 0;margin: 0 auto;}
  	#header nav a { 	text-align: left; width: 100%;	text-indent: 25px; 	}
	#header nav a#pull {	display: block;	background-color:#4A6CB6;	width: 100%;position: relative;height: 30px;padding: 10px 0 0;color:#fff;font-size: 25px;}
	#header nav a#pull:after {	content:"";	background: url('../images/nav-icon.png') no-repeat;width: 30px;height: 30px;display: inline-block;
		position: absolute;	right: 15px;top: 10px;	}
	.abt-txt,.abt-img{max-width:100%;float:none;}
	.abt-img {margin: 20px auto 0; text-align: center;}
	#about {padding: 30px 0}
	.ctc-form ,.ctc-box {width: 100%;float:none;}
	.ctc-box {margin: 0 auto 30px}
}
@media screen and (max-width: 620px) {
	.cn-box .col {display: block;max-width:380px;margin: 0 auto 25px;}
}
@media screen and (max-width: 550px) {
	.bn-txt {position: static;padding: 20px 0;background: #000;}
	#banner h2 {background: none;padding: 0;}
}
@media screen and (max-width: 420px) {
	.hd-info p {margin: 0 auto 15px;display: block;}
	.hd-info p img {display: none;}
	#banner h2 {font-size: 36px;}
	#content,#inner #content {padding: 20px 0}
	#footer-top h2 {font-size: 55px;}
	#content h1 {font-size: 50px;}
	#content ul {padding: 0 0 0 25px}
	.hd-tel {font-size: 25px;font-weight: 700;}
	form input[type="text"]{width: 100%;float:none;}
	#captcha-input {margin: 20px auto}
}