@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: 'Myriad Pro';
  src: url('../fonts/MyriadPro-Bold.eot');
  src: url('../fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MyriadPro-Bold.woff') format('woff'),
    url('../fonts/MyriadPro-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}



@font-face {
	font-family: "Lato Black";
	src: url("../fonts/Lato-Black.eot?") format("eot"), url("../fonts/Lato-Black.woff") format("woff"), url("../fonts/Lato-Black.ttf") format("truetype"), url("../fonts/Lato-Black.svg#Lato-Black") format("svg");
	font-weight: normal;
	font-style: normal;
}


@font-face {
  font-family: 'MaiandraGD-Regular';
  src: url('../fonts/MaiandraGD-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/MaiandraGD-Regular.woff') format('woff'), url('../fonts/MaiandraGD-Regular.ttf')  format('truetype'), url('../fonts/MaiandraGD-Regular.svg#MaiandraGD-Regular') 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;

}

a{text-decoration: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;}



/*

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

*/

.top-header{width:90%; margin: 0 auto; margin-bottom: 0px;}
.navbar-collapse{padding:0 0 0 0;}
.logo{padding:0px 0 0 0;}
.logo a{display: block;}
.rtpart{float: left; position: relative; z-index: 1000;}
.rtparttwo{float: right; position: relative; z-index: 1000; top:15px; text-align:right;}

.rttop{padding:20px 0; text-align: right;}
.rttop a{display:inline-block; line-height: 18px; font-family: 'Lato', sans-serif; text-transform:none; color:#fff; font-size:15px;}
.rttop a:hover{color:#000;}

.rtbottom{padding:20px 0 0 0;}
.rtbottom p{display: inline-block; font-size: 15px; color: #ababab; font-family: 'Lato', sans-serif; padding-left: 30px;}
.rtbottom p .fa-phone{color:#ababab; font-size: 15px; padding-right:0px; border-radius:100%; height:25px; width:25px; text-align:center; border:1px solid #ababab; line-height:25px; margin-right:10px;}
.rtbottom p a{color: #ababab; -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;}
.rtbottom p a img{padding-right:10px;}

.rtbottom p a:hover{color: #000;}
    
.topgrey{background:#1f3953; padding:10px 0;}

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

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

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

.navwrapper .navbar-brand{ font-weight:bold; font-family: 'Ubuntu', sans-serif; font-size: 23px; text-transform:uppercase; color:#39464f; padding: 0px 45px 41px 0px;}
.navwrapper .navbar-nav li.active a {color:#000;}

.navwrapper .navbar-nav li a:hover {color:#000;}

.navwrapper .navbar-default .navbar-nav>li{background:url(../images/linenav.jpg) right center no-repeat;}
.navwrapper .navbar-default .navbar-nav>li:last-child{background:none;}

.navbar-nav .dropdown-menu > li{border-bottom:1px solid #484848;}
.navbar-nav .dropdown-menu > li:last-child{border-bottom:none;}
.dropdown-menu{padding:0 0 0 0;}


.navwrapper .navbar-default .navbar-nav>li>a{font-family: 'Lato', sans-serif; text-transform:none; color:#000; font-size:15px; padding: 0px 15px; line-height: 45px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
.navwrapper .navbar-default .navbar-nav>li>a .fa-angle-down{color:#f26922;}
.navwrapper .navbar-default .navbar-nav>li>a:hover{color:#fff;}
.navwrapper .navbar-default .navbar-nav>li:last-child a{padding-right:0px;}


.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background:none !important;}
.navwrapper .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:#959595;}

.navwrapper .navbar-nav ul.sm-nowrap > li > a:hover{background:#959595; color:#000;}

.navwrapper .dropdown-menu{background:#c3c3c3;}

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

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

.headerbottom{background: #ff9900; padding:0px 0 0 0;}
.navwrapper{width:92%; margin: 0 auto; height: 45px;}

/*

=========================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;}*/
.aboutpart{background:#ededed; padding:0px 0 0 0;}
.about-bg { 
    /* The image used */
   background:#e4e4e4;
    /* Set a specific height */
    height: auto; border-bottom:1px solid #ccc; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; padding:60px 0;
	
}

.abtmatter{background:#fff; -webkit-box-shadow: 0px 3px 20px 0px rgba(128,128,128,1);
-moz-box-shadow: 0px 3px 20px 0px rgba(128,128,128,1);
box-shadow: 0px 3px 20px 0px rgba(128,128,128,1); position:relative; min-height:500px; top:-6px; padding:50px 20px; margin-bottom:70px;}


.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;}


.abtcontent{padding:0px 0px;}
.abtpic{padding:25px 0 0 0;}
.abtpic img{display:block; text-align:center; margin:0 auto;}
.abtdata{}
.abtdata h1{color:#000; font-size:27px; line-height:27px; padding-bottom:15px; font-family: 'Lato', sans-serif; font-weight:600;}
.abtdata p{color:#666; font-size:15px; line-height:28px; font-family: 'Lato', sans-serif; font-weight:300;}
.abtdata a{color:#cc0000; font-size:19px; line-height:22px; font-family: 'Lato', sans-serif; font-weight:300; float:right;}


/*custom checkbox css*/
.ui-checkbox {
    display: none;
}

.ui-checkbox + label {
  position: relative;
  padding-left: 45px;
  display: inline-block;
  font-size: 13px; font-family: 'Lato', sans-serif; color:#666; line-height:30px; margin-bottom:0px;
}
 
.ui-checkbox + label:before {
    background-color: #fff;
    border: 1px solid #ccc;    
    padding: 0px 0px;
    border-radius: 3px;
    display: block;
    position: absolute;
    top: 0;
    left:0;
    content: ""; line-height:25px; width:30px; height:30px; text-align:center;
}
 

 
.ui-checkbox:checked + label:before {
    border: 1px solid #ccc;    
    color: #666; line-height:25px; text-align:center;
}

.ui-checkbox.no-border:checked + label:before {
    border-color: transparent;
}


 
.ui-checkbox:checked + label:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: 1px;
    left: 8px;
    color: #ccc;
}
 
.ui-checkbox.green-tick:checked + label:after {
    color: #8cc63f;
}




/*start social icons tooltip css*/

/* ---------- Action Bar ---------- */

.action-bar{float:none; padding:10px 0px 0 0;}

.action-bar ul{list-style:none; padding:0; width:auto;}



.action-bar li {

float: left; background:#808080; margin-right:10px;

}

.action-bar li:last-child{margin-right:0px;}

.action-bar a {

/*-webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, .5);

box-shadow: inset 0 -2px rgba(0, 0, 0, .5);*/

color: #fff;

display: block;

font-size: 32px;

height: 40px;

line-height: 40px;

position: relative;

text-align: center;

-webkit-transition: background .3s;

-moz-transition: background .3s;

-ms-transition: background .3s;

-o-transition: background .3s;

transition: background .3s;

width: 40px;



}

.action-bar a.last{margin-right:0px;}

.action-bar a i{font-size:30px; color:#fff; -webkit-transition: all 1s ease-in-out; line-height:40px;

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

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

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

.action-bar a:hover i{color:#fff;}

.action-bar a:hover .tooltip {

margin-top: 16px;

opacity: 1;

}

.tooltip {

border-radius: 3px;

font-size: 14px;

height: 28px;

left: 50%;

line-height: 28px;

margin: 0 0 0 -50px;

opacity: 0;

position: absolute;

top: 100%;

-webkit-transition: margin-top .3s, opacity .3s;

-moz-transition: margin-top .3s, opacity .3s;

-ms-transition: margin-top .3s, opacity .3s;

-o-transition: margin-top .3s, opacity .3s;

transition: margin-top .3s, opacity .3s; text-align:center;

width: 100px;

}

.tooltip:before {

content: "";

height: 8px;

left: 50%;

margin: -4px 0 0 -4px;

position: absolute;

-webkit-transform: rotate(45deg);

-moz-transform: rotate(45deg);

-ms-transform: rotate(45deg);

-o-transform: rotate(45deg);

transform: rotate(45deg);

width: 8px;

}





.like,

.like .tooltip,

.like .tooltip:before { /*background: #e3ebf6;*/ }

.like:hover { background: #475993; }

.like:hover .tooltip{background: #475993;}

.like:hover .tooltip:before{background: #475993;}

.favourite,

.favourite .tooltip,

.favourite .tooltip:before { /*background: #e3ebf6; */}

.favourite:hover { background: #0077b5; }

.favourite:hover .tooltip{background: #0077b5;}

.favourite:hover .tooltip:before{background: #0077b5;}



.commt,

.commt .tooltip,

.commt .tooltip:before { /*background: #e3ebf6;*/ }

.commt:hover { background: #e33c68; }

.commt:hover .tooltip{background: #e33c68;}

.commt:hover .tooltip:before{background: #e33c68;}



.share,

.share .tooltip,

.share .tooltip:before { background: #e3ebf6; }

.share:hover { background: #b2215a; }

.share:hover .tooltip{background: #b2215a;}

.share:hover .tooltip:before{background: #b2215a;}





.tube,

.tube .tooltip,

.tube .tooltip:before { background: #474747; }

.tube:hover { background: #e62117; }

.tube:hover .tooltip{background: #e62117;}

.tube:hover .tooltip:before{background: #e62117;}







.pin,

.pin .tooltip,

.pin .tooltip:before { background: #474747; }

.pin:hover { background: #cb1f27; }

.pin:hover .tooltip{background: #cb1f27;}

.pin:hover .tooltip:before{background: #cb1f27;}





.plus,

.plus .tooltip,

.plus .tooltip:before { background: #474747; }

.plus:hover { background: #dc4a38; }

.plus:hover .tooltip{background: #dc4a38;}

.plus:hover .tooltip:before{background: #dc4a38;}





.insta,

.insta .tooltip,

.insta .tooltip:before { background: #474747; }

.insta:hover { background: #6a453b; }

.insta:hover .tooltip{background: #6a453b;}

.insta:hover .tooltip:before{background: #6a453b;}



/*end social icons tooltip css*/




.stickywrap{display:none;}




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

.close{color:#000 !important;}



/*
=========================membership main========================
*/
.membership{background: #5ca0b9; padding: 50px 100px 30px 50px; position: relative; z-index: 1000; top:-80px; overflow: hidden;}
.membertitle{width:266px;}
.membertitle h2{font-family: 'Myriad Pro'; color: #fff; font-size: 41px; line-height: 41px;} 
.membertitle h2 span{font-family: 'MyriadPro-Regular';}
.ltspac{padding:0 0 0 0;}

.contin{width:auto; float:none;}

.continner{width:350px; float: left;}

.continner input.txt{ width:100%; padding:0 20px; height: 50px; border: none; border-radius: 0px; color: #bababa; font-size:25px; font-family: 'MyriadPro-Regular'; transition: all 0.3s ease 0s; line-height:45px; text-transform: none; float:left; text-align:left; font-style:normal; background:#fff; font-weight:300; border-radius:inherit !important;}


.continner input.txt::-webkit-input-placeholder { /* Safari, Chrome and Opera */ color:#bababa; opacity:1}
.continner input.txt::-moz-placeholder { /* Firefox 18- */ color:#bababa; opacity:1}
.continner input.txt::-moz-placeholder { /* Firefox 19+ */color: #bababa; opacity:1}
.continner input.txt::-ms-input-placeholder { /* IE 10+ */color:#bababa; opacity:1}
.continner input.txt::-ms-input-placeholder { /* Edge */ color: #bababa; opacity:1}
.continner input.txt::placeholder-shown { /* Standard one last! */color: #bababa; opacity:1}


.continner input:focus {outline: none; box-shadow: 0px 0px 5px #333333 !important; border-color: #fff !important; color:#000 !important; border:3px solid #fff !important; background:#fff !important; text-transform:none !important;}

.rad{}

.rad ul{
  list-style: none;
  margin: 0;
  padding: 0;
  /*overflow: auto;*/
}

.rad ul li{
  color: #fff;
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: auto; padding:10px 0 0 0;
  
}

.rad ul li input[type=radio]{
  position: absolute;
  visibility: hidden;
}

.rad ul li label{
  display: block;
  position: relative;
  font-weight: 300;
  font-size: 1.35em;
  padding: 0px 25px 0px 40px;
  margin: 10px auto;
  height: 22px; line-height: 22px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear; font-family: 'MyriadPro-Regular';
}

.rad ul li:hover label{
  color: #FFFFFF;
}

.rad ul li .check{
  display: block;
  position: absolute;
  border: 3px solid #fff;
  border-radius: 100%;
  height: 18px;
  width: 18px;
  top: 21px;
  left: 0px;
  z-index: 5;
  transition: border .25s linear;
  -webkit-transition: border .25s linear;
}

.rad ul li:hover .check {
  border: 3px solid #FFFFFF;
}

.rad ul li .check::before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 100%;
  height: 4px;
  width: 4px;
  top: 4px;
  left: 4px;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}

input[type=radio]:checked ~ .check {
  border: 3px solid #fff;
}

input[type=radio]:checked ~ .check::before{
  background: #fff;
}

input[type=radio]:checked ~ label{
  color: #fff;
}


.mainpart{width:90%; margin:0 auto;}

.contin  input.submitbtn{float: left; background: #fff; color: #63b8bd; font-family: 'MyriadPro-Regular'; font-size: 24px; line-height: 50px; text-align: center; border:0; outline: none; padding: 0 20px; -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; margin-left:50px;}
.contin  input.submitbtn:hover{background: #000; color: #fff;}

/*
=========================smartsip main========================
*/
.smartsip{background: #fff; text-align: center;}
.smartsip h3{font-family: 'Lato', sans-serif; font-weight:300; font-size: 36px; color:#666; line-height: 36px; padding:30px 0 25px 0;}

.parallaxsmartsip { 
    /* The image used */
   /* background-image: url("../images/bg_smartsip.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:20px 0;
}

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


.smartinfo{text-align: center;}
.smartinfo a{display:inline-block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background:#ff9900; color:#1f3953; line-height:42px;  font-family: 'MyriadPro-Regular'; font-size:17px; -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:#003366; color:#fff;}
.smartwrapper{width:100%; margin:0 auto; margin-bottom: 30px;}
.smartone{border:1px solid #828487; text-align:center; float: left;}
.smartone h3{background: #1f3953; border-bottom: 1px solid #8d8d8d; color: #fff; 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: 20px; 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: #ff5700;}
.smartcalculate p.heavy{font-size: 24px; line-height: 24px; font-weight: 600;}






/*
======================================================= 
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:0px 0 0px 0; text-align:center;
}
.parallaxinvest h2{font-family: "Lato Black"; font-size:36px; line-height:85px; color:#fff; text-transform:none; font-weight:600; background:#003366;}
.parallaxinvest h2 span{display:inline-block; text-transform:uppercase;}

.tablewrapper{background:#9cceff; padding:30px 0;}

.invest{text-align:center; text-align: center; position:relative;}
.invest h2{font-family: 'Lato', sans-serif; font-size:36px; line-height:36px; color:#333; text-transform:none; font-weight:600; padding-bottom:40px;}
.invest h2 span{text-transform:uppercase;}
.invest img{width:100%; height: auto; margin-bottom:0px;}
.invest a{display:block; background:#003366; 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:#000; color:#fff;}


/*
======================================================= 
chart css
=======================================================
*/
.chart{background: #fff; padding: 24px 0 30px 0; overflow: hidden; text-align: center;}  
.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: 18px; text-align: left; padding: 0 15px 30px 15px; font-size: 14px;}
.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: 10px; -moz-border-radius: 10px; border-radius: 10px; background:#003366; 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:#000; color:#fff;}

.chartin table th.head{font-family: 'Lato', sans-serif; color:#0096ba; text-transform: uppercase; font-size: 16px; font-weight: 400;}
.chartin table th.head2{font-family: 'Lato', sans-serif; color:#ff5700; text-transform: uppercase; font-size: 16px; font-weight: 400;}
.chartin table tr td{font-family: 'Lato', sans-serif; font-weight: 400; 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;}

 


/*
=========================mutual main========================
*/

.parallaxmutual { 
    /* The image used */
    background-image: url("../images/bg_mutualinfo.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:30px 0;
	position:relative; overflow:hidden; text-align:center;
} 

.parallaxmutual h2{font-size:36px; line-height:36px; color:#000; font-family: 'Lato', sans-serif; font-weight:600; padding-bottom:30px;}

/*start css taber tab*/

/*end css taber tab*/





 .notpspace{padding-top:0px !important;}

  
  .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);
}

/*
=========================solution main========================
*/
.solution{padding:60px 0; text-align:center; }
.solution h2{font-family: "Lato Black"; font-size:29px; line-height:29px; color:#ff9900; padding-bottom:10px;}
.solution h2 span{display:inline-block; text-transform:uppercase;} 
.solution p{color:#003366; font-size:19px; line-height:25px; font-family: 'Lato', sans-serif; font-weight:400; padding-bottom:50px;}
.solvdata{border:1px solid #dfdfdf; padding:10px;  -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;}
.solvdata img{width:100%; height:auto; display:block; text-align:center; margin:0 auto; margin-bottom:25px;}
.solvdata h3{color:#1c457b; font-family: 'Roboto', sans-serif; font-size:16px; line-height:18px; padding-bottom:25px; -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;}
.solvdata a{-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border:1px solid #ff9900; display:inline-block; text-align:center; font-size:14px; font-family: 'Lato', sans-serif; line-height:28px; -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; padding:0 15px; color:#000;} 
.solvdata:hover{background:#1c457b; border:1px solid #ff9900;} 
.solvdata:hover h3{color:#fff;} 
.solvdata:hover a{color:#fff; border:1px solid #fff;}
 
/*
=========================footer main========================
*/

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

.rangeinfo{margin-bottom:10px; padding-bottom:15px;}
.rangein{padding:65px 0 0 0; text-align:center; }
.rangein h2{font-family: 'Lato', sans-serif; font-weight:700; font-size:38px; line-height:38px; padding-bottom:40px; color:#ff9900;}
.rangein h2 span{text-transform:uppercase;}
.rangeinfo img{margin-bottom:20px;}
.ranin{text-align:center;}
.ranin h3{color:#003366; font-family: 'Lato', sans-serif; font-weight:300; padding-bottom:35px; font-size:21px; line-height:21px;}	
.ranin a{color:#003366; font-family: 'Lato', sans-serif; font-weight:300; font-size:11px; line-height:18px; padding-bottom:0; text-transform:uppercase;}



/*Fade all the DIV when user hovers on any div*/
.rangewrap:hover .rangeinfo{
  zoom: 1;
  filter: alpha(opacity=45);
  opacity: 0.45;
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -ms-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
}

/*Fade out the particular DIV when user hover on that DIV*/
.rangewrap .rangeinfo:hover{
  box-shadow: 3px 3px 15px #666;
  color: #fff;
  cursor: pointer;
  
  /*Opacity*/
  zoom: 1;
  filter: alpha(opacity=100);
  opacity: 1;
}




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

{

	.wrapper{padding:0;}
	
	.top-header{margin-bottom:0px;}
	.rtbottom{width:240px; margin:0 auto; padding:0 0 0 0;}
	.navbar-brand>img{width:170px;}
	
	.topgrey{height:auto; padding-bottom:50px;}
	
	.top-header .navbar-brand {padding: 32px 0px 41px 0px;font-size: 20px;}
	
	.navbar-default .navbar-toggle .icon-bar{background:#fff;}
	
	.navwrapper .navbar-brand{padding:0px 0px 0px 0px;}
	
	.navwrapper .navbar-nav{float:none; background:#c3c3c3; margin:0 2px; padding:0 0 0 0;}
	
	.navbar-default .navbar-toggle{border:none; background:#000; margin-top: 12px; margin-right:0px; margin-bottom: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:#363636 !important; color:#fff !important; }
  .navbar-nav .open .dropdown-menu>li>a:hover{background:#000 !important; color:#fff !important;}
  
  .navwrapper .navbar-default .navbar-nav>li>a{line-height:35px;}


  .navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none !important; box-shadow: inherit !important; position:relative; z-index:10000;}
  
  
  
  .nav>li{border-bottom:1px solid #fff; background:none;}
  .navwrapper .navbar-default .navbar-nav>li{background:none;}
  .nav>li:last-child{border-bottom:none;}
	
	.navwrapper{height:60px;}
	
  .main-slider{top:0px;}
  .rttop{float: none; width: 160px; margin:0 auto; text-align: center; padding:20px 0 0 0;}
  .rttop a{display: block;}
  .rtbottom p{padding-left: 0px;  text-align: center; line-height: 40px;}
	.rtbottom p a{padding:0 8px; font-size: 12px;}
  .logo{padding:20px 0 0 0; width: 200px; margin:0 auto;}
  .rtpart{float: none;}
	.rtparttwo{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:442px;}

	
	.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;}

	.parallaxrangepart{padding:45px 0;}
	.rangeinfo{width:auto; margin:0 auto; display:block; margin-bottom:30px;}
	.rangewrap{width:auto; margin:0 auto; padding:0 0 0 0;}
	
	.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;}
	

  .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;}

  .membership{padding:50px 20px 30px 20px; top:-63px;}
  .membertitle{width:100%;}
  .continner{width:100%;}
  .rtspace{margin-right:0px auto;}
  .membertitle h2{font-size: 36px; line-height: 36px; 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;}
  .inpartrt h2{font-size: 11px; line-height: 20px; padding-bottom: 5px;}
  .inpartrt h2 span{font-size: 12px; line-height: 16px;}
  .inpartrt a{font-size:12px; width:100px;}

  .about-bg{padding:50px 0 0px 0;}
  
  .parallaxinnovative{padding:60px 0 30px 0;}
  .rangecontent{padding:0 20px 30px 20px;}
  .knowpart{width:100%; margin-bottom:50px;}
  .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;}
  
  
  

/*login form css*/
.loginbox{display:none;}  

/*floating form css*/


.mutualtitle h2{font-size:32px; line-height:45px; padding-bottom:30px;}
.invest a{font-size:11px; line-height:25px; width:110px; right:0px;} 


.abtmatter{padding:50px 0px;}
.abtcontent{margin-bottom:50px; padding:0px 0px; text-align:center;}
.abtpic{margin-bottom:15px;}
.abtdata p{font-size:15px; line-height:25px; padding-bottom:15px;}
.abtdata a{float:none; display:block; margin:0 auto; font-size:15px; line-height:18px;}
.loginpart h2{font-size:12px; line-height:45px; padding:0 0 0 0; text-align:center;}
.logpart input.txt{padding:0 5px; font-size:12px;}
.logpart a{right:8px;}
.loginner{padding:0 8px 30px 8px;}
.loginner input.txt{padding:0 5px; font-size:9px;}
.ui-checkbox + label{font-size:10px;}

.solvdata{margin-bottom:10px;}
.solvdata a{font-size: 10px; padding: 0 7px;}

.parallaxinvest h2{line-height:40px; padding:20px 0;}
}

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

{

	.wrapper{padding:0;}
	
	.top-header{margin-bottom:0px;}
	.rtbottom{padding-bottom:0px; width:250px; margin:0 auto; padding-top:0px;}
	
	.topgrey{height:auto;}
	.rttop a{font-size:14px;}
	
	
	.top-header .navbar-brand {padding: 32px 0px 41px 0px;font-size: 20px;}
	
	.navbar-default .navbar-toggle .icon-bar{background:#fff;}
	
	.navwrapper .navbar-brand{padding:0px 0px 0px 15px;}
	
	.navwrapper .navbar-nav{float:none; background:#c3c3c3; margin:0 15px; padding:0 0 0 0;}
	
	.navbar-default .navbar-toggle{border:none; background:#000; margin-top:12px; margin-bottom:0px;}

  .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:#1f3953;}

  .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:#363636 !important; color:#fff !important; }
  .navbar-nav .open .dropdown-menu>li>a:hover{background:#000 !important; color:#fff !important;}
  
  .navwrapper .navbar-default .navbar-nav>li>a{line-height:35px;}


  .navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none !important; box-shadow: inherit !important; position:relative; z-index:10000;}
  
  
  
  .nav>li{border-bottom:1px solid #fff; background:none;}
  .navwrapper .navbar-default .navbar-nav>li{background:none;}
  .nav>li:last-child{border-bottom:none;}

  .navwrapper{height:70px; width:100%; margin:0 auto; /*background:#333;*/} 
  .navwrapper .navbar-default{min-height:auto;}
  .searchpart{float:left; padding-bottom:20px; width:100%;}
  .search.open{width:100%;}
  .search{margin:0 0 0 0;}
  

  .rttop{float: none; width: auto; margin:0 auto; text-align: center; padding:20px 0;}

	.rtparttwo{float:none;}
	.navwrapper{height:60px;}
  .rtbottom p{padding-left: 0px; text-align: center; line-height: 40px;}
  .rtbottom p a{padding:0 8px; font-size: 15px;}
  .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;}

	

	.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;}
	

	.footerbottom{padding:20px 0;}

	.footerbottomin p{line-height:22px;}
	
	.inforpart{padding:50px 0 0 0;}
	.inforpartin{padding-bottom:50px;}
	.inforpartin h2{font-size:20px; line-height:20px;}
	.inforpartin p{font-size:12px; line-height:20px;}


	.parallaxrangepart{padding:45px 0;}
	.rangeinfo{width:auto; margin:0 auto; display:block; margin-bottom:30px;}
	.rangewrap{width:auto; 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;}


  .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: 20px 0 0 0;}
  .inpartrt h2{font-size: 18px; line-height: 25px; padding-bottom: 10px;}
  .inpartrt h2 span{font-size: 22px; line-height: 25px;}
  .inpartrt a{font-size:12px; width:100px;}
  
  
  .parallaxinnovative{padding:60px 0 30px 0;}
  .rangecontent{padding:0 0px;}
  .knowpart{width:100%; margin-bottom:50px;}
  .knowpart a{width:100%;}
	
  .rangecontent{padding:0 20px 30px 20px;}
  .knowpart{width:100%; margin-bottom:50px;}
  .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;}
  
   
  
  
  /*login form css*/
.loginbox{display:none;}  

/*floating form css*/



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

.goaltxt{background:none; padding:35px 0px 40px 0px; text-align:center; margin-top:0px;}
.goaltxt h2{font-size:20px; line-height:30px;}
.goalmatter h2.candy{font-size: 14px; text-align:left;}
.goalmatter h2.bluecandy{font-size: 14px; text-align:left;}
.goalmatter h2.bluelight{font-size: 14px; text-align:left;}


.abtmatter{padding:50px 0px;}
.abtcontent{margin-bottom:50px; padding:0px 0px; text-align:center;}
.abtpic{margin-bottom:15px;}
.abtdata p{font-size:15px; line-height:25px; padding-bottom:15px;}
.abtdata a{float:none; display:block; margin:0 auto; font-size:15px; line-height:18px;}
.loginpart h2{text-align:center;}
.logpart input.txt{padding:0 5px; font-size:12px;}
.logpart a{right:8px;}


.solvdata{margin-bottom:10px;}
.parallaxinvest h2{line-height:40px; padding:20px 0;}


}

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



{

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

	.top-header .navbar-brand{padding: 31px 20px 41px 0px; font-size:20px;}
	
	.navwrapper .navbar-brand{padding: 20px 0px 0px 0px;}
	.navbar-brand>img{width:120px;}
	.navwrapper .navbar-nav{padding:0px 0 0 0;}
	
	.navwrapper .navbar{min-height:auto;}
	
	.top-header .navbar-default .navbar-nav>li>a{font-size:13px;}
	
	.top-header{width:98%; margin:0 auto; /*margin-bottom:40px;*/}
	.navwrapper{width:98%; margin:0 auto; height:auto;}
	
	.logo{padding:0px 0 20px 0;}
	.rtbottom{padding:0px 0 0 0;}
	.headerbottom{padding:0px 0 0 0;}
	
	.nav>li>a {padding: 10px 6px;}

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

  .navwrapper .navbar-default .navbar-nav>li>a{font-size: 13px; padding:0 5px;}
  .search.open{width:206px;}
	.search-box{padding:20px 45px 20px 15px; font-size:10px;}
	.open .search-icon{width:30px; height:30px;}
	.open .search-icon:before{top:18px; right:28px; height:18px;}
	
	.bs-slider h1 {margin-top: 24px;font-size: 30px;line-height: 40px;}

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



	.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%;}

	
	


	.inforpartin h2{font-size:18px; line-height:20px;}
	.inforpartin p{font-size:12px; line-height:20px;}
	
	
	.rangeinfo{width:100%;}
	.rangeinfo h2{font-size:26px; line-height:26px;}
	.rangeinfo p{font-size:20px; line-height:26px; padding:0 15px;} 
	.rangeinfo h3{font-size:15px;}
	.rangeinfo a{width:100%; font-size:9px;}


  .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%;}

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


  .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: 26px; 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;}
  
  .inpartrt{padding:70px 0 0 0px; text-align:left; width:66%;}
  .inpartrt h2{font-size:30px; line-height:35px;}
  .inpartrt h2 span{font-size:40px; line-height:50px;}
  
 
  .knowpart h4{font-size: 25px;}
  
  .mainpart{width:95%; margin:0 auto;}
  
  .knowpart{width:100%; margin-bottom:50px;}
  .knowpart a{width:100%;}
  .knowpart p{font-size:15px !important;}
  .solvpic{padding-bottom:30px;}
  .solvmatter{text-align:center; padding-left:0px;}
  .solvmatter p{font-size:16px;}
  .solvmatter h2{font-size:28px; line-height:28px;}
  .solvmatter h2 span{font-size:39px; line-height:39px; display:block;}
  .solvmatter a{width:100px;}
  .solvpart{padding:40px 0;}
  
  
  
.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;}

.invest a{right:0px;} 



.abtcontent{padding:0px 0px; width:100%;}
.abtmatter{padding:50px 0px;}
.abtdata p{font-size:15px; line-height:25px; padding-bottom:15px;}
.loginpart h2{text-align:center; font-size:11px; padding:0 0px;}
.logpart input.txt{padding:0 5px; font-size:12px;}
.logpart a{right:8px;}
.loginner{padding:0 10px 30px 10px;}
.loginner input.txt{padding:0 5px; font-size:12px;}

.loginpart{width:100%;}
.loginner a.already{font-size:12px;}

}





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

{
	
	
	
.knowpart{width:100%; margin-bottom:50px;}
  .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:16px;}
  .solvmatter h2{font-size:28px; line-height:28px;}
  .solvmatter h2 span{font-size:39px; line-height:39px; display:block;}
  .solvmatter a{width:100px;}
  
  

  .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;}
  
  .invest a{right:0px;} 
  
  .inpartrt{padding:100px 0 0 0px; text-align:left; width:50%;}
  .inpartrt h2{font-size:30px; line-height:35px;}
  .inpartrt h2 span{font-size:40px; line-height:50px;}
  

}


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

{
	.solvpic{float:left;}
	.solvpic img{width:50px; height:50px;}
	.solvmatter{float:right; width:100%; padding-left:5px;}
	.solvmatter h2{font-size:20px; line-height:20px;}
    .solvmatter h2 span{font-size:25px; line-height:25px;}
	.solvmatter p{font-size:15px; line-height:18px;}
	.solvmatter a{width:100px;}
	.solvpart{padding:40px 0px;}
	.rangecontent{padding:0 30px 70px 30px;}
	
	
  .inpartrt{padding:100px 0 0 0; text-align:left;}

  .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;}
  
  .invest a{right:-10px;} 
	
  
	
}

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

{

	
	
	.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;}
	
	.top-header{width:98%; margin:0 auto; margin-bottom:40px;}
	.navwrapper{width:98%; margin:0 auto;}
	.navwrapper .navbar-brand{padding:0px 0px 41px 0px;}


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

	.navbar-nav{float:right;}
	
	.navwrapper .navbar-brand{padding: 20px 0px 0px 0px;}
	.navbar-brand>img{width:190px;}
	
  .navwrapper .navbar-default .navbar-nav>li>a{font-size: 13px; padding:0 10px;}
  
  .search.open{width:230px;}
  .search-box{padding:20px 45px 20px 15px; font-size:12px;}

	

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

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



	.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;}

  
  

  .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;}

	.loginpart h2{font-size:13px;}
	.ui-checkbox + label{font-size:12px;}

} 



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

{
.navwrapper .navbar-default .navbar-nav>li>a{font-size: 14px; padding:0 10px;}
.navwrapper .navbar-brand{padding:0px 0px 41px 0px;}
.rttop{margin-right:-12px;}	
.top-header{width:95%; margin:0 auto; margin-bottom:40px;}
.navwrapper{width:95%; margin:0 auto;}
.search.open{width:210px;}
.search-box{padding:20px 45px 20px 15px; font-size:10px;}




  .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{padding:200px 0 0 0px;}
  .loginbox{width:350px; top:70px; right:20px;}
  .loginbox h2{padding:0 0px; font-size:17px; margin-bottom:20px;}
	
	.loginpart h2{font-size:16px;}
}