@font-face {
  font-family: 'SegoeUI-Bold';
  src: url('../fonts/SegoeUI-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/SegoeUI-Bold.woff') format('woff'), url('../fonts/SegoeUI-Bold.ttf')  format('truetype'), url('../fonts/SegoeUI-Bold.svg#SegoeUI-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
	font-family: 'SegoeUI-Light';
	src: url('../fonts/SegoeUI-Light.eot');
	src: url('../fonts/SegoeUI-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SegoeUI-Light.woff') format('woff'),
		url('../fonts/SegoeUI-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
  font-family: 'MyriadPro-Regular';
  src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/MyriadPro-Regular.woff') format('woff'), url('../fonts/MyriadPro-Regular.ttf')  format('truetype'), url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: 'FuturaBT-Book';
  src: url('../fonts/FuturaBT-Book.eot?#iefix') format('embedded-opentype'),  url('../fonts/FuturaBT-Book.woff') format('woff'), url('../fonts/FuturaBT-Book.ttf')  format('truetype'), url('../fonts/FuturaBT-Book.svg#FuturaBT-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* http://meyerweb.com/eric/tools/css/reset/ 

   v2.0 | 20110126

   License: none (public domain)

*/



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;



}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

	

}

/*ol, ul {

	list-style: none;

}*/

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}


a{text-decoration: none; border:0; outline: none;}
a:hover{text-decoration: none; border:0; outline: none;}
.wrapper{padding:0px 35px;}

.top-header1{padding: 20px;}

.headerbottom{border-top: 1px solid #3c763d;}

/*

=========================Top Header ========================

*/

.top-header{width:100%; margin: 0 auto; margin-bottom:0px;}
.navbar-collapse{padding:0 0px;}
.logo{padding:0px 0 0 0;}
.logo a{display: block;}
.footerlogo{padding:7px 0px 25px 0;}
.rtpart{float: right; position: relative; z-index: 1000;}
.rttop{padding: 10px 16px 10px 0px; text-align: right;}
.rttop a{display:inline-block; color: #fff; font-size: 15px; line-height: 18px; font-family: 'Lato', sans-serif; -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}
.rttop a:hover{color:#d9e9d9;}

.rtbottom{padding:6px 0;}
.rtbottom p{display: inline-block; font-size: 16px; color: #fff; font-family: 'Lato', sans-serif; padding-left: 0px; font-weight: 400; line-height:30px;}
.rtbottom p .fa-phone{color: #fff;
    font-size: 13px;
    padding-right: 0px;
    border-radius: 100%;
    border: 2px solid #fff;
    width: 23px;
    height: 23px;
    text-align: center;
    line-height: 22px;}
.rtbottom p a{background:#f6da08; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; line-height: 30px; padding:0 15px; text-transform:uppercase; display: inline-block; color: #0d3172; font-size: 14px;  -webkit-transition: all 1s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out; font-family: 'MyriadPro-Regular'; font-weight:normal;}

.rtbottom p a:hover{color: #fff; background:#00427a;}
    
.topgrey{background:#3c763d;}

.navbar{min-height:80px; margin-bottom:0;}

.navbar-nav{padding:38px 0 0 0; margin:0 0 0 0; float:right;}

.navbar-default{background:none; border:none;}

.navbar-brand{ font-weight:bold; font-family: 'Ubuntu', sans-serif; font-size: 23px; text-transform:uppercase; color:#39464f; padding: 32px 15px 0px 0px;}
.navbar-nav li.active a{background: none !important; color:#000 !important;}

.navbar-nav li a:hover {/*background: none !important;*/ color:#000 !important;}

.onchat{padding:0 0 0 8px; margin-top:-15px;}
.onchat a{border:2px solid #3c763d; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; line-height:40px; display:block; padding:0 30px; text-transform:uppercase; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.onchat a:hover{background:#0a568a; color:#fff;}

.navbar-default .navbar-nav>li{background:url(../images/linenav.png) right center no-repeat;}
.navbar-default .navbar-nav>li:last-child{background:none;}
.navbar-default .navbar-nav>li:nth-child(8){background:none;}
.navbar-default .navbar-nav>li>a{font-family: 'Roboto', sans-serif; text-transform:none; color:#647b89; font-size:14px; padding: 0px 8px; line-height: 18px; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.navbar-default .navbar-nav>li>a .fa-angle-down{color:#f26922;}
.navbar-default .navbar-nav>li>a:last-child{padding:0px 0px 0 15px;}
.navbar-default .navbar-nav>li>a:hover{color:#000;}


.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#333;background:none !important;}

.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{color:#333;background:#0d3172;}

.navbar-nav ul.sm-nowrap > li > a:hover{background:#0d3172; color:#333;}

/*.dropdown-menu{background:#1f3365;}*?

.navbar-nav ul.sm-nowrap > li > a{color:#fff;}
.navbar-nav ul.sm-nowrap > li >:hover a{color:#fff;}

.navbar-brand span{color:#df3447;}

.headerbottom{background: #f9f9f9;border-top: 1px solid #3c763c;}

/*

=========================Slider ========================

*/

.main-slider{position: relative; top: 0px;}

.bs-slider{max-height:600px;}

.bs-slider h1{ margin-top: 0px; text-transform:uppercase; font-size: 36px; line-height: 50px; color:#fff; /*text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; font-family: 'Ubuntu', sans-serif;*/ font-weight:bold;}

.control-round .carousel-control{ z-index:100000000000000000000000;}



/*

=========================About Section========================

*/

/*.about-bg{width:100%; background:#e2f3fd; padding:0px 0 0px 0;}*/

.about-bg { 
    /* The image used */
   background-image: url("../images/bg_introductory.png");
	
    /* Set a specific height */
    height: auto; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; padding:0px 0;
	float: left;
    width: 100%;
}



.about-img{width:auto; display:block; overflow:hidden;}

.about-img img{margin:0 auto; display:block; width:100%; -webkit-transition: all 1s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;}

.about-img img:hover{-webkit-filter: grayscale(100%);

  -webkit-transition: .5s ease-in-out;

  -moz-filter: grayscale(100%); 

  -moz-transition: .5s ease-in-out;

  -o-filter: grayscale(100%);  transform:scale(1.2);
    -ms-transform:scale(1.2); /* IE 9 */
    -moz-transform:scale(1.2); /* Firefox */
    -webkit-transform:scale(1.2); /* Safari and Chrome */
    -o-transform:scale(1.2); /* Opera */}
 
  .about-cnt{text-align:center; padding:60px 0 40px 0;}	
  .about-cnt h1{color:#fff; font-family: 'SegoeUI-Bold'; text-transform:none; padding-bottom: 30px; font-size:45px; line-height:45px;}

  .about-cnt h1 span{color:#fff; font-family: 'SegoeUI-Bold'; font-size:45px; line-height:45px;}

  .about-cnt p{color:#fff; font-family: 'MyriadPro-Regular'; line-height:30px; font-size:20px; padding-bottom: 20px;}

.about-cnt a{display:inline-block; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background:#f6da08; color:#2a5286; line-height:42px;  font-family: 'MyriadPro-Regular'; font-size:23px; -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; width:154px; margin:0 auto; text-transform: none; text-align: center;}
.about-cnt a:hover{background:#00427a; color:#fff;}


.alert-success{background:#b5b5b5; color:#fff; border:1px solid #808080;}

.close{color:#000 !important;}

/*
=========================smartsip main========================
*/
.smartsip{text-align: center;     float: left;
    width: 100%;}
.smartsip h3{font-weight: 300; font-size: 34px; color: #000; line-height:34px; font-family: 'Roboto', sans-serif; padding-bottom:20px;}


.clear{clear: both;}
.rtspace{margin-right:40px;}


.smartinfo{text-align: center;}
.smartinfo a{display:inline-block; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background:#ff5700; color:#fff; line-height:42px;  font-family: 'MyriadPro-Regular'; font-size:16px; -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; width:154px; margin:0 auto; margin-bottom: 0px; text-transform: none;}
.smartinfo:hover a{background:#0b66a2; color:#fff;}



.smartwrapper{width:100%; margin:0 auto; margin-bottom: 30px;}
.smartone{border:1px solid #828487; text-align:center; float: left;}
.smartone h3{background: #cbf2ff; border-bottom: 1px solid #8d8d8d; color: #333; font-size: 16px; font-family: 'Lato', sans-serif; font-weight: 500; padding:0 20px; line-height: 30px;}
.smartone p{background: #fff; color: #333; font-size: 16px; font-family: 'Lato', sans-serif; font-weight: 400; padding:0 20px; line-height: 40px; width: 190px;}
.smartone p a{width:auto; background: no-repeat; color: #999; margin-bottom: 0px;}
.smartone p .fa-caret-left{float: left; color: #999; position:relative; top:10px; left:0px; cursor: pointer;}
.smartone p .fa-caret-right{float: right; color: #999; position:relative; top:10px; right: 0px; cursor: pointer;}
.smartone:hover a{background: none;}

.smartcalculate{border:1px solid #828487; text-align:center; float: left; width: 192px; padding:12px 0; background: #fff; height: 73px;}
.smartcalculate h3{color:#333; font-size: 16px; line-height: 18px; padding-bottom: 12px; font-family: 'Lato', sans-serif; font-weight: 400;}
.smartcalculate p{font-family: 'Lato', sans-serif; font-weight: 400; font-size: 20px; line-height: 20px; color: #0d3172;}
.smartcalculate p.heavy{font-size: 24px; line-height: 24px; font-weight: 900;}


/*
======================================================= 
invest css
=======================================================
*/
.parallaxinvest { 
    /* The image used */
    /*background-image: url("../images/bg_invest.png");*/
	background:#fff;
    /* Set a specific height */
    height: auto; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; padding:52px 0 90px 0;
	float: left;
    width: 100%;
}

.invest{text-align:center; text-align: center; position:relative;}
.invest h2{font-family: 'SegoeUI-Light'; font-size:37px; line-height:37px; color:#000; text-transform:none; font-weight:300; padding-bottom:35px;}
.invest h2 span{text-transform:uppercase;}
.invest img{width:100%; height: auto; margin-bottom:45px;}
.invest a{display:block; background:#ff6600; color:#fff; line-height:45px; -webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px; margin:0 auto; width:230px; -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; font-family: 'Lato', sans-serif; font-size:17px; position:absolute; z-index:100; bottom:0; right:20px;}
.invest:hover a{background:#0b66a2; color:#fff;}

/*
======================================================= 
chart css
=======================================================
*/
.chart{background: #fff; padding: 50px 0 30px 0; /*overflow: hidden;*/ text-align: center; float: left;
    width: 100%;}  
.chartin{padding:0 85px;}
.chartin img{width:100%; height: auto; padding-bottom: 16px;}
.chartin p{font-family: 'Lato', sans-serif; font-weight: 400; color: #666; line-height: 22px; text-align: left; padding: 0 15px 30px 15px; font-size: 16px;}
.chartin h3{font-family: 'Lato', sans-serif; font-weight: 400; font-size: 20px; color: #0096ba; line-height: 20px; padding-bottom: 20px; text-align: left;}
.chartin h3 span{font-family: 'Lato', sans-serif; color: #0096ba;} 
.chartin a{display:inline-block; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background:#ff5700; color:#fff; line-height:42px;  font-family: 'MyriadPro-Regular'; font-size:16px; -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; width:154px; margin:0 auto; margin-bottom: 0px; text-transform: none;}
.chartin:hover a{background:#0b66a2; color:#fff;}

.chartin table th.head{color:#0096ba; text-transform: uppercase; font-size: 16px; font-weight: 300; font-family: 'Lato', sans-serif;}
.chartin table th.head2{color:#ff5700; text-transform: uppercase; font-size: 16px; font-weight: 700; font-family: 'Lato', sans-serif;}
.chartin table tr td{font-family: 'Lato', sans-serif; font-weight: 700; color: #666;}
.chartin .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{border-bottom:none !important;}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{border-left:none !important; border-right:none !important;}
.chartin .table-bordered>thead>tr{background: #e8e8e8;}
 
 
/*
=========================knowpart main========================
*/  

.parallaxinnovative { 
    /* The image used */
    /*background-image: url("../images/bg_innovative.png");*/

    /* Set a specific height */
    height: auto; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; padding:0px 0;
	float: left;
    width: 100%;
}
 
.knowpart{text-align:center; -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; background:#fff; min-height:200px;}
.knowpart img{display:block; text-align:center; margin:0 auto;}
.knowpart h4.spac{padding:30px 0;}
.knowpart h4{font-family: 'Lato', sans-serif; font-size:16px; line-height:18px; color:#006600; text-transform:uppercase; font-weight:400; padding:30px 0; -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}
.knowpart:hover{}
.knowpart:hover h4{color:#000;}
.knowpart p{font-family: 'SegoeUI-Light'; color:#333; font-size:18px !important; line-height:25px; padding-bottom: 20px !important;}
.knowpart a{-webkit-border-radius: 50px; -moz-border-radius: 50px; color:#fff; line-height:42px;  font-family: 'MyriadPro-Regular'; font-size:16px; -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; width:154px; margin:0 auto; margin-bottom: 36px; text-transform: uppercase;}

.knowpart:hover a{/*background:#00427a;*/}
.knowpart:hover p{color: #fff;}

.solvpart{border:1px solid #dedede; padding:20px; background:#fff; overflow:hidden; display:block; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; margin-bottom:30px;}
.solvpic{padding:40px 0 0 0;}
.solvpic img{display:block; text-align:center; margin:0 auto;}
.solvmatter{text-align:left; padding-left:0px;}
.solvmatter h2{font-family: 'Lato', sans-serif; font-size:19px; line-height:20px; color:#000; text-transform:none; font-weight:300; padding-bottom:15px;}
.solvmatter p{font-family: 'Lato', sans-serif; font-size:14px; color:#868686; line-height:22px; padding-bottom:27px; font-weight:400; min-height:115px;}
.solvmatter p span{display:block;}
.solvmatter a{display:inline-block; text-align:left; color:#006600; line-height:56px;  font-family: 'Roboto', sans-serif; font-size:18px; -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; width:200px; margin:0 auto;}
.solvmatter:hover a{background:#00427a; color:#fff; padding-left:20px;}

.solvpart:hover .solvmatter h2{color:#fff;}
.solvpart:hover .solvmatter h2 span{color:#fff;}
.solvpart:hover .solvmatter p{color:#fff;}
.solvpart:hover .solvmatter a{background:#fff; color:#333;}
.solvpart:hover{border:1px solid #0b66a2;}
/*
=========================rangepart main========================
*/

.parallaxrangepart { 
    /* The image used */
   /* background-image: url("../images/bg_range.png");*/
	background:#fafafa;
    /* Set a specific height */
    height: auto; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; padding:80px 0;
	    float: left;
    width: 100%;

} 
 
 .rangecontent{padding:0 80px 70px 80px; margin:0 auto; display:block; background:#fff; float: left;
    width: 100%;} 
 
 .rangein{text-align:center; overflow:hidden;}
 .rangein h2{font-family: 'Lato', sans-serif; font-size:47px; line-height:47px; color:#333333; text-transform:none; font-weight:300; padding-bottom:30px;}
 .rangein h2 span{text-transform:uppercase;}
 
 .rangein h3{font-family: 'Lato', sans-serif; font-size:46px; line-height:46px; color:#333333; text-transform:none; font-weight:300; padding:100px 0 20px 0;}
 .rangein p{color:#898989; text-align: center; font-size:20px; line-height:25px; font-family: 'Roboto', sans-serif; padding-bottom:70px;}
 
 .rangewrap{padding:0 15px; overflow:hidden;}
 .rangeinfo{text-align:left; -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}
 .rangeinfo img{display:block; text-align:center; margin:0 auto; -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
 .rangeinfo h3{color:#000; font-family: 'Roboto', sans-serif; font-size:20px; line-height:30px; padding:25px 0 10px 0; font-weight:300;} 
 .rangeinfo p{color:#666; font-family: 'Roboto', sans-serif; font-weight:300; font-size:16px; line-height:28px; padding-bottom:22px;}
 
 .notpspace{padding-top:0px !important;}
 .rangeinfo a{display:inline-block; text-align:left; color:#006600; line-height:56px;  font-family: 'Roboto', sans-serif; font-size:18px; -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; width:200px; margin:0 auto;}
  .rangeinfo:hover a{background:#00427a; color:#fff; padding-left:20px;}
  
  .border {
  display: inline-block;
  position: relative;
}
.border::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: inset 0 0 0 0 rgba(255,255,255,.5);
  transition: box-shadow .1s ease;
}
.border:hover::after {
  box-shadow: inset 0 0 0 10px rgba(255,255,255,.5);
}

/*
======================================================= 
financial css
=======================================================
*/


.parallaxsign { 
    /* The image used */
    /*background-image: url("/Content/images/homepage/home_img/bg_sign.png");*/
    background-color: #000;
    /* Set a specific height */
    height: auto; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; padding:70px 0 30px 0;
	float: left;
    width: 100%;
}


.signwrapper{padding:0 0px; text-align:center;}
.signwrapper h2{font-family: 'Lato', sans-serif; font-size:51px; line-height:51px; color:#fff; padding-bottom:10px; font-weight:300;}
.signwrapper p{font-family: 'Lato', sans-serif; font-size:32px; line-height:32px; color:#fff; font-weight:300; padding-bottom:50px;}
.signinfo{background:rgba(255,255,255,0.8); margin:0 155px; text-align:center; padding:20px;}
.signpart{margin:0 20px 0 150px; border-left:1px solid #006699; padding:0 0 25px 45px;}
.signtxtpart{}
.signtxtpart img{display:inline-block; padding-right:15px;}
.signtxtpart a{border-bottom: 2px dotted #727272;
    line-height: 70px;
    display: inline-block;
    text-align: left;
    width: 83%;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    color: #000;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}
.signtxtpart a:hover{color:#0b66a2;}


/*
=========================knowledgewrap main========================
*/
.knowledgewrap{padding:75px 0 35px 0; text-align:center; float: left;
    width: 100%;}
.knowin{}
.knowtop{padding:0 170px;}
.knowtop h2{font-family: 'Lato', sans-serif; font-size:50px; line-height:50px; color:#000; padding-bottom:15px; font-weight:300;}
.knowtop p{font-family: 'Lato', sans-serif; font-size:18px; line-height:18px; padding-bottom:80px; color:#000;}
.knowbottom{padding:0 300px; text-align:center;}
.knowcht{}
.knowcht img{text-align:center; margin:0 auto; display:block; padding-bottom:10px;}
.knowcht a{font-family: 'Lato', sans-serif; font-size:22px; color:#006600; font-size:22px; line-height:22px; text-decoration:none; font-weight:400;}
.knowcht a:hover{text-decoration:none;}  
  
/*
=========================footer main========================
*/

.footerpic{background:url(../images/footerpic.png) center top no-repeat; height:453px; background-size:cover;}





@media screen and (min-width:320px) and (max-width:480px)

{

	.wrapper{padding:0;}
	
	.top-header{margin-bottom:0px;}
	.rtbottom{padding-bottom:10px;}
	
	.top-header .navbar-brand {padding: 32px 0px 41px 0px;font-size: 20px;}
	
		.navbar-default .navbar-toggle .icon-bar{background:#fff;}
	
	.navbar-default .navbar-toggle{border:none; background:#000; margin-top:26px; margin-right:0px;}

  .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:#0d3172; }

  .top-header .navbar-default .navbar-nav>li>a{padding-top:10px; padding-bottom:10px;}

  .navbar-nav.sm-collapsible .caret:before{color:#fff;}

  .navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret{line-height:19px;}

  .navbar-nav .open .dropdown-menu>li{border-bottom:1px solid #fff;}
  .navbar-nav .open .dropdown-menu>li:last-child{border-bottom:none;}	
  
  .navbar-nav .open .dropdown-menu>li>a{background:#0d3172 !important; color:#fff !important; }
  .navbar-nav .open .dropdown-menu>li>a:hover{background:#000 !important; color:#fff !important;}
  
  .navbar-nav{float:none; width:100%; padding:0 0 0 0; background:#dadada;}
  .navbar-default .navbar-nav>li{background:none;}
	
   .onchat{float:none; width:148px; margin-top:0px;}	

  .navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none !important; box-shadow: inherit !important;}
  
  .dropdown-menu{margin-top:0px; padding:0;}
  
  .nav>li{border-bottom:1px solid #fff;}
  .navbar-brand{padding:25px 15px 0px 0px;}
  .navwrapper{height: auto; width:100%; margin:0 auto; background:#333;}
  .navbar-default .navbar-nav>li>a {line-height:40px;}
  
    .headerbottom{/*position: absolute; */z-index: 5000;  width: 100%;}
    .main-slider{top:50px;}
    .rttop{float: none; /*width: 160px;*/ margin:0 auto; text-align: center; padding:0px 0 20px 0;}
    /*.rttop a{display: block;}*/
    .rtbottom p{padding-left: 0px; display: block; text-align: center; line-height: 40px;}
	.rtbottom p a{padding:0 8px; font-size: 12px;}
    .logo{/*padding: 30px 0 0 0; */
        width: 200px;
        margin: 0 auto;
        margin-bottom: 20px;}
    .rtpart{float: none;}

	.bs-slider h1 {margin-top: 0px;font-size: 12px;line-height: 20px;}

	.slide-text{text-align:center !important;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none !important; box-shadow: inherit !important;}

	.nav>li{border-bottom:1px solid #fff;}

	.about-img{width:100%;}
    .about-cnt h2 {margin: 20px 0;font-size: 21px; text-align:center;}
    .about-cnt p {line-height: 24px;font-size: 16px;}
    .about-cnt a{margin-bottom: 50px; display: block;}


	.footerpic{background-size:auto 100%; height:453px;}
	
	
	.rangein h2{font-size:29px; line-height:35px;}
	.rangein h2 span{font-size:29px; line-height:35px;}
	.rangeinfo h2{font-size:20px; line-height:20px;}
	.rangeinfo p{/*padding:0 5px;*/ font-size:12px; line-height:18px;}
	.rangeinfo img{margin-bottom:0px;}
	.rangeinfo{min-height:470px; width:auto; margin:0 auto; display:block;}

	.item blockquote img{margin-bottom:30px;}
	
	.rangein{padding:0 20px;}
	.rangein h3 span{font-size:29px; line-height:35px;}
	.rangein h3{font-size:25px; line-height:25px; padding:0px 0 20px 0;}
	.rangein p{font-size:20px; line-height:25px;}
	

  .financecontent{padding:0 20px;}
  .fininfo{padding-bottom:30px; width:100%;}
  .parallaxfinancial{padding:50px 0 60px 0;}
  .fininfo img{width:87px; height: 87px;}
  .fininfo a{width:100%; font-size: 10px;}
  .fininfo h2{font-size: 19px;}
  .fininfo p{font-size:14px; height:210px;}

  .chartin{padding:0 10px;}
  .table{width: 100%; max-width: 100%;}

  .smartsip h3{font-size: 20px; line-height: 25px; padding:30px 0;}
  .smartwrapper{width:280px; margin:0 auto; margin-bottom: 30px;}
  .smartone{float: none; margin:0 auto; width: 192px;}
  .smartcalculate{float: none; margin:0 auto;}


  .row{margin:0 0 0 0 !important;}

  .inpartlt{display: none;}
  .inpartrt{float: none; margin: 0 auto; padding: 0 0 0 0; width:100%; margin-top:30px;}
  .inpartrt h2{font-size: 11px; line-height: 18px; padding-bottom: 5px;}
  .inpartrt a{line-height:21px; font-size:11px; width:150px;}
  .inpartrt p{font-size:11px; line-height:11px; padding-bottom:5px;}

  .about-bg{padding:50px 0 0px 0;}
  
  .parallaxinnovative{padding:12px 0 30px 0; float: left;
    width: 100%;}
  .rangecontent{padding:0 20px 30px 20px;}
  .knowpart{width:100%;}
  .knowpart h4{font-size:11px; line-height:18px;}
  .knowpart a{width:100%;}
  .knowpart p{font-size:15px !important;}
  .solvpic{padding-bottom:30px;}
  .solvmatter{text-align:center; padding-left:0px;}
  .solvpart:nth-child(1){margin-bottom:30px;}
  .solvmatter a{width:140px;}
  
  .knowtop{padding:0 0px;}
  .knowbottom{padding:0 0px;}
  
  
.signinfo{margin:0 0px;}
.signpart{border-left:0px; margin:0 0px 0 0px; padding: 0 0 0px 0px;}
.signtxtpart a{width:100%; text-align:center; font-size:13px;}
.signtxtpart{margin-bottom:30px;}
.signtxtpart:last-child{margin-bottom:0px;}

.invest a{font-size:11px; line-height:25px; width:110px; right:0px;}

.parallaxrangepart{padding:15px 0 0 0;} 

.rttop a {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    font-family: 'Lato', sans-serif;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.ecrhomepagecss .pghdr.h1, .ecrhomepagecss .panel2hdrnw2 h1.h1 {
    font-family: 'Lato', sans-serif;
    font-size: 34px;
    line-height: 47px;
    color: #333333;
    text-transform: none;
    font-weight: 300;
    padding-bottom: 30px;
}

}

@media screen and (min-width:481px) and (max-width:767px)

{

	.wrapper{padding:0;}
	
	.top-header{margin-bottom:0px;}
	.rtbottom{padding-bottom:0px;}
	
	.top-header .navbar-brand {padding: 32px 0px 41px 0px;font-size: 20px;}
	
	.navbar-default .navbar-toggle .icon-bar{background:#fff;}
	
	.navbar-default .navbar-toggle{border:none; background:#000; margin-top:26px; margin-right:0px;}

  .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:#0d3172; }

  .top-header .navbar-default .navbar-nav>li>a{padding-top:10px; padding-bottom:10px;}

  .navbar-nav.sm-collapsible .caret:before{color:#fff;}

  .navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret{line-height:19px;}

  .navbar-nav .open .dropdown-menu>li{border-bottom:1px solid #fff;}
  .navbar-nav .open .dropdown-menu>li:last-child{border-bottom:none;}	
  
  .navbar-nav .open .dropdown-menu>li>a{background:#0d3172 !important; color:#fff !important; }
  .navbar-nav .open .dropdown-menu>li>a:hover{background:#000 !important; color:#fff !important;}
  
  .dropdown-menu{margin-top:0px; padding:0;}
  
  .navbar-nav{float:none; width:100%; padding:0 0 0 0; background:#dadada;}
  .navbar-default .navbar-nav>li{background:none;}
	
   .onchat{float:none; width:148px; margin-top:0px;}	

  .navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none !important; box-shadow: inherit !important;}
  
  
  
  .nav>li{border-bottom:1px solid #fff;}
  .navbar-brand{padding:25px 15px 0px 0px;}
  .navwrapper{height: auto; width:100%; margin:0 auto; background:#333;}
  .navbar-default .navbar-nav>li>a {line-height:40px;}
  .searchpart{float:left; padding-bottom:20px; width:100%;}
  .search.open{width:100%;}
  .search{margin:0 0 0 0;}
  
  .headerbottom{position: absolute; z-index: 5000;  width: 100%;}
  .main-slider{top:50px;}
  .rttop{float: none; width: auto; margin:0 auto; text-align: center; padding:20px 0;}

  .rtbottom p{padding-left: 0px; display: block; text-align: center; line-height: 40px;}
  .rtbottom p a{padding:0 8px; font-size: 12px;}
  .logo{padding:30px 0 10px 0; width: 200px; margin:0 auto;}
  .rtpart{float: none;}

	

	.bs-slider h1 {margin-top: 0px;font-size: 18px;line-height: 26px;}

	.control-round .carousel-control{display:block;}

	.control-round .carousel-control{width: 25px; height: 25px;font-size: 14px;line-height: 25px;}

	.slide-text{text-align:center !important; padding: 0px 0px 0 0px;}

	

	.about-img{}

	.about-cnt h2 {margin: 20px 0;font-size: 30px; text-align:center;}

	.about-cnt p {line-height: 24px;font-size: 16px; padding-bottom: 50px;}
  .about-cnt a{margin-bottom:0px; display: block;}
	
	

	.rangeinfo{min-height:470px; width:400px; margin:0 auto; display:block;}
	.rangewrap{width:400px; margin:0 auto; padding:0 0 0 0;}
	
	.rangein h2{font-size:29px; line-height:35px;}
	.rangein h2 span{font-size:29px; line-height:35px;}
	
	.item blockquote img{margin-bottom:30px;}
	
	.rangein{padding:0 20px;}
	.rangein h3 span{font-size:29px; line-height:35px;}
	.rangein h3{font-size:25px; line-height:25px;}
	.rangein p{font-size:20px; line-height:25px;}

  .financecontent{padding:0 20px;}
  .fininfo{padding-bottom:30px; width:100%;}
  .parallaxfinancial{padding:50px 0 60px 0;}
  .fininfo img{width:103px; height: 103px;}
  .fininfo p{font-size: 13px;}
  .fininfo h2{font-size: 19px;}

  .chartin{padding:0 10px;}
  .table{width: 100%; max-width: 100%;}

  .smartsip h3{font-size: 20px; line-height: 25px; padding:30px 0;}
  .smartwrapper{width:400px; margin:0 auto; margin-bottom: 30px;}
  .smartone{width: 192px;}
  .smartcalculate{}
  .rtspace{margin-right: 0px;}

  .about-bg{padding:50px 0 0px 0;}
  .membership{padding:50px 20px 30px 20px; width: 400px;  margin: 0 auto;}
  .membertitle{width:100%;}
  .continner{width:100%;}
  .rtspace{margin-right:0px auto;}
  .membertitle h2{font-size: 38px; line-height: 38px; padding-bottom: 20px;}
  .contin  input.submitbtn{float: none; margin:0 auto; display: block;}
  .row{margin:0 0 0 0 !important;}


  .inpartlt{display: none;}
  .inpartrt{float: none; margin: 0 auto; padding: 0 0 0 0; width:400px;}
  .inpartrt h2{font-size: 18px; line-height: 25px; padding-bottom: 10px;}
  .inpartrt h2 span{font-size: 22px; line-height: 25px;}
  .inpartrt a{line-height:20px; font-size:11px; width:150px;}
  
  
  .parallaxinnovative{padding:60px 0 30px 0; float: left;
    width: 100%;}
  .rangecontent{padding:0 0px;}
  .knowpart{width:100%;}
  .knowpart a{width:100%;}
  
  .knowtop{padding:0 30px;}
  .knowbottom{padding:0 80px;}
	
  .rangecontent{padding:0 20px 30px 20px;}
  .knowpart{width:100%;}
  .knowpart a{width:100%;}
  .knowpart p{font-size:15px !important;}
  .solvpic{padding-bottom:30px;}
  .solvmatter{text-align:center; padding-left:0px;}
  .solvpart:nth-child(1){margin-bottom:30px;}
  .solvpart{width:300px; margin:0 auto;}
  
 

.signinfo{margin:0 0px;}
.signpart{margin:0 0px 0 0px; padding: 0 0 0px 0px;}
.signtxtpart a{font-size:15px;}
.signtxtpart{margin-bottom:30px;}
.signtxtpart:last-child{margin-bottom:0px;}

.invest a{font-size:11px; line-height:25px; width:110px; right:0px;} 

}

@media screen and (min-width:768px) and (max-width:991px)



{

	.rttop{margin-right:0px;}	
	
	.wrapper{padding:0;}

	.top-header .navbar-brand{padding: 31px 20px 41px 0px; font-size:20px;}

	.top-header .navbar-default .navbar-nav>li>a{font-size:13px;}
	
	
	.rttop a{font-size:13px;}
	
		
	.logo{padding:40px 0 20px 0;}
	.rtbottom{padding:18px 0; width:147px;}
	
	.nav>li>a {padding: 10px 6px;}
	.topgrey{padding-bottom:0px;}

  .rtbottom p{font-size: 14px; padding-left: 0px;}
  .rtbottom p a{font-size: 13px; padding:0 5px;}

  .navbar-default .navbar-nav>li>a{font-size: 10px; padding:0 3px;}
  .navbar-default .navbar-nav>li>a:last-child{padding:0 0 0 3px;}
  
  .navbar-nav{padding:33px 0 0 0;}
  
	.onchat a{padding:0 5px; font-size:11px;}
	.bs-slider h1 {margin-top: 24px;font-size: 30px;line-height: 40px;}
	
	.inpartrt h2{font-size:33px; line-height:33px;}
	.inpartrt p{font-size:15px; line-height:20px;}
	
	.navbar-brand>img{width:80px;}
	
	.control-round .carousel-control{display:block;}

	.control-round .carousel-control{top:43%;}

	.slide-text{text-align:center !important; padding: 0px 85px 0 0px; width:735px;}

	

	.about-img{width:220px; float: right; display: inline-block;}

	.about-cnt h2 {font-size: 26px;}

	.about-cnt p {line-height: 22px;font-size: 14px;}

  .about-cnt{width:100%;}

	
	.contwrap{width:100%;}

	.mbmid{width:100%;}

	.mbmid input.txt{width:100%;}

	.mbmid textarea.comment{width:100%;}

		


	.inforpartin h2{font-size:18px; line-height:20px;}
	.inforpartin p{font-size:12px; line-height:20px;}
	
	.matterpart{width:100%; margin:0 auto;}
	
	.rangeinfo{width:100%;}
	.rangeinfo h2{font-size:26px; line-height:26px;}
	.rangeinfo a{width:100%;}

  .financecontent{padding:0 0px;}
  .fininfo{padding-bottom:30px; width:100%;}
  .parallaxfinancial{padding:50px 0 60px 0;}
  .fininfo img{width:103px; height: 103px;}
  .fininfo p{font-size: 11px;}
  .fininfo h2{font-size: 19px;}
  

  .smartwrapper{width:729px; margin:0 auto; margin-bottom: 30px;}
  .smartone{width: 18%;}
  .smartone h3{font-size: 12px; padding: 0 8px;}
  .smartcalculate{width: 19.4%;}
  .smartone p{width: 100%;}
  .rtspace{margin-right: 1.5%;}

  .rangein h3{font-size: 34px;}
  .rangein h3 span{font-size: 40px;}
  .rangein p{font-size: 18px; line-height: 22px;}


  .row{margin:0 0 0 0 !important;}
  
 .inpartrt{margin-top:0px; padding:30px; text-align:left; width:80%;}

  .knowtop{padding:0 30px;}
  .knowbottom{padding:0 200px;}
  
  .mainpart{width:95%; margin:0 auto;}
  
  .knowpart{width:100%;}
  .knowpart a{width:100%;}
  .knowpart p{font-size:15px !important;}
  .solvpic{padding-bottom:0px; padding-top:0px;}
  .solvmatter{text-align:center; padding-left:0px;}
  .solvmatter p{font-size:15px; min-height:159px; padding:0 5px;}
  .solvmatter h2{font-size:18px;}
  .solvmatter h2 span{font-size:39px; line-height:39px; display:block;}
  .solvmatter a{display:block; margin:0 auto; width:140px;}
  .solvpart{padding:10px 0; min-height:370px;}
  
  
  
  
.loginbox{width:200px; top:10px; right:20px; padding-bottom:0px;}
.loginbox h2{padding:0 0px; font-size:14px; margin-bottom:5px;}
.loginfo{width:180px;}
.loginbox input.txt{width:133px; padding:0 7px; margin-bottom:10px;}
.loginbox input.submitbtn{margin-top:5px; margin-bottom:5px;}

.signinfo{margin:0 20px;}
.signpart{margin: 0 20px 0 70px; padding: 0 0 25px 25px;}
.signtxtpart a{font-size:18px;}

.invest a{right:0px;} 

}




@media screen and (min-width:992px) and (max-width:1024px)

{

  .slide-text{text-align:center !important; padding: 0px 0px 0 0px; width:970px;}
  .knowpart{width:100%;}
  .knowpart a{width:100%;}
  .knowpart p{font-size:15px !important;}
  .solvpic{padding-bottom:30px;}
  .solvpic img{width:40px; height:40px;}
  .solvmatter{text-align:left; padding-left:10px;}
  .solvmatter p{font-size:12px;}
  .solvmatter h2{font-size:17px; line-height:18px;}
  .solvmatter h2 span{font-size:39px; line-height:39px; display:block;}
  .solvpart{padding:10px 5px;}
  

  .loginbox{width:250px; top:10px; right:20px;}
  .loginbox h2{padding:0 0px; font-size:14px;}
  .loginfo{width:180px;}
  .loginbox input.txt{width:133px; padding:0 7px;}
  
  .knowtop{padding:0 70px;}
  .knowbottom{padding:0 250px;}

  .signinfo{margin:0 70px;}
.signpart{margin: 0 20px 0 70px; padding: 0 0 25px 25px;}
.signtxtpart a{font-size:18px;}

.invest a{right:0px;}

}


@media screen and (min-width:1025px) and (max-width:1199px)

{
	.slide-text{text-align:center !important; padding: 0px 0px 0 0px; width:970px;}
	.solvpic{float:left;}
	.solvpic img{width:50px; height:50px;}
	.solvmatter{float:right; width:100%; padding-left:5px;}
	.solvmatter h2{font-size:16px; line-height:20px;}
    .solvmatter h2 span{font-size:25px; line-height:25px;}
	.solvmatter p{font-size:13px; line-height:23px;}

	.solvpart{padding:10px 5px;}
	.rangecontent{padding:0 30px 70px 30px;}
	
	
	.inpartlt{width:30%;}

  .loginbox{width:280px; top:30px; right:20px;}
  .loginbox h2{padding:0 0px; font-size:17px; margin-bottom:10px;}
  .loginfo{width:230px;}
  .loginbox input.txt{width:183px; padding:0 7px;}
	
  .knowtop{padding:0 70px;}
  .knowbottom{padding:0 250px;}
  
  .signinfo{margin:0 70px;}
  .signpart{margin: 0 20px 0 70px; padding: 0 0 25px 25px;}

  .invest a{right:-10px;}

}

@media screen and (min-width:992px) and (max-width:1200px)

{

	
	
	.rttop{margin-right:-12px;}	
	
	.wrapper{padding:0;}

	.top-header .navbar-brand{padding: 31px 20px 41px 0px; font-size:20px;}

	.top-header .navbar-default .navbar-nav>li>a{font-size:13px;}
	

	.nav>li>a {padding: 10px 6px;}

	.navbar-nav{float:right;}

    
    .navbar-default .navbar-nav>li>a{font-size: 12px; padding:0 5px;}

	

	.bs-slider h1 {margin-top: 24px;font-size: 36px;line-height: 44px;}

	.control-round .carousel-control{display:block;}

	.control-round .carousel-control{top:43%;}

	.slide-text{text-align:center !important;}

	

	.about-img{width:100%;}

	.about-cnt h2 {font-size: 32px;}

	.about-cnt p {line-height: 22px;font-size: 14px;}

	
	
	.inforpartin h2{font-size:22px; line-height:22px;}
	.inforpartin p{font-size:15px; line-height:18px;}
	
	.matterpart{width:100%; margin:0 auto;}
	.rangeinfo h3{font-size:24px;}

  .knowpart p{font-size: 15px !important;}



  .smartwrapper{width:970px; margin:0 auto; margin-bottom: 30px;}
  .smartone{width: 19%;}
  .smartone h3{font-size: 12px; padding: 0 9px;}
  .smartcalculate{width: 19.4%;}
  .smartone p{width: 100%;}
  .rtspace{margin-right: 1%;}


  .membership{padding:50px 20px 30px 20px; width: 100%;  margin: 0 auto;}
  .membertitle{width:100%;}
  .continner{width:38%;}
  .rtspace{margin-right:0px auto;}
  .membertitle h2{font-size: 30px; line-height: 46px; padding-bottom: 20px;}
  .contin  input.submitbtn{float: none; margin:0 auto; display: block;}
  .row{margin:0 0 0 0 !important;}
  .contin{width:100%;}
  .rad ul li label{font-size: 17px;}
  .row{margin:0 0 0 0 !important;}
  .container{padding:  0 0 0 0 !important;}

  
 .inpartrt{margin-top:35px; padding:30px; text-align:left;}

.signinfo{margin:0 70px;}
.signpart{margin: 0 20px 0 70px; padding: 0 0 25px 25px;}

} 



@media screen and (min-width:1201px) and (max-width:1399px)

{
	
.slide-text{padding: 0px 0px 0 30px; width:1170px;}
	
.rttop{margin-right:-12px;}	

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

  .navbar-default .navbar-nav>li>a{font-size:13px;}
  
  .membership{padding:50px 20px 30px 20px; width: 100%;  margin: 0 auto;}
  .membertitle{width:100%;}
  .continner{width:38%;}
  .rtspace{margin-right:20px;}
  .contin  input.submitbtn{margin-left:20px;}
  .membertitle h2{font-size: 30px; line-height: 46px; padding-bottom: 20px;}
  .row{margin:0 0 0 0 !important;}
  .contin{width:100%;}
  .rad ul li label{font-size: 17px;}
  
  .solvmatter h2{font-size:25px; line-height:25px;}
  .solvmatter h2 span{font-size:30px; line-height:30px;}
  .solvmatter p{font-size:15px;}
  
  
  .inpartrt{margin-top:60px;}
  .signtxtpart a{font-size:20px;}

}

@media screen and (min-width:1400px) and (max-width:1549px)

{
	
.rttop{margin-right:-12px;}	
  
}