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


@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: '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;
}



/* 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;}



/*

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

*/

.top-header{width:90%; margin: 0 auto; margin-bottom: 40px;}
.navbar-collapse{padding:0 0 0 0;}
.logo{padding:0px 0 0 0;}
.logo a{display: block;}
.rtpart{float: right; position: relative; z-index: 1000;}
.rttop{padding:20px 0; text-align: right;}
.rttop a{display:inline-block; color: #7f7f7f; font-size: 15px; line-height: 18px; font-family: 'MyriadPro-Regular';}
.rttop a:hover{color:#00427a;}

.rtbottom{}
.rtbottom p{display: inline-block; font-size: 20px; color: #323946; font-family: 'SegoeUI-Light'; padding-left: 40px; font-weight: 600;}
.rtbottom p .fa-commenting-o{color:#f26922; font-size: 30px; padding-right:10px;}
.rtbottom p .fa-phone{color:#f26922; font-size: 30px; padding-right:10px;}
.rtbottom p a{border:1px solid #f26922; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; line-height: 30px; padding:0 15px; text-transform:uppercase; display: inline-block; color: #323946; 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;}

.rtbottom p a:hover{color: #fff; background:#00427a; border: 1px solid #828487;}
    
.topgrey{background:#f2f2f5;}

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

.navwrapper .navbar-nav{float:none;}

.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: 30px 45px 41px 15px;}

.navwrapper .navbar-nav li a:hover, .navbar-nav li.active a {

      background: none !important;

  color:#f26922 !important;}

.navwrapper .navbar-default .navbar-nav>li>a{font-family: 'Segoe UI'; text-transform:none; color:#fff; font-size:15px; padding: 0px 25px; line-height: 57px;}
.navwrapper .navbar-default .navbar-nav>li>a .fa-angle-down{color:#f26922;}
.navwrapper .navbar-default .navbar-nav>li>a:first-child{padding:0px 35px 0 0px;}
.navwrapper .navbar-default .navbar-nav>li>a:hover{color:#f26922;}

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

.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{color:#2a2e33;background-color:#2a2e33;}

.navwrapper .navbar-nav ul.sm-nowrap > li > a:hover{background:#ffd700; color:#2a2e33;}

.navwrapper .dropdown-menu{background:#2a2e33;}

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

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

/* Sweep To Top */

.hvr-sweep-to-top {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;

  position: relative;

  -webkit-transition-property: color;

  transition-property: color;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

}

.hvr-sweep-to-top:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #df3447;

  color:#fff;

  -webkit-transform: scaleY(0);

  transform: scaleY(0);

  -webkit-transform-origin: 50% 100%;

  transform-origin: 50% 100%;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {

  color: white;

}

.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {

  -webkit-transform: scaleY(1);

  transform: scaleY(1);

}

.headerbottom{background: #00427a;}
.navwrapper{width:90%; margin: 0 auto; height: 57px;}

/*

=========================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 90px 0;}

.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 h1{color:#00427a; font-family: 'SegoeUI-Light'; text-transform:uppercase; padding-bottom: 15px;}

  .about-cnt h1 span{color:#00427a; font-family: 'Segoe UI';}

  .about-cnt p{color:#404b52; 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:#f26922; 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; text-transform: uppercase; text-align: center;}
.about-cnt a:hover{background:#00427a;}



  

/*searchbox css*/

.searchpart{float:right;}

.search {
  width: 57px;
  height: 57px;
  margin: 0px auto 0;
  background-color: #00427a;
  position: relative;
  overflow: hidden;
  transition: all 0.5s ease;
}
.search:before {
  content: '';
  display: block;
  width: 3px;
  height: 100%;
  position: relative;
  /*background-color: #00FEDE;*/
  transition: all 0.5s ease;
}
.search.open {
  width: 370px; background: #00325c;
}
.search.open:before {
  height: 60px;
  margin: 20px 0 20px 30px;
  position: absolute;
}

.search-box {
  width: 100%;
  height: 100%;
  box-shadow: none;
  border: none;
  background: transparent;
  color: #fff;
  padding: 20px 65px 20px 45px;
  font-size: 40px; font-size: 15px; font-family: 'SegoeUI-Light';
}
.search-box:focus {
  outline: none;
}

.search-button {
  width: 43px;
  height: 57px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  padding: 5px 0px;
  cursor: pointer;
}

.search-icon {
  width: 25px;
  height: 25px;
  border-radius: 40px;
  border: 3px solid #fff;
  display: block;
  position: relative;
  margin-left: 5px;
  transition: all 0.5s ease; top:10px;
}
.search-icon:before {
  content: '';
  width: 3px;
  height: 15px;
  position: absolute;
  right: -2px;
  top: 18px;
  display: block;
  background-color: #fff;
  transform: rotate(-45deg);
  transition: all 0.5s ease;
}
.search-icon:after {
  content: '';
  width: 3px;
  height: 15px;
  position: absolute;
  right: -12px;
  top:28px;
  display: block;
  background-color: #fff;
  transform: rotate(-45deg);
  transition: all 0.5s ease; display: none;
}
.open .search-icon {
  margin: 0;
  width: 40px;
  height: 40px;
  border-radius: 60px; top:0px; right: 10px;
}
.open .search-icon:before {
  transform: rotate(52deg);
  right: 31px;
  top: 30px;
  height: 18px;
}
.open .search-icon:after {
  transform: rotate(-230deg);
  right: 22px;
  top: 13px;
  height: 18px;
  display: none;
}



/*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*/









.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: #5ca0b9; text-align: center;}
.smartsip h3{font-family: 'SegoeUI-Light'; font-weight: 400; font-size: 30px; color: #fff; line-height: 90px;}
.smartsip h3 span{font-family: 'Segoe UI'; color: #fff;} 

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

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


.smartinfo{text-align: center;}
.smartinfo a{display:inline-block; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background:#f26922; 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; text-transform: uppercase;}
.smartinfo a:hover{background:#00427a;}
.smartwrapper{width:1040px; 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: #ff5700;}
.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");

    /* 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:60px 0 90px 0;
}

.invest{text-align:center; text-align: center;}
.invest h2{font-family: 'SegoeUI-Light'; font-size:47px; line-height:47px; color:#00427a; text-transform:none; font-weight:300; padding-bottom:35px;}
.invest h2 span{font-family: 'SegoeUI-Bold'; font-size:47px; line-height:47px; color:#00427a; text-transform:none;}
.invest img{width:100%; height: auto;}


/*
======================================================= 
chart css
=======================================================
*/
.chart{background: #efefef; 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: 22px; text-align: left; padding: 0 15px 30px 15px; font-size: 16px;}
.chartin h3{font-family: 'SegoeUI-Light'; font-weight: 400; font-size: 20px; color: #0096ba; line-height: 20px; padding-bottom: 20px; text-align: left;}
.chartin h3 span{font-family: 'Segoe UI'; color: #0096ba;} 
.chartin a{display:inline-block; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background:#f26922; 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: uppercase;}
.chartin:hover a{background:#00427a;}

.chartin table th.head{color:#0096ba; text-transform: uppercase; font-size: 16px; font-weight: 300;}
.chartin table th.head2{color:#ff5700; text-transform: uppercase; font-size: 16px; font-weight: 300;}
.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;}
/*
======================================================= 
financial css
=======================================================
*/


.parallaxfinancial { 
    /* The image used */
    background-image: url("../images/bg_finance.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:60px 0 90px 0;
}


.financecontent{padding:0 0px; text-align:center; margin:0 auto;}
.financecontent h2{font-family: 'SegoeUI-Light'; font-size:47px; line-height:47px; color:#fff; text-transform:none; font-weight:300; padding-bottom:50px;}
.financecontent h2 span{font-family: 'SegoeUI-Bold'; font-size:47px; line-height:47px; color:#fff; text-transform:none;}

.financecontent p{font-size:18px; line-height:25px; font-family: 'AvantGardeITCbyBT-Book'; color:#fff; padding-bottom:70px;}  
.financecontent p span{display:block;}

.finin{-webkit-transition:all 1s ease-in-out;
		-moz-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
		-ms-transition:all 0.5s ease-in-out;
		transition:all 0.5s ease-in-out;}
.fininfo{ -webkit-transition:all 1s ease-in-out;
		-moz-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
		-ms-transition:all 0.5s ease-in-out;
		transition:all 0.5s ease-in-out; width: 210px; margin:0 auto;}
.fininfo img{display:block; text-align:center; margin:0 auto; padding-bottom:0px; background:#fff; border-radius: 100%; width:153px; height: 153px; line-height: 153px;}
.fininfo h2{font-family: 'SegoeUI-Light'; color:#fff; padding-bottom:0px; font-weight:600; text-transform: none; font-size: 25px; line-height:25px; 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;
    -ms-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;}
.fininfo p{font-size:16px; line-height:22px; font-family: 'SegoeUI-Light'; color:#fff; padding-bottom:30px; font-weight:600;}
.fininfo a{display:block; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background:none; color:#fff; line-height:40px;  font-family: 'MyriadPro-Regular'; font-size:15px; -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:150px; margin:0 auto; border:2px solid #fff; text-transform: uppercase;;}
 .fininfo:hover a{background:#00427a;}
  

.fininfo:hover h2{color:#000; text-shadow: 0px 0px 8px rgba(255, 255, 255, 1);} 

.finin:hover .fininfo{
  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*/
.finin .fininfo:hover{
  /*box-shadow: 3px 3px 15px #666;*/
  border-color:#C76C0C;
  /*background: #C76C0C;*/
  color: #fff;
  cursor: pointer;
  
  /*Opacity*/
  zoom: 1;
  filter: alpha(opacity=100);
  opacity: 1;
}  
 
/*
=========================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:60px 0 90px 0;
}
 
.knowpart{text-align:center; border-bottom:3px solid #5c9fb8; -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;}
.knowpart img{display:block; text-align:center; margin:0 aut0;}
.knowpart h4.spac{padding:30px 0;}
.knowpart h4{font-family: 'SegoeUI-Light'; font-size:32px; line-height:32px; color:#2f3337; text-transform:none; font-weight:300; 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 h4 span{font-family: 'Segoe UI'; font-size:32px; line-height:32px; color:#2f3337; text-transform:none;}
.knowpart:hover{background:#5c9fb8; border-bottom:3px solid #f26922;}
.knowpart:hover h4{color:#fff;}
.knowpart p{font-family: 'SegoeUI-Light'; color:#333; font-size:18px !important; line-height:25px; padding-bottom: 20px !important;}
.knowpart a{/*display:block;*/ -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background:#f26922; 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;}

/*
=========================rangepart main========================
*/

.parallaxrangepart { 
    /* The image used */
    background-image: url("../images/bg_range.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:45px 0 70px 0;
} 
 
 .rangecontent{padding:0 120px; margin:0 auto; display:block;} 
 
 .rangein{text-align:center; overflow:hidden;}
 .rangein h2{font-family: 'SegoeUI-Light'; font-size:47px; line-height:47px; color:#00427a; text-transform:none; font-weight:300; padding-bottom:60px;}
 .rangein h2 span{font-family: 'SegoeUI-Bold'; font-size:53px; line-height:53px; color:#00427a; text-transform:none;}
 .rangein h3{font-family: 'SegoeUI-Light'; font-size:47px; line-height:47px; color:#00427a; text-transform:none; font-weight:300; padding:100px 0 20px 0;}
 .rangein h3 span{font-family: 'SegoeUI-Bold'; font-size:53px; line-height:53px; color:#00427a; text-transform:none;}
 .rangein p{font-family: 'SegoeUI-Light'; color:#333; font-size:24px; line-height:30px; font-weight:600; padding-bottom:60px;}
 
 .rangewrap{padding:0 15px; overflow:hidden;}
 .rangeinfo{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;}
 .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;}
 .rangeinfo h3{color:#21303f; font-family: 'Segoe UI'; font-size:30px; line-height:30px; padding:30px 0;} 

 .notpspace{padding-top:0px !important;}
 .rangeinfo a{display:block; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background:#f26922; color:#fff; line-height:56px;  font-family: 'MyriadPro-Regular'; font-size: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; width:207px; margin:0 auto;}
  .rangeinfo:hover a{background:#00427a;}
  
  .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);
}

  
/*
=========================footer main========================
*/

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




	



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

{

	.wrapper{padding:0;}
	
	
	.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:#222; margin-top: 24px; margin-right:0px;}

  .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:#39464f; }

  .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:#f26922 !important; color:#fff !important; }
  .navbar-nav .open .dropdown-menu>li>a:hover{background:#323946 !important;}
  
  
  
  .nav>li{border-bottom:1px solid #fff;}

  .navwrapper{height: auto;}
  .navwrapper .navbar-nav{margin:0 0 0 0;}
  .navwrapper .navbar-default .navbar-nav>li>a:first-child{padding:0 0 0 0;}
  
  
  .headerbottom{position: absolute; z-index: 5000;  width: 100%;}
  .main-slider{top:80px;}
  .rttop{float: none; width: 155px; margin:0 auto; text-align: center; padding: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;}
  .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; padding-bottom: 50px;}
  .about-cnt a{margin-bottom: 50px; display: block;}


	.contwrap{width:90%; margin:0 auto; margin-bottom:50px;}

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

	.comment{width:100% !important;}

	.contdetails{width:250px; margin:0 auto;}

	.footerpic{background-size:auto 100%; height:521px;}
	
	.inforpart{padding:50px 0 0 0;}
	.inforpartin{padding-bottom:50px;}
	.inforpartin h2{font-size:20px; line-height:20px;}
	.inforpartin p{font-size:13px; line-height:18px;}

    .matterpart{width:100%; margin:0 auto;}
	
	.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:30px;}
	.rangeinfo{min-height:470px; width:280px; 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;}
	.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 a{width:100%; font-size: 11px;}
  .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: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: 12px; line-height: 20px; padding-bottom: 5px;}
  .inpartrt h2 span{font-size: 15px; line-height: 20px;}

  .about-bg{padding:180px 0 90px 0;}
  
  .parallaxinnovative{padding:60px 0 30px 0;}
  .rangecontent{padding:0 0px;}
  .knowpart{width:100%; margin-bottom:50px;}
  .knowpart a{width:100%;}
  .knowpart p{font-size:15px !important;}


}

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

{

	.wrapper{padding:0;}
	.top-header{margin-bottom:0px;}
	.rtbottom{margin-bottom:40px;}
	.top-header .navbar-brand {padding: 32px 0px 41px 0px;font-size: 20px;}

  .navbar-default .navbar-toggle .icon-bar{background:#fff;}

  .top-header .navbar-nav{float:none;}

  .navbar-default .navbar-toggle{border:none; background:#222; margin-top: 24px; margin-right:0px;}

  .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:#39464f; }

  .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:#f26922 !important; color:#fff !important; }
  .navbar-nav .open .dropdown-menu>li>a:hover{background:#323946 !important;}
  
  
  
  .nav>li{border-bottom:1px solid #fff;}

  .navwrapper{height: auto;}
  .navwrapper .navbar-nav{margin:0 0 0 0;}
  .navwrapper .navbar-default .navbar-nav>li>a:first-child{padding:0 0 0 0;}
  .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:80px;}
  .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; 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: 50px; display: block;}
	
	.contwrap{width:400px; margin-bottom:50px;}

	.mbmid{width:400px;}

	.mbmid input.txt{width:400px;}

	.mbmid textarea.comment{width:400px;}

	.contdetails{width:400px; margin:0 auto;}

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

	.matterpart{width:100%; margin:0 auto;}

	.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: 15px;}
  .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:180px 0 90px 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;}
  .inpartrt h2{font-size: 18px; line-height: 25px; padding-bottom: 10px;}
  .inpartrt h2 span{font-size: 22px; line-height: 25px;}
  
  
  .parallaxinnovative{padding:60px 0 30px 0;}
  .rangecontent{padding:0 0px;}
  .knowpart{width:100%; margin-bottom:50px;}
  .knowpart a{width:100%;}


}

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



{

	.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;}
	
	.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:first-child{padding:0 10px 0 0;}
  .navwrapper .navbar-default .navbar-nav>li>a{font-size: 9px; padding:0 10px;}
  .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;}

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

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

	

	.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 p{font-size:20px; line-height:26px; padding:0 15px;} 
	.rangeinfo h3{font-size:17px;}
	.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: 12px;}
  .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%;}

  .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;}
  
  .inpartlt{width:30%;}
  .inpartrt{width:70%; padding:5% 0 0 0; text-align: left;}
  .inpartrt h2{font-size: 20px; line-height: 30px; padding-bottom: 10px;}
  .inpartrt h2 span{font-size: 26px; line-height: 30px;}
  
  .rangecontent{padding:0 30px;}
  .knowpart h4{font-size: 25px;}
  
  .mainpart{width:95%; margin:0 auto;}
  
}



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

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

	.navbar-nav{float:right;}

  .navwrapper .navbar-default .navbar-nav>li>a:first-child{padding:0 10px 0 0;}
  .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;}

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

  .inpartlt{width:30%;}
  .inpartrt{width:70%; padding:10% 0 0 0; text-align: left;}
  .inpartrt h2{font-size: 24px; line-height: 30px; padding-bottom: 40px;}
  .inpartrt h2 span{font-size: 35px; line-height: 40px;}
  
  .rangecontent{padding:0 50px;}
} 



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

{

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

.navwrapper .navbar-default .navbar-nav>li>a:first-child{padding:0px 25px 0 0px;}
  
.inpartlt{width:30%;}
  .inpartrt{width:70%; padding:15% 0 0 0; text-align: left;}
  .inpartrt h2{font-size: 30px; line-height: 40px; padding-bottom: 40px;}
  .inpartrt h2 span{font-size: 40px; line-height: 40px;}


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