@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: left; position: relative; z-index: 1000;}
.rtparttwo{float: right; position: relative; z-index: 1000; top:15px;}

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

.rtbottom{}
.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;}
.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:#fff; border-bottom:1px solid #e5e7e9; height:60px;}

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

.navwrapper .navbar-nav{float:right; padding:35px 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:#FFF; font-size:15px; padding: 0px 15px; line-height: 25px;}
.navwrapper .navbar-default .navbar-nav>li>a .fa-angle-down{color:#f26922;}
.navwrapper .navbar-default .navbar-nav>li>a:hover{color:#000;}
.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: #001961; padding:30px 0 0 0;}
.navwrapper{width:92%; margin: 0 auto; height: 90px;}

/*

=========================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:60px 0 0 0;}
.about-bg { 
    /* The image used */
   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;
	
}

.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;}
.rtshadow{position:absolute; z-index:100; right:-6px; top:-6px;}
.ltshadow{position:absolute; z-index:100; left:-6px; top:-6px;}


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

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

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

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

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

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

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

  -moz-filter: grayscale(100%); 

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

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

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

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

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

.abtcontent{border:1px solid #ccc; padding:40px 25px;}
.abtpic{}
.abtpic img{display:block; text-align:center; margin:0 auto;}
.abtdata{}
.abtdata h1{color:#000; font-size:27px; line-height:27px; padding-bottom:10px; font-family: 'Lato', sans-serif; font-weight:600;}
.abtdata p{color:#666; font-size:19px; line-height:41px; 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;
}


.loginpart{border:1px solid #898989; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.loginpart h2{background:#999; color:#fff; font-size:17px; line-height:45px; font-family: 'SegoeUI-Light'; -webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px; padding:0 20px; margin-bottom:30px; border-bottom:1px solid #898989;}

.loginner{padding:0 20px 30px 20px;}
.loginner input.txt{float:right; width:100%; padding:0 15px; height:40px; border: 1px solid #898989; border-radius: 0px; color: #959595; font-size:14px; transition: all 0.3s ease 0s; line-height:40px; text-transform: none; float:none; text-align:left; font-style:normal; background:#fff !important; margin-bottom:12px; font-family: 'Lato', sans-serif;}

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

.loginner input:focus {outline: none; box-shadow: 0px 0px 15px #474747 !important; border:1px solid #000 !important; color:#000 !important; background:#fff !important;}

.logpart{position:relative;}

.logpart input.txt{float:right; width:100%; padding:0 15px; height:40px; border: 1px solid #898989; border-radius: 0px; color: #959595; font-size:14px; transition: all 0.3s ease 0s; line-height:40px; text-transform: none; float:none; text-align:left; font-style:normal; background:#fff !important; margin-bottom:12px; font-family: 'Lato', sans-serif;}

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

.logpart input:focus {outline: none; box-shadow: 0px 0px 15px #474747 !important; border:1px solid #000 !important; color:#000 !important; background:#fff !important;}
.logpart a{color:#006600; font-size:12px; text-transform:uppercase; position:absolute; z-index:100; right:20px; top:13px;}
.loginner a.already{color:#333; font-size:13px; line-height:18px; font-family: 'Lato', sans-serif; display:block; text-align:center;}

.loginner input.submitbtn{background:#fff; color:#006600;  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; behavior: url(PIE.htc); position:relative; font-weight:600; font-family: 'Lato', sans-serif; line-height:28px; height:28px; border:0; outline:none; font-size:12px; padding:0 0px; left:0; right:0; width:115px; -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; display:block; margin:0 auto; margin-top:10px; margin-bottom:16px; text-transform:uppercase; border:1px solid #ccc;}

.loginner input.submitbtn:hover{background:#00427a; color:#fff;}




/*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: #efefef; text-align: center;}
.smartsip h3{font-family: 'Lato', sans-serif; font-weight:300; font-size: 30px; color:#666; line-height: 30px; padding:60px 0 25px 0;}

.parallaxsmartsip { 
    /* The image used */
   /* background-image: url("../images/bg_smartsip.png");*/
	background:#efefef;
    /* 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:#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;}
.smartinfo:hover a{background:#000; color:#fff;}
.smartwrapper{width:100%; margin:0 auto; margin-bottom: 30px;}
.smartone{border:1px solid #828487; text-align:center; float: left;}
.smartone h3{background: #007ec6; 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;}



/*
======================================================= 
goalswrap css
=======================================================
*/
.goalswrapper{border-bottom:2px solid #ccc; padding:60px 0; background:#fff;}
.goaltxt{text-align:left; padding:35px 95px 40px 55px; background:url(../images/txtbgline.png) 100% center no-repeat; margin-top:45px; height:410px;}
.goaltxt h2{color:#003366; font-size:29px; line-height:40px; padding-bottom:45px;}
.goaltxt h2 span{display:block; text-transform:uppercase;}
.goaltxt p{color:#003366; font-size:19px; line-height:25px; font-family: 'Lato', sans-serif; font-weight:300; padding-bottom:25px;}

.goalinformation{}
.goalin{margin-bottom:20px; width:100%; display:inline-block;}
.goalpic{position:relative; z-index:1000; width:170px;}
.goalpic img{display:block; text-align:center; margin:0 auto; border:1px solid #a0a0a0;}
.goalmatter{margin:28px 0 0 24px; -webkit-box-shadow: 7px 0px 30px 0px rgba(184,184,184,1);
-moz-box-shadow: 7px 0px 30px 0px rgba(184,184,184,1);
box-shadow: 7px 0px 30px 0px rgba(184,184,184,1);}
.goalmatter a{color:#000; font-size:14px; line-height:18px; font-family: 'Lato', sans-serif; font-weight:300; float:right; margin-top: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; padding-right:20px;}
.goalin:hover .goalmatter a{color:#1c4d84;}
.goalmatter h2.candy{background:#ffffcc; text-align:left; padding:20px 25px; font-size:18px; font-family: 'Lato', sans-serif; line-height:25px; color:#1c457b; text-transform:uppercase; font-weight:600; -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;}
.goalmatter h2.bluecandy{background:#ccffcc; text-align:left; padding:20px 25px; font-size:18px; font-family: 'Lato', sans-serif; line-height:25px; color:#1c4d84; text-transform:uppercase; font-weight:600; -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;}
.goalmatter h2.bluelight{background:#ccffff; text-align:left; padding:20px 25px; font-size:18px; font-family: 'Lato', sans-serif; line-height:25px; color:#1c4d84; text-transform:uppercase; font-weight:600; -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;}

.goalin:hover .goalmatter h2{background:#003366; color:#fff; -webkit-box-shadow: 7px 0px 30px 0px rgba(128,128,128,1);
-moz-box-shadow: 7px 0px 30px 0px rgba(128,128,128,1);
box-shadow: 7px 0px 30px 0px rgba(128,128,128,1);}
 

/*
======================================================= 
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:65px 0 90px 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: #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: 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: 300;}
.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;}

 


/*
=========================mutualtitle main========================
*/
.mutualtitle{background:#f2f3f8; text-align:center;}
.mutualtitle h2{font-family: 'Lato', sans-serif; font-weight:600; color:#000; font-size:72px; line-height:150px;}


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



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

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

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

.rangeinfo{margin-bottom:10px;}
.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;}
.rangein h2 span{text-transform:uppercase;}
.rangeinfo img{margin-bottom:20px;}
.ranin{text-align:center; border-right:1px solid #e5e7e9; border-bottom:1px solid #e5e7e9; border-left:1px solid #e5e7e9;}
.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:35px; text-transform:uppercase;}


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

{

	.wrapper{padding:0;}
	
	.top-header{margin-bottom:0px;}
	.rtbottom{padding-bottom:30px; width:240px; margin:0 auto;}
	.navbar-brand>img{width:170px;}
	
	.topgrey{height:auto;}
	
	.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 10px; padding:0 0 0 0;}
	
	.navbar-default .navbar-toggle{border:none; background:#000; margin-top: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:30px 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:451px;}

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

.goalpic {left: 0; right: 0; margin: 0 auto;}
.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: 16px; text-align:center;}
.goalmatter h2.bluecandy{font-size: 16px; text-align:center;}
.goalmatter h2.bluelight{font-size: 16px; text-align:center;}

.abtmatter{padding:50px 0px;}
.abtcontent{margin-bottom:50px; padding:40px 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;}
}

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

{

	.wrapper{padding:0;}
	
	.top-header{margin-bottom:0px;}
	.rtbottom{padding-bottom:30px; width:250px; margin:0 auto;}
	
	.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 10px; padding:0 0 0 0;}
	
	.navbar-default .navbar-toggle{border:none; background:#000; margin-top: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: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 0 0;}

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


	

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

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

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

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

	

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

.goalinformation{width:400px; margin:0 auto;}
.goalin{height:140px;}
.goalpic{float:left; width:130px;} 
.goalmatter{float:right; top:-142px; position:relative; width:270px;}

.abtmatter{padding:50px 0px;}
.abtcontent{margin-bottom:50px; padding:40px 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;}



}

@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:30px 0 0 0;}

	.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:40px 0 20px 0;}
	.rtbottom{padding:0px 0 0 0;}
	.headerbottom{padding:20px 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: 11px; 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;}

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

	
	


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


.goaltxt{margin-top:0px; padding: 36px 95px 40px 25px; height:410px;}
.goalmatter{margin-top:5px; width: 200px; margin-left: 48px;}
.goalmatter h2.candy{padding: 10px 8px; font-size:13px; line-height:25px;}
.goalmatter h2.bluecandy{padding: 10px 8px; font-size:13px; line-height:25px;}
.goalmatter h2.bluelight{padding: 10px 8px; font-size:12px; line-height:25px;}
.goaltxt h2{font-size:17px; line-height:25px;} 
.goaltxt p{font-size:15px; line-height:20px;}
.goalpic{width:130px; top:-20px;}
.goalpic img{width:140px; height:120px;} 

.abtcontent{padding:40px 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;}
  
.goaltxt{padding: 36px 95px 40px 25px; height:410px;}
.goalmatter{margin-top:30px; margin-left: 45px;}
.goaltxt h2{font-size:26px; line-height:35px;} 
.goaltxt p{font-size:17px; line-height:26px;}
.goalmatter h2.candy{font-size:16px;}	
.goalmatter h2.bluecandy{font-size:16px;}	
.goalmatter h2.bluelight{font-size:16px;}	

}


@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;} 
	
  
.goaltxt{padding: 36px 95px 40px 25px; height:410px;}
.goalmatter{margin-top:30px; margin-left: 45px;}
.goaltxt h2{font-size:26px; line-height:35px;} 
.goaltxt p{font-size:17px; line-height:26px;}
.goalmatter h2.candy{font-size:16px;}	
.goalmatter h2.bluecandy{font-size:16px;}	
.goalmatter h2.bluelight{font-size:16px;}	
	
}

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

{

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

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

	.top-header .navbar-default .navbar-nav>li>a{font-size:13px;}
	
	.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;}

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

  
  

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