@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/*
@font-face {
    font-family: 'latobold';
    src: url('lato-bol-webfont.woff2') format('woff2'),
         url('lato-bol-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latoregular';
    src: url('lato-reg-webfont.woff2') format('woff2'),
         url('lato-reg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}*/
@font-face {
    font-family: 'latoblack';
    src: url('lato-bla-webfont.woff2') format('woff2'),
         url('lato-bla-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*
@font-face {
    font-family: 'latolight';
    src: url('lato-light-webfont.woff2') format('woff2'),
         url('lato-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}*/
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {width:100%;}
body{
	font-family: 'Arial', sans-serif;
    color: #555;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    -webkit-overflow-scrolling: touch;
	padding:0;
	margin:0;
}
.container{
	width:1004px;	
	height:auto;
	margin:0 auto;
	}
.dsplay{display:table; width:100%;}
p, h1, ul{padding:0;margin:0;}
li{list-style:none;}
.clearall{clear:both;height:1px;width:auto;}
.position{position:relative;}
/*=========================== start setion 1 ===================*/
.sec1{
	background:url(../images/sec1.jpg) center top no-repeat;
	background-color: #eef8fa;
	padding:44px 0 18px 0;
}
.s1lft, .s1rgt{
	float:left;
	display:inline-block;
	width:28.58%;
	margin:0 2.98% 0 0;
}
.s1lft{
	box-shadow: 0 3px 5px #a2aaab;
	border-radius:8px;
	background:#dbe5f6;
}
.s1rgt{width:68.02%;margin:0;float:right;}
.s1lft-top{
	
	border-radius:8px 8px 0 0;
	padding:12px;
}
.s1lft-btm{
	background:#efefef;
	border-radius:0 0 8px 8px;
	padding:12px;
}
.s1lft-toptxt1{
	/*font-family: 'latobold';*/ 	font-family:'Arial', sans-serif; 	font-weight: bold;
	font-family:'Arial', sans-serif;
	font-weight: bold;
	font-size:19px;
	font-size:18px;
	line-height:24px;
	color:#2b2b2b;
	text-align:left;
	text-transform:uppercase;
	padding:4px 0 0 0;
}
.s1lft-toptxt2{
	font-size:16px;
	line-height:20px;
	color:#000;
	text-align:left;
	padding:5px 0 0 0;
}
.s1lft-toptxt2 span{/*font-family: 'latobold';*/ 	font-family:'Arial', sans-serif; }
.s1lfttop-img{margin:12px auto 0 auto;display:block;}
.s1lftbtm-txt1{
	/*font-family: 'latobold';*/ 	font-family:'Arial', sans-serif; 	font-weight: bold;
	font-size:19px;
	font-size:18px;
	line-height:24px;
	line-height:23px;
	color:#222222;
	text-align:left;
}
ul.s1lft-list{padding:12px 0 0 0;}
ul.s1lft-list li{
	background:url(../images/line.png) left bottom repeat-x;
	padding:0 0 10px 0;
	margin:6px 0 0 0;
}
ul.s1lft-list li:last-child{background:none;}
ul.s1lft-list li p{
	background:url(../images/bullet.png) left 4px no-repeat;
	/*font-family: 'latobold';*/ 	font-family:'Arial', sans-serif; 	font-weight: bold;
	font-size:16px;
	line-height:20px;
	color:#363434;
	text-align:left;
	padding:0 0 0 26px;
}
/*--------right side------------*/
.s1rgt-hding{
	font-family: 'latoblack';
	color:#295191;
	font-size:29px;
	line-height:32px;
	text-align:left;
}
.video{margin:26px auto 10px auto;display:block;}
.s1rgtbtnsec{margin:62px auto 0 auto;}
.s1btn{
	margin:0 auto;
	display:block;
}
.s1rgt-arrow1, .s1rgt-arrow2{
	position:absolute;
	top:-10px;
}
.s1rgt-arrow1{left:23px;}
.s1rgt-arrow2{right:23px;}
@media only screen and (max-width: 1006px){
.container{ max-width:760px; width:100%; }
.sec1{background-size:cover;}
.s1lft{	
	width:34.58%;
	margin:0 1.98% 0 0;
}
.s1rgt{width:63.02%;}
.s1lft-top, .s1lft-btm{padding:10px;}
.s1lft-toptxt1{
	font-size:17px;
	line-height:23px;
}
.s1lft-toptxt2, ul.s1lft-list li p{
	font-size:15px;
	line-height:19px;
}
.s1lftbtm-txt1{
	font-size:18px;
	line-height:23px;
}
/*--------right side------------*/
.s1btn{width:240px;}
.s1rgt-arrow1{left:0;width:110px;top:-5px;}
.s1rgt-arrow2{right:0;width:110px;top:-5px;}
}
@media only screen and (max-width: 767px){
.sec1{padding:30px 0 18px 0;}
.container{ width:98%; max-width:640px;}
.s1lft, .s1rgt{
	width:100%;
	margin:0;
}
.s1lft{margin:38px 0 0 0;}
.s1lft-toptxt1, .s1lft-toptxt2, .s1lftbtm-txt1{text-align:center;}
.s1lft-toptxt2, ul.s1lft-list li p{
	font-size:16px;
	line-height:20px;
}
.s1lftbtm-txt1{	
	font-size:20px;
	line-height:24px;
}
ul.s1lft-list{padding:8px 0 0 0;width:360px;margin:0 auto;display:block;}
ul.s1lft-list li{
	background:url(../images/line.png) left bottom repeat-x;
	padding:0 0 10px 0;
	margin:10px 0 0 0;
}
ul.s1lft-list li p{
	background:url(../images/bullet.png) left 2px no-repeat;	
}
/*--------right side------------*/
.s1rgtbtnsec{margin:40px auto 0 auto;}
.s1rgt-hding{
	font-size:25px;
	line-height:28px;
	text-align:center;
}
.video{margin:18px auto 10px auto;}
}
@media only screen and (max-width: 479px){
.s1lft{margin:30px 0 0 0;}
/*--------right side------------*/
.s1rgtbtnsec{margin:30px auto 0 auto;}
.s1rgt-arrow1, .s1rgt-arrow2{width:18%;top:5px;}
.s1btn{width:220px;}
}
@media only screen and (max-width: 380px){
ul.s1lft-list{padding:8px 0 0 0;width:auto;margin:0 auto;display:block;}
.s1rgt-arrow1, .s1rgt-arrow2{width:16%;top:7px;}
.s1btn{width:200px;}
}

/*=========================== start footer ===================*/
footer{padding:34px 0; background:#364d72;}
ul.ftrlist{text-align:center;}
ul.ftrlist li{
	font-family: 'Arial', sans-serif;
	display:inline-block;
	padding:0 5px;
	font-size:16px;
	line-height:22px;
	color:#fff;
	text-align:center;
}
ul.ftrlist li a, ul.ftrlist li a:hover{color:#fff;text-decoration:none;}
ul.ftrlist li a:hover{color:#ff9d00;}
.ftrtxt{
	font-family: 'Arial', sans-serif;
	font-size:16px;
	line-height:22px;
	color:#fff;
	text-align:center;
	padding:20px 0 0 0;
}
@media only screen and (max-width: 767px){
footer{padding:20px 0;}
.ftrtxt, ul.ftrlist li{
	font-size:14px;
	line-height:20px;
}
}
