Currently editing:  
/home/wealthb5/public_html/wp-content/themes/twentyseventeen/style.css
 Encoding:     Switch to Code Editor      Save

/*
Theme Name: Twenty Seventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

/********responsice*******/
#logo-slider-wraper{
margin-left: 83px;
}
.menu{
  cursor: pointer;
  margin: 0 auto;
 .plan-name
  position: relative;
  width: 40px;
  height: 40px;
  left:0px;
top: 2px;
}


.starter{
    background: white;
    height: 44%;
    width: 82%;
box-shadow: 0px 0px 10px black;
    margin-left: 43px;

}

div[class*=slider-loader-]{
width: 95% !important;
}










/* .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
background-color: #6495ed !important;
} */
.menu-global {
  backface-visibility: hidden;
  position: absolute;
  left: 0;
  border-top: 2px solid white;
  width: 100%;
  transition: 0.55s;
}
/* .navbar-default .navbar-toggle{
border-color:#6495ed !important;
} */
.menu-top {
  top: 9px;
}
.menu-middle {
  top: 18px;
}
.menu-bottom {
  top: 27px;
}
.menu-top-click {
  backface-visibility: hidden;
  top: 15px;
  transform: rotate(50deg);
  transition: 0.55s 0.5s;
}
.menu-middle-click {
  opacity: 0;
}
.menu-bottom-click {
  backface-visibility: hidden;
  top: 15px;
  transform: rotate(-410deg);
  transition: 0.55s 0.5s;
}



/*********** responsive end **************/



body{
    font-size: 15px;
    font-family: "Roboto";
	font-weight: 400;
    color: rgb(88, 88, 90);
    line-height: 1.484;
    /* text-align: left; */
/* font-family: 'Arial';
font-size: 13px; */
}
a:focus, a:hover{
text-decoration: none !important;
}
.min-height{
min-height:80px !important;
}
.navbar-custom img{
width:100%;
}
.cta-section-field{
margin-top:16%;
}








#button-hover:hover{
background:#fe1300;
box-shadow: inset 0 100px 0 0 #fe1300;
color:white !important;
border-color:#fe1300;
}
#button-hover{
box-shadow: inset 0 0 0 0 #fe1300;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	transition: all ease 0.3s;
}

#button-hover1:hover{
background:#fe1300;
box-shadow: inset 100px 0 0 0 #fe1300;
color:white !important;
border-color:#fe1300;
}
#button-hover1{
box-shadow: inset 0 0 0 0 #fe1300;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
#button-hover3:hover{
background:#fe1300;
box-shadow: inset 0 0 100px 0 #fe1300;
color:white !important;
border-color:#fe1300;
}
#button-hover3{
box-shadow: inset 0 0 0 0 #fe1300;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	transition: all ease 0.3s;
}

#button-hover4:hover{
background:#fe1300;
box-shadow: inset 0 0 100px 0 #c59c19;
color:white !important;
border-color:#c59c19;
}
#button-hover4{
box-shadow: inset 0 0 0 0 #c59c19;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
#button-hover5:hover{
background:#fe1300;
box-shadow: inset 0 0 100px 0 #2196f3;
color:white !important;
border-color:#2196f3;
}
#button-hover5{
box-shadow: inset 0 0 0 0 #2196f3;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	transition: all ease 0.3s;
}


.margin-defa{
 margin-bottom: 26px;
margin-top: 6% !important;
}

.cta-sec-2{
display:flex;
}
.navbar-custom{
float: left;
    height: 77px;
    padding: 3px 15px;
    font-size: 18px;
	    width: 19%;
    line-height: 20px;
}
.default-role{
margin:16px auto;
}
.navbar-default{
background: #ffffff;
    margin-bottom: 0px;
    z-index: 10;
    position: fixed;
    width: 100%;
	border:none;
}
.btn-margin-top{
margin:10px 26px;
}
.new-attr{
background: rgba(255, 255, 255, 0.82);
    
    padding: 22px 17px;
	    margin: 0px 4%;
}
.btn-red{
border: 2px solid #fe1300;
    color: #fe1300;
	background: transparent;
}
.navbar-default .navbar-nav>li>a{
    font-weight: bold;
color:black;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
color: white;
    background-color: #f3392a;
}
.index-hero{
    /*background-image: url(https://wealthbridgeindia.com/wp-content/uploads/2017/06/bridge.jpg);*/
    background-size: cover;
    background-repeat: no-repeat;
	height:355px;
	/* position:relative;*/
	
}
.hello{
 transition: all 3s ease-in-out; 
  transform: scale(1.2); 
}
.remove1{
 transition: all 3s ease-in-out; 
  transform: scale(1);
}
.page_item  a{
color:black !important;
font-weight:bold !important;
border-bottom: 3px solid rgb(196, 32, 73);
}
.hero-text{
    position: absolute;
    top: 91px;
    left: 0px;
	z-index:9;
    -webkit-animation-duration: 2s;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 1;

}

.hero-text span:nth-child(1){
background: #ceac41;
    color: white;
    padding: 11px 51px;
	letter-spacing: 4px;
}
.hero-text span:nth-child(2){
background: #2196f3;
    color: white;
    padding: 17px 15px;
	font-size: 14px;
    position: relative;
    top: -4px;
	letter-spacing: 4px;
}
.sub-text{
   position: ABSOLUTE;
    bottom: 54%;
    z-index:9;
	letter-spacing: 4px;
	
    -webkit-animation-duration: 3s;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
}
.sub-text span:nth-child(1){
background: #ceac41;
    color: white;	
    padding: 11px 51px;
	letter-spacing: 4px;
}
.sub-text span:nth-child(2){
background: #2196f3;
    color: white;
    padding: 13px 15px;
	    font-size: 14px;
    position: relative;
    top: -1px;
	letter-spacing: 4px;
}
.cta-sec-2{
    margin-top: 9% !important;
}
.sub-text1{
   position: ABSOLUTE;
    bottom: 38%;
   z-index:9;
	letter-spacing: 4px;
	
    -webkit-animation-duration: 3s;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
}
.sub-text1 span:nth-child(1){
background: #ceac41;
    color: white;	
    padding: 11px 51px;
	letter-spacing: 4px;
}
.sub-text1 span:nth-child(2){
background: #2196f3;
    color: white;
    padding: 13px 15px;
	    font-size: 14px;
    position: relative;
    top: -1px;
	letter-spacing: 4px;
}
.sub-text2{
   position: ABSOLUTE;
    bottom: 22%;
    z-index:9;
	letter-spacing: 4px;
	
    -webkit-animation-duration: 3s;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
}
.sub-text2 span:nth-child(1){
background: #ceac41;
    color: white;	
    padding: 11px 51px;
	letter-spacing: 4px;
}
.sub-text2 span:nth-child(2){
background: #2196f3;
    color: white;
    padding: 13px 15px;
	    font-size: 14px;
    position: relative;
    top: -1px;
	letter-spacing: 4px;
}
.features-section{
background-image:url(https://wealthbridgeindia.com/wp-content/uploads/2017/06/bg-section1.jpg);
background-size:cover;
}
.features-section1{
background-color:white;
}
.features-section0{
background-color:white;
}
.top-padding{
margin-top:3% !important;
}
.section-heading h3{
    font-size: 36px !important;
    font-family: "Roboto";
    color: rgb(27, 75, 146);
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    padding: 0px 20%;
    margin-top: 2%;
	margin-bottom:2%;
    font-weight: 400;
}
.section-heading h3 span:nth-child(1){
color:red;
}
.section-heading h3 span:nth-child(2){
color:#2196f3;
}
.chart img{
margin-bottom:14%;

}
.btn-more{
padding: 10px 20px;
    background: transparent;
    border-radius: 6px;
    border: 1px solid red;
    color: black;
    text-decoration: none;
}
.active-more{
padding: 10px 20px;
    background: transparent;
    border-radius: 6px;
    border: 1px solid red;
    color: #f44336;
    text-decoration: none;
}
.text-label h4{
color:black;
}
.sub-title{
    margin-bottom: 32px !important;
}
.plan-name{
padding: 14px 7%;

}
.analyst-img img{
width:100%;
}
.padding-offset{
    padding: 0px 0px 5% 0px;
}
.text-label{
margin:-7px auto; 
padding:0px;
}
.cta-heading h4{
    color: rgba(0, 0, 0, 0.51);
    font-weight: 900;
    padding: 0px 27%;
    margin-top: 4%;
    margin-bottom: 1%;
}
.cta-section{
/* background:#f4f4f4; */
background-image: url(https://wealthbridgeindia.com/wp-content/uploads/2017/06/bg-section1.jpg);
    background-size: cover;

}
.cta-section-field
    margin-top: 16%;
}
.starter{
background: white;
   height:320px;
    width: 80%;
    margin: 0px auto;	
    box-shadow: 0px 0px 10px grey;	
}
.starter-label{
    width: 100%;
    background: #f44336;
    padding: 88px 0px 2px;
    color: white;
	position:relative;
}
/*.starter-circle{
 position: absolute;
   box-sizing: content-box;
   width:134px;
    background: white;
    border-radius: 50%;
    height: 134px;
    top: -79px;
    left: 73px;

    border: 2px solid #f4432c;

}*/
.srt-cir:after{  
	  position: absolute;
    content: "STARTER";
    border: 2px solid #f44336;
    width: 130px;
    font-weight: bold;
    height: 130px;
    border-radius: 50%;
    top: -79px;
    color: red;
    background: white;
    /*left: 77px;*/
    margin: 0px -65px;
    padding: 48px 0px;
    font-size: 18px;
}
.color-ch:after{
  position: absolute;
    content: "$29.1";
    border: 2px solid #c59c19;
    width: 130px;
    font-weight: bold;
    height: 130px;
    border-radius: 50%;
    top: -79px;
    color: #c59c19;
    background: white;
    /*left: 77px;*/
    margin: 0px -65px;
    padding: 48px 0px;
    font-size: 18px;
}
.blue-color:after{
 position: absolute;
    content: "$50.21";
    border: 2px solid #2196f3;
    width: 130px;
    font-weight: bold;
    height: 130px;
    border-radius: 50%;
    top: -79px;
    color: #2196f3;
    background: white;
    /* left: 77px; */
    margin: 0px -65px;
    padding: 48px 0px;
    font-size: 18px;
}
.starter-label h3{
color:white !important;
font-weight:500 !important;
}
.starter-circle h3{
color: red !important;
   margin:50px auto;
   font-weight:bold;
}
.color-ch{
background:#c59c19 !important;
}
.border-color{
 border: 2px solid #c59c19 !important;
}
.border-color h3{
color:#c59c19 !important;
}
.footer-label{
padding: 18px 12px;
}
.color-btn{
     border: 1px solid #c59c19 !important;
	 color: #c59c19 !important;
}
.border-color1{
 border: 2px solid #2196f3 !important;

}
.border-color1 h3{
color: #2196f3 !important;
}
.color-btn1{
	  border: 1px solid #2196f3 !important;
		 color: #2196f3 !important;
		 background:transparent;
}
.blue-color{
background: #2196f3 !important;
}

.proctecttion-section{
background:white;
/*background-image: url(https://wealthbridgeindia.com/wp-content/uploads/2017/06/bg-section1.jpg);*/
    /*background-size: cover;*/
    background-repeat: repeat;
height:auto;
    background-position: top;
}

#innershadow{
box-shadow: 0px 5px 23px #bbb !important;
    margin-bottom: 10px !important;
}
.img-process{
width: 45%;
}
/*****************footer*********************/
.main-footer{
 background: #e7e7e7;

    width: 100%;

}

.boxing{
/*background: #f4f4f4;*/
/*background: rgba(128, 128, 128, 0.27);*/
   /* box-shadow: 0px 0px 60px white; */

}
.newsletter{
padding:0px !important;
}
.footer-margin-top{
    margin-top: 4;
    margin-bottom: 4px;
padding: 30px 0px;
}
.footer-img{
width:50%;
}
.social-margin img{
margin-right:20px;
}
.copy-right{
background:#bcbcbc;
padding:2px 64px;
box-sizing:border-box;
text-align:center;
}
.double-arrow{
list-style-image:url('https://wealthbridgeindia.com/wp-content/uploads/2017/06/double-arrow.png');
    padding: 11px;
}
.double-arrow li{
margin:12px 0px;
}
.menu12 h4{
font-weight:bold;
}
.btn-red{
margin: 17px 9px;

}
.navbar-default .navbar-toggle .icon-bar{
background-color: white;
}
/* .navbar-toggle{
    background: #2196f3;

} */
#label-left{
    position: absolute;
/*left: 43%;*/
right:0px;
top: 55px;
height: 82%;
width: 46%;
}
/******************************Responsive Grid for mobile


/* iPhone 5 (portrait & landscape)----------- */
@media only screen
and (min-device-width : 768px)
and (min-device-height : 1024px) {
.ctact-bg{
position: absolute !important;
    left: 2% !important;
    width: 34% !important;
    height: 83% !important;
}
.ctact-bg1{
position: absolute !important;
    width: 45% !important;
    top: 7% !important;
    right: 9% !important;
}
.main-contact{
    margin: 10px 0px !important;
width: 100% !important;
    box-shadow: 0px 0px 10px grey !important;
    
}
.metaslider .slides img{
height:40vh;
}

.bg-white{
display: flex !important;
}
.margin-bottom-res{
    margin-bottom: 7% !important;
}
.analyst-img img{
width: 96%;
}
.navbar nav ul{
margin-left: 54px !important;
}
.navbar-collapse.collapse{
display: inline !important;
}
.button-hover{
    margin-left: 0px Important;
}
.starter{
    width: 100% !important;
    margin-left: 0px !important;
    
}
.social-margin img{
margin-right: 13px;
}

.starter-circle{
    left: 44px;
}
.section2{
height: auto !important;
}
.section-1{
height: 58% !important;
}
.navbar nav ul li{
    padding: 20px 6px !important;
}
.new-attr{
    margin: 0px 4%;
}

.navbar nav ul li a{
font-size: 7px;
    padding: 10px 6px !important;
}
.hero-text span:nth-child(1){
padding: 6px 24px;
}
.sub-text span:nth-child(1){
padding: 9px 24px;
letter-spacing: 3px;
}
.sub-text1 span:nth-child(1){
    padding: 9px 38px;
letter-spacing: 3px;
}
.sub-text2 span:nth-child(1){
    padding: 9px 5px;
letter-spacing: 3px;
}
.padding-right-default{
padding:0px;
}
.navbar-custom{
padding: 3px 4px;
height: 55px;
}

.role-padding{
padding:0px;
}
.default-role{
    margin: 6px auto;
	float: right; 
}
.reponsive-menu{
font-size: 10px;
 padding: 10px 6px !important;
}
.btn-margin-top{
    margin: 10px 6px;
}
.btn-red{
font-size: 9px;
    margin: 19px 0px;
}
.min-height{
min-height: 61px !important;
}
}



@media only screen
and (min-device-width : 1400px)
and (min-device-height : 1024px) {
.btn-red{
font-size: 12px;
    margin: 21px 23px;
}

.navbar nav ul li{
padding: 22px 8px;
}
.navbar nav ul li a{
    font-size: 16px !important;
}
}



@media only screen
and (min-device-width : 320px)
and (max-device-height : 736px) {
.main-contact{
background: #3a62dc !important;
}
.ctact-bg{
position: relative !important;
width: 100% !important;
left:0px !important
    
}
.ctact-bg1{
position: relative !important;
width: 100% !important;
right: 0px !important;
padding: 51px 0px !important;
margin-bottom:60px !important;
}
.main-contact{
     margin: 0px !important; 
}
.contactus{
    height: 1200px !IMPORTANT;
}



.metaslider .slides img{
height:48vh !important
}

.tp-mrg{
    position: relative;
    top: -43px;
}
.process-t{
position: relative;
    top: -76px;
}
.background{
position: relative;
    top: -88px;
}
.slide-sec{
PADDING: 0px 0PX;
    position: relative;
    top: -80px;
}
.about-us-bg{
    top: -88px;
}
.why-title ul{
padding:0px !important;
margin-top: 12px;
}
.why-title ul li h2{
font-size:17px !important;
}

#min-h div{
height: auto;
    width: 90% !important;
    display: table;
       margin: 9px 18px !important;
}







.social-margin{
POSITION: RELATIVE;
    text-align:center;
    WIDTH: 255PX;
    LEFT: -20PX;
}
.starter{
	height: auto;
    margin-left: 28px;
padding:0px 0px 10px 0px;
}
.navbar-custom img{
width: 77%;
}
.menu12 h4{
font-size:16px;
}
.how-us-bg h1{
margin: 20% auto !important;
}
.bg-white{
display: inline-block !important;
position: relative;
    top: -60px;
}
.width-max img{
width:100% !important;
}
.ul-logo{
margin-top:10%;
padding:0px;
}
.ul-logo ul li h2{
    font-size: 20px;
}
.ul-logo ul:nth-child(1){
    padding-left: 106px !important;
    background-position: 2% 0px !important;
    background-size: 26% !important;
}

.ul-logo ul:nth-child(2){
    padding-left: 106px !important;
    background-position: 2% 0px !important;
    background-size: 26% !important;
}
.ul-logo ul:nth-child(3){
    padding-left: 106px !important;
    background-position: 2% 0px !important;
    background-size: 26% !important;
}
.ul-logo ul:nth-child(4){
    padding-left: 106px !important;
    background-position: 2% 0px !important;
    background-size: 26% !important;

}

#label-left{
    top: 68px;
}
.mainh{v

}


.ul-logo ul:nth-child(1)

.starter{
height: 65%;
margin-left: 27px;
}
.about-us-bg h1{
margin: 48% 0px 0px 0px !important;
}
.slides{

padding:0px;
}
.min-height-sec div{
padding:0px;
}
.img-auto h3{
font-size:18px;

}
.img-auto h5{
font-size:12px;
}


















.bg-border{
    background: cornflowerblue;
    padding: 10px 0px !important;
color: white !important;
}
.analyst-img img{
width: 50%;
}
.text-label{
text-align:center;
}
.navbar-collapse {
position: absolute;
    width: 100%;
    background: white;
}
#innershadow{
position:relative;
}
.navbar-default{
position: fixed;
    width: 100%;
top: 0px;
    z-index: 100000;
}
.analyst-img{
padding:0px;
}
.double-arrow{
margin-bottom:0px;
}
.copy-right{
padding: 11px 23px;
}

.section2{
margin-top: 24px;
height:auto !important;
}
.section-1{
    height: 48% !important;
}
.section-heading h3{
    font-size: 22px !important;
}
.btn-red{
margin: 10px 26%;
}
/*.navbar-collapse{
margin-top: 77px;
}*/
.navbar nav ul{
    text-align: center;
	display:block !important;
}
.navbar nav ul li{
padding: 2px 10px !important;
}
.navbar-toggle{
       margin-top: 12px;
    margin-right: 10px;
    padding: 3px 6px !important;
}
.navbar-custom{
position: absolute;
    width: 75%;
}
.default-role{
    margin: 64px auto;
}
.index-hero{
        height: 253px;
		background-size: 100vw 256px;
		overflow:hidden;
		
}
.hero-text{
top: 89px;
}
.hero-text span:nth-child(1){
    padding: 6px 2px;
    letter-spacing: 1px;
    font-size: 10px;
}
.hero-text span:nth-child(2){
    padding: 9px 3px;
      top: -1px;
    font-size: 6px;
    letter-spacing: 1px;

}
.sub-text{
    left: 0px;
	    bottom: 50%;

}
.sub-text span:nth-child(1){
padding: 4px 11px;
    letter-spacing: 1px;
    font-size: 10px;
}
.sub-text span:nth-child(2){
    padding: 7px 3px;
    top: -1px;
    font-size: 6px;
    letter-spacing: 1px;
}
.sub-text1{
    left: 0px;
	
	bottom: 38%;
}
.sub-text1 span:nth-child(1){
padding: 4px 11px;
    letter-spacing: 1px;
    font-size: 10px;
}
.sub-text1 span:nth-child(2){
    padding: 7px 3px;
    top: -1px;
    font-size: 6px;
    letter-spacing: 1px;
}.sub-text2{
    left: 0px;
	    bottom: 27%;
}

.sub-text2 span:nth-child(1){
padding: 4px 11px;
    letter-spacing: 1px;
    font-size: 10px;
}
.sub-text2 span:nth-child(2){
    padding: 5px 3px;
    top: -1px;
    font-size: 6px;
    letter-spacing: 1px;
}
.section-heading h3{
margin-top: 4%;
    font-size: 12px;
	padding: 0px 0px;
}
.responsive-padding{

margin: 27px;
padding: 18px;
    height: auto;
}
#section2{


}
.text-label{
    margin: 4px 0px 40px;
}
.plan-name{
    padding: 14px 0px;
}
.chart img{
    margin-bottom: 0px; 
}
.cta-section-field{
    margin-top: 36%;
}
.margin-bottom-res{
margin-bottom:32%;
}
.starter-circle{
   left: 46px;
    top: -63px;
    width: 120px;
height: 120px;

}
.starter-circle h3{
    padding:48px 7%;
}
.cta-sec-2{
margin-top:4% !important;
display:block;
}
.boxing{
 border-radius: 0px; 
}
.img-process{
width:100%;

}
.padding-default{
padding:56px;
}
}





.navbar nav ul{
list-style: none;
    display: inline-flex;
    padding: 0px;
    margin: 0px;
}
.navbar nav ul li{
/*padding: 12px 0px;*/
margin-top: 27px;
/*box-shadow: inset 0 0 0 0 rgba(254, 19, 0, 0.64);*/

/*-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	transition: all ease 0.3s;*/
}



/*.navbar nav ul li:hover,.navbar nav ul li:visited,.navbar nav ul li:active{
border-bottom: 2px solid rgba(254, 19, 0, 0.64);
}*/
.navbar ul li:hover > a,.navbar ul li:active > a{
/*//color: white !important;*/
font-weight:bold !important;
border-bottom: 3px solid rgb(196, 32, 73);
}
.navbar nav ul li a{
font-weight:500;
    color:rgba(0, 0, 0, 0.76);
}






.section-1{
    width: 100%;
    height: 100%;
	position:relative;
}
.section2{
    width: 100%;
    height: auto;
	background:transparent;
	
	position:relative;
}
.downarrow{
    padding: 1px 10px;
    color: red;
    font-weight: bold;
    position: absolute;
    right: 0px;
    bottom: 155px;
    right: 26px;
    font-size: 62px;
	cursor:pointer;
}

@media only screen 
and (min-device-width : 600px)
and (max-device-width : 1216px){
.main-contact{
    margin: 0px !important;
height:1000px !important;
background:transparent !important;
box-shadow:none !important;
}
.ctact-bg{
position: relative !important;
left: 26% !important;
width: 52% !important;
height: 41% !important;
top: 4% !important;
}
.contactus{
top:11% !important;
height:auto !important;
}
.ctact-bg1{
position: relative !important;
    width: 100% !important;
top: 2% !important;
right:0px !important;
}
.bg-white{
display:block !important;
}
.metaslider .slides img{
height:40vh;
}
#container-flex{
display:flex;
}
#min-h div{
display:tabel !important;
    margin: 8px 52px !important;
    width: 80% !important;
display:table;
}
.social-margin{
POSITION: RELATIVE;
    text-align:center;
    WIDTH: 255PX;
    LEFT: 11px;
}
.about-us-bg h1{
margin: 14% auto !important;
}
ul-logo{
padding:0px !important;
margin-top:15px !important;
}
.ul-logo ul:nth-child(1){
    padding-left: 127px !important;
}

.ul-logo ul:nth-child(2){
    padding-left: 127px !important;
}
.ul-logo ul:nth-child(3){
    padding-left: 127px !important;
}
.ul-logo ul:nth-child(4){
    padding-left: 127px !important;

}.about-us-bg h1
.bg-white{
    display: block !important;
}
.menu{
top: 2px;
    position: relative;
}
.index-hero{
background-size: 100% 100%;
}

.plan-name{
height: 128px;
}
.social-margin img{
margin-right:11px !important;
}

.footer-margin-top{
display:block !important;
}
.cta-section-field{
margin-bottom:0px;
}
.analyst-img{
padding:0px !important;
}
.padding-offset{
display:flex !important;
}

.navbar-toggle{
margin-top: 22px;
}
.img-process{
width:60%;
}
.starter{
width:50%;
margin-left: 134px;
    height: auto;
padding:0px 0px 10px 0px;
}
.section2{
height:auto !important;
}
.starter-circle{
left: 70px;
}
.margin-bottom-res{
margin-bottom:24%;
}
.cta-section-field{
margin-top:22%;

}
.boxing{
margin-top:0px;
}
.new-attr{
width:25% !important;
}
.sub-text2 span:nth-child(2){
letter-spacing: 0px;
}
.hero-text span:nth-child(1){
padding: 10px 26px;
}
.hero-text span:nth-child(2){
letter-spacing: 0px;
}
.sub-text span:nth-child(1){
padding: 9px 11px;
    letter-spacing: 0px;
}
.sub-text span:nth-child(2){

    letter-spacing: 0px;
}
.sub-text1 span:nth-child(1){
padding: 9px 11px;
    letter-spacing: 0px;
}
.sub-text1 span:nth-child(2){

    letter-spacing: 0px;
}
.sub-text2 span:nth-child(1){
padding: 9px 11px;
    letter-spacing: 0px;
}
.section-1{
    height: auto; !important;
}
.tablet-margin{
    /*margin: 10px 38%;*/
}
.navbar nav ul li{
padding: 8px 10px;
}
.role-padding{
/*    margin-top: 14%;*/
width:100%;
margin:0px;
background:white;
}
.navbar-custom img{
width: 200px;
}
.navbar nav ul{
display:block;
text-align: center;
}
}


/*********************about us **********************/

.min-width img{
width:100%;
}
.slider-repons img{
width:100%;
}

#innershadow{
position: fixed;
    width: 100%;
    background: white;
    z-index: 10;
top:0px;
}

.about-us-bg{
background-image:url("http://localhost/wealthnew/wp-content/uploads/2018/07/Aboutus.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
	height:180px;
	display: table;
	position:relative;
}
.about-us-bg h1{
color:white;
padding-top: 40px;
}
.slide-sec{
background: white;
    HEIGHT: AUTO;
    PADDING: 53PX 0PX;
}
.label-slider h3:nth-child(1){
margin:0px;
}
.label-slider ul{
    /*list-style-image: url("https://wealthbridgeindia.com/wp-content/uploads/2017/06/li.png");*/
 	list-style-image: url("https://wealthbridgeindia.com/wp-content/uploads/2018/06/Untitled-1.png");
	margin: 0px 26px;
    padding: 0px;
    line-height: 1.484;
}
.label-slider ul a{
    position: relative;
    /* top: -6px;*/
top:-2px;
}

.img-auto img{
width:auto;
}
.background{
background: #f7f7f7;
    height: auto;
}
.background1{
background: white;
    height: auto;
}


/******************* how we can help You ********************/


.bg-white{
background:white;
padding: 4% 5%;
display:inline-flex;
-moz-box-sizing: border-box; 
    box-sizing: border-box;
}
.width-max img{
width:90%;
}
.ul-logo ul li h2{
margin:0px;
}
.ul-logo ul:nth-child(1){
    background-image: url(https://wealthbridgeindia.com/wp-content/uploads/2017/06/FinancialPlaning.png);
    background-repeat: no-repeat;
    background-size: contain;
    list-style: none;
    padding-left: 106px;
margin-bottom: 45px;
	
}
.ul-logo ul:nth-child(2){
    background-image: url(https://wealthbridgeindia.com/wp-content/uploads/2017/06/Retirement.png);
    background-repeat: no-repeat;
    background-size: contain;
    list-style: none;
    padding-left: 106px;	
	margin-bottom: 45px;

}
.ul-logo ul:nth-child(3){
    background-image: url(https://wealthbridgeindia.com/wp-content/uploads/2017/06/Rollovers.png);
    background-repeat: no-repeat;
    background-size: contain;
    list-style: none;
    padding-left: 106px;	
	margin-bottom: 45px;

}
.ul-logo ul:nth-child(4){
    background-image: url(https://wealthbridgeindia.com/wp-content/uploads/2017/06/taxlow.png);
    background-repeat: no-repeat;
    background-size: contain;
    list-style: none;
    padding-left: 106px;	
	margin-bottom: 45px;

}
.bg-cstm{
background:#2196f3;
padding: 35px 0px;
}
.bg-cstm div > h3{
color:white;
font-weight:600;
}
.bg-cstm div > h5{
color:white;
margin-bottom:20px;
}
.button-cstm{
    background: transparent !important;
    color:white;
	font-size:16px;
	border:1px solid white;
    padding: 8px 27px;
	}
.button-cstm:focus, .button-cstm:hover{
font-weight:900;

}
/******************* how we can help You End********************/

/******************* Why Wealthbridge********************/
.width-max-wh img{ 
width:100%;
}
.why-title ul{
list-style:none;
}
.why-title ul li h2{
font-weight:bold;
margin:0px;
}
.sub-info{
box-sizing:border-box;
}
.line-bg{
background:white;
}
.line-bg img{
width:100%;
}
.tp-mrg{
	box-sizing:border-box;
	background:white;
	    padding: 3% 0px;
}
#min-h div{
    height: 134px;
    border: 1px solid gray;
    margin: 0px 18px;
    width: 30%;
}

#min-h div p{
   font-size:12px;
}
#min-h{
   margin:20px auto;
}
#min-h div h5{
  font-weight:bold;
      padding-left: 33px;
}
.bullet{
background-image: url(https://wealthbridgeindia.com/wp-content/uploads/2017/06/titile_icons.jpg);
    background-repeat: no-repeat;
    background-position: left 3px;
}
.bullet-rd{
background-image: url(https://wealthbridgeindia.com/wp-content/uploads/2017/06/bullet2.png);
    background-repeat: no-repeat;
    background-position: left 3px;
}
.border-center{
border: 1px solid transparent;

    -webkit-border-image: url(border.png) 30 round;
    -o-border-image: url(border.png) 30 round;
    border-image: url(https://wealthbridgeindia.com/wp-content/uploads/2017/06/left-border.png) 30 round;
}
.hding label{
color:white; font-weight:bold;
}
.hding h6{
color:white; 
}
/******************* Why Wealthbridge end********************/

/******************* HOW It Works********************/
.process-t{
background:white;
display:table-cell;
padding: 19px;
}
.process-t div  h4{
padding:10px 0px;
}
.process-t div  img{
width:70%;
}
.process-t div  label{
font-size:20px;
}
.bottombar{
padding:10px;
margin:10px;
border:1px solid white;
}
#child0 {
    overflow: hidden;
	text-align:left;
	margin-left:50px;
	color:white;
	cursor:pointer;
    background-color: transparent;
}
#parent0 h4{
    text-align: left;
    margin-left: 14px;
    color: white;
cursor:pointer;
    font-weight: bold;
}
.accordion-header.active #rotate83 {
    transform: rotate(92deg);
}

/******************* HOW It Works end********************/

/*********** Logo slider aboutus ***********/
.slider-controls{
        top: 36px !important;
}


/*********** Logo slider aboutus  End ***********/


.ctact-li ul{
padding:0px;
}
#ctactus{
color:#337ab7;
cursor:pointer;
}
.form-group span input{
background: #d4d4d4;
    border: none;
    padding: 10px;
}
/*********contact us *******************/
  .ctact-bg1 div{padding:0px;}
  .sc-link{
      margin: 32px 0px;
	
  }
  #ctc-btn{
	background:#3b61dc;
	border-color:#3b61dc;
	color:white;
  }
  .sc-link div a > img{ width:70%;}
  .contactus{width:100%; display:block; background-position:center; background-size:cover; background-image:url(https://wealthbridgeindia.com/wp-content/uploads/2017/06/bg-section.jpg);position:initial; height:808px; top:15%; z-index:100;}
  .main-contact{background:white; display:block;  
  box-shadow: 0px 0px 10px grey; margin:3% 26.6%; height:492px; position:relative;}
  .ctact-bg{
  background-color:rgba(57, 75, 136, 0.89);
  color:white;
  left: -79px;
    position: Absolute;
    width: 43%;
    top: 8%;
	box-shadow:0px 0px 10px grey;
  }
  .ctact-bg1{
  background-color:;
  color:black;
 right:60px;
  position:Absolute;
  width:50%;
  top:3%;
  display:table;
  }
  .ctact-li ul li{
   margin: 18px 0px;
  }
  .ctact-li ul li:nth-child(1){
  /*list-style-image: url('https://wealthbridgeindia.com/wp-content/uploads/2017/06/home.png');*/
  list-style:none;
  }
  .ctact-li ul li:nth-child(2){
  /*list-style-image: url('https://wealthbridgeindia.com/wp-content/uploads/2017/06/telephone.png');*/
  list-style:none;
  }
  .ctact-li ul li:nth-child(3){
 /* list-style-image: url('https://wealthbridgeindia.com/wp-content/uploads/2017/06/home.png');*/
  list-style:none;
  }




.slides li img{
	height:300px;
}
.flex-viewport ul li img{
	height:600px;
}



@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width:1024px){ /* Safari only override */ ::i-block-chrome, .bg-white div:nth-child(2){ width:58% !important; }

    .srt-cir:after, .blue-color:after, .color-ch:after {
position: absolute;
content: "Starter";
left: 50%;
display: block;
}
}


hr {
    background-color: rgb(208, 214, 198);
    margin-top: 0px;
    margin-bottom: 20px;
    border: 0;
    border-top: 2px solid rgb(208, 214, 198) !important;
}

.btn{
      border-radius: 0px !important;
}


/* ul {
    list-style-image: url('https://wealthbridgeindia.com/wp-content/uploads/2018/06/Untitled-1.png');
} */



    .left {
        padding-top:20px;
        float: left;
        width: 50%;
    }
    .right {
        padding-top:20px;
        float: right;
        width: 50%;
    }
    img {
        max-width: 100%;
        height: auto;
    }
    .group:after {
        content:"";
        display: table;
        clear: both;
    }
    @media screen and (max-width: 480px) {
        .left, .right {
            float: none;
            width: auto;
        }
    }

   .navbar-brand {
    /*float: left;*/
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}

.mobilenav{
   display : none; // display none for everyone
 }

/* Landscape phone to portrait tablet  show the button */
@media (max-width: 767px) {

 .mobilenav{
   display : block; // or inline-block or inline : which ever is appropriate for you.
 }
 .pcnav{
     display: none;
 }


.nav>li {
    background-color: #fff;
    z-index: 100000;
    position: relative;
    display: list-item;
}

.navbar-collapse.in {
    margin-top: 0px;
    overflow-y: auto;
}
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 2px !important;
    line-height: 20px;
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #fff;
}


.h5, h5 {
    
    font-size: 16px!important;
    font-family: "Roboto" !important;
    color: rgb(88, 88, 90)!important;
}

.Shape_1_copy_3 {
    border-radius: 50%;
    background-color: rgb(27, 75, 146);
    position: absolute;
    left: 1314px;
    top: 2386px;
    width: 30px;
    height: 30px;
    z-index: 82;
  }
.abouttext{
    font-weight: 500;
    font-size: 16px;
    /* padding-right: 5%;
    padding-left: 5%; */
    font-family: "Roboto";
    color: rgb(88, 88, 90);
    line-height: 1.484;
    text-align: left;
}

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgb(27, 75, 146) !important;
    cursor: pointer;
    text-indent: -9999px;
    -o-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    border-radius: 20px;
}

/* Firefox. */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'),
       local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/2tsd397wLxj96qwHyNIkxHYhjbSpvc47ee6xR_80Hnw.woff2) format('woff2'),
       url(https://fonts.gstatic.com/s/roboto/v15/vzIUHo9z-oJ4WgkpPOtg13YhjbSpvc47ee6xR_80Hnw.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'),
       local('Roboto-Light'),
       url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfZBw1xU1rKptJj_0jans920.woff2) format('woff2'),
       url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfbO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'),
       local('Roboto-Regular'),
       url(https://fonts.gstatic.com/s/roboto/v15/oMMgfZMQthOryQo9n22dcuvvDin1pK8aKteLpeZ5c0A.woff2) format('woff2'),
       url(https://fonts.gstatic.com/s/roboto/v15/CrYjSnGjrRCn0pd9VQsnFOvvDin1pK8aKteLpeZ5c0A.woff) format('woff');
}


/* # Chrome. */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'),
       local('Roboto-Thin'),
       url(https://fonts.gstatic.com/s/roboto/v15/2tsd397wLxj96qwHyNIkxHYhjbSpvc47ee6xR_80Hnw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'),
       local('Roboto-Light'),
       url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfZBw1xU1rKptJj_0jans920.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'),
       local('Roboto-Regular'),
       url(https://fonts.gstatic.com/s/roboto/v15/oMMgfZMQthOryQo9n22dcuvvDin1pK8aKteLpeZ5c0A.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


/* # Safari. */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'),
       local('Roboto-Thin'),
       url(https://fonts.gstatic.com/s/roboto/v15/Jzo62I39jc0gQRrbndN6nXYhjbSpvc47ee6xR_80Hnw.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'),
       local('Roboto-Light'),
       url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfSZ2oysoEQEeKwjgmXLRnTc.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'),
       local('Roboto-Regular'),
       url(https://fonts.gstatic.com/s/roboto/v15/QHD8zigcbDB8aPfIoaupKOvvDin1pK8aKteLpeZ5c0A.ttf) format('truetype');
}


/* #IE. */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v15/5YB-ifwqHP20Yn46l_BDhA.eot);
}

/* 
# Final: */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'),
       local('Roboto-Thin'),
       url(https://fonts.gstatic.com/s/roboto/v15/2tsd397wLxj96qwHyNIkxHYhjbSpvc47ee6xR_80Hnw.woff2) format('woff2'),
       url(https://fonts.gstatic.com/s/roboto/v15/vzIUHo9z-oJ4WgkpPOtg13YhjbSpvc47ee6xR_80Hnw.woff) format('woff'),
       url(https://fonts.gstatic.com/s/roboto/v15/Jzo62I39jc0gQRrbndN6nXYhjbSpvc47ee6xR_80Hnw.ttf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'),
       local('Roboto-Light'),
       url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfZBw1xU1rKptJj_0jans920.woff2) format('woff2'),
       url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfbO3LdcAZYWl9Si6vvxL-qU.woff) format('woff'),
       url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfSZ2oysoEQEeKwjgmXLRnTc.ttf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'),
       local('Roboto-Regular'),
       url(https://fonts.gstatic.com/s/roboto/v15/oMMgfZMQthOryQo9n22dcuvvDin1pK8aKteLpeZ5c0A.woff2) format('woff2'),
       url(https://fonts.gstatic.com/s/roboto/v15/CrYjSnGjrRCn0pd9VQsnFOvvDin1pK8aKteLpeZ5c0A.woff) format('woff'),
       url(https://fonts.gstatic.com/s/roboto/v15/QHD8zigcbDB8aPfIoaupKOvvDin1pK8aKteLpeZ5c0A.ttf) format('truetype'),
       url(https://fonts.gstatic.com/s/roboto/v15/5YB-ifwqHP20Yn46l_BDhA.eot);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


/**------------9-oct-2018---------------**/
.ladybug {padding-bottom: 12px;background-position: top 4px left;padding-left: 2.5em !important;}
.btn:focus {outline: 0 !important;}
.play-field h3{margin-bottom: 3%;}
html{overflow-x:hidden;}
.label-slider ul{list-style-image: none;list-style: none;margin: 0;}
.label-slider.abouttext li{list-style-type: none;padding-left: 1.5em;background-image: url('https://wealthbridgeindia.com/wp-content/uploads/2018/06/Untitled-1.png');
background-size: 18px;background-repeat: no-repeat;padding-bottom: 12px;background-position: top 2px left;}


/*============      New CSS (axisweb) 27-11-2018            ============*/

@media (min-width: 1024px){
.pcnav{
     display: block;
 }
  .mobilenav, header.new-header,.row.loginbtn.bottom{
   display : none !important;
 }
.pcnav .header-co {
    max-width: 1230px;
    margin: 0 auto;
    width: 96%;
    background: #fff;
    padding-top: 5px;
}
.pull-left a img {
    margin-top: 6px !important;
}
.header-cos-warp {
    background: #fff;
}




}




@media (max-width: 1024px){
 .mobilenav{
   display : block;
 }
 .pcnav{
     display: none;
 }
 /*.navbar-toggle {
    display: block !important;
}
.navbar-toggle {
    margin-top: 12px;
    margin-right: 10px;
    padding: 3px 6px !important;
}
header .navbar-collapse.collapse .collapse {
    display: none !important;
}
 .navbar-toggle .icon-bar {
    display: block;
    background: #c42049!important;
    width: 27px;
    height: 4px;
    border-radius: 3px;
}
.nav > li {
    background-color: #fff;
    z-index: 100000;
    position: relative;
    display: list-item;
}
.mobilenav .navbar-header {
    width: 100%;
}
.mobilenav a img{
    max-width: 320px;
}
#myNavbar li {
    width: 100%;
}*/

#fullpage .section-1 {
    margin-top: 0;
}
#fullpage{
    float: left;
    width: 100%;
}



.logo-c {
    float: left;
    width: 50%;
}
.custom-nav{
    height: 0;
    background: #fff;
    position: absolute;
    left: -1px;
    width: calc(100% + 2px);
    background: #fff;
    z-index: 800;
    top: 100%;
    display: none;
    transition: 
}
.custom-nav.navvvvv {
    display: block !important;
    height: auto;
    animation: navanim .3s linear;
}
@keyframes navanim{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
.custom-nav li{
    width: 100%;
}

.shownmm {
    padding: 2px 4px;
    position: absolute;
    top: 20%;
    right: 15px;
    height: 30px;
    width: 30px;
    background: none;
    border: none;
}
.shownmm span{
    height: 5px;
    width: 32px;
    background: #c42049;
    border-radius: 3px;
    display: block;
    margin-bottom: 3px;
}
.shownmm span:last-child{
    margin-bottom: 0;
}
.row.loginbtn.bottom {
    display: none;
}
.row.loginbtn.top {
    display: inline-block;
    margin-top: calc(5px + (20 - 5) * ((100vw - 320px) / (1366 - 320)));
    max-width: 100%;
    right: 68px;
    position: absolute;
}
#myNavbarcus {
    padding: 0 4%;
}
.navbar.new-header {
    box-shadow: 1px 5px 20px rgba(0,0,0,0.3);
    margin-bottom: 27px;
    padding: 5px 0;
}
.new-header.fix-new-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 890;
    background: #fff;
    animation: newhanim 1s linear;
}
@keyframes newhanim{
    0%{
        top: -200px;
    }
    100%{
        top: 0;
    }
}













}



@media (min-width: 767px){
    .bottom-wealth .col-md-4 {
    padding: 0 39px;
}
    .page-template-index  header.hero.fix-navbar{
    box-shadow: 0px 0px 39px rgba(0,0,0,0.3);
    background: #fff;
}
    .page-template-index .col-md-12.shadow{
        display: none;
    }
	header.hero{
		padding-top: 0 !important;
	}
	header.hero > .row:first-child {
    background: #ffff;
    padding-top: 5px !important;
}
header.hero .row .shadow {
    background: linear-gradient(rgba(0,0,0,0.15), rgba(255,255,255,0)) !important;
}
    .ins-theme .col-xs-12 > .col-md-6:first-child #themetxtpara {
    padding-right: 0 !important;
}
    .ins-theme .col-xs-12 > .col-md-6:first-child {
    padding-left: 0 !important;
    padding-right: 20px !important;
}
.ins-theme .col-xs-12 > .col-md-6:last-child {
    padding-left: 20 !important;
    padding-right: 0px !important;
}
    .ins-theme .container {
    padding: 0 !important;
}
    header.pcnav > .row:first-child .col-md-8 .row:last-child {
    margin-top: 17px;
}
header.pcnav > .row:first-child .col-md-4 .pull-left {
    margin-left: 10% !important;
    margin-right: 0 !important;
    margin-bottom: 10px !important;
}
    .heading.first-h {
    margin-top: 44px;
}
    .navbar-nav > li{
    margin-right: calc(0px + (23 - 0) * ((100vw - 800px) / (1366 - 800)));
    }
    header.pcnav .navbar-nav > li {
    margin-right: 2%;
}
    .navbar-nav > li:last-child{
        margin-right: 0;
    }
    #menu-header-menu > li > a {
    padding:10px 0 2px 0;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    }
    .right .ladybug:last-child {
    padding-bottom: 0;
}
.padd-top {
    padding-top: 30px;
}
.home-part {
    float: left;
    width: 100%;
    display: block;
    padding-bottom: 30px;
}
#menu-header-menu > li > a.break-anchor {
    padding-top: 0 !important;
    margin-top: -10px;
}


}





.wealthbutton:hover, .wealthbutton:active, .wealthbutton:active:hover, .wealthbutton:focus, 
.expthemebtn:hover, .expthemebtn:active, .expthemebtn:active:hover, .expthemebtn:focus{
    background-color: #c42049 !important;
    border-color: #c42049 !important;
    box-shadow: 3px 3px 8px #ccc !important;
}
.expthemebtn{
    height: 35px !important;
    width: 118px !important;
    font-weight: 500;
    border:0 !important;
    margin:20px 0 !important;
    box-shadow: 2px 2px 5px #ccc !important;
    padding:0 !important;
}
.expthemebtn:active{
    font-size: 13px;
    height: 35px !important;
}
.expthemebtn:hover, .expthemebtn:focus{
    height: 35px !important;
}
#menu-header-menu{
    width: 100%;
}
#menu-header-menu > li > a {
    padding:10px 0 2px 0;
    line-height: 20px;
    color: #898989;
}

#menu-header-menu > li > a:hover{
    color: #58585a;
}
.navbar.hero .row .col-md-3 .pull-left {
    margin-right: 0 !important;
}
.wealthbutton{
    box-shadow: 2px 2px 5px #ccc !important;
    height: 36px;
    line-height: 25px;
    padding: 0 22px;
}
.page-id-41 .section-heading h3{
    font-size: 44px;
    padding:0;
}
#animation_container #canvas {
    width: 100% !important;
}
.page-template-how-we-can-help .row > .parapad::before, .page-template-how-we-can-help  .row > .parapad::after {
    content: '';
    height: calc(100% + 8px);
    width: 5px;
    background: #1b4b92;
    display: inline-block;
    position: absolute;
    top: -4px;
}
.page-template-how-we-can-help .row > .parapad::before{
    left: 0;
}
.page-template-how-we-can-help .row > .parapad::after{
    right: 0;
}
.page-template-how-we-can-help .row > .parapad{
    position: relative;
}
.row.rowbuttonhow-we .btn.btn-danger.wealthbutton {
    height: 42px;
    width: 23%;
    text-align: center;
    transition: all .2s ease;
}
.row.rowbuttonhow-we .btn.btn-danger.wealthbutton:active{
    font-size: 21px !important;
}
.fix-navbar {
        position: fixed;
        top: -1px;
        left: 0;
        width: 100%;
        z-index: 800;
        animation: fixnavbaranai .9s ease;
    }
@keyframes fixnavbaranai{
    0%{
        top:-400px;
    }
    100%{
        top: -1px;
    }
}

#parent0 h4 img {
    max-width: 14px !important;
    margin-top: 4px !important;
    transition: all .4s linear;
}
#parent0:hover #rotate83 {
    margin-top: 2px;
}
#parent0 h4{
    padding:7px 5px !important;
}
.padding-10{
    color: #58585a;
}
.page-template-How_it_works .accordion-content p {
    font-size: 17px;
}
 .page-template-How_it_works .charts h5{
    text-transform: capitalize;
    font-size: 24px !important;
 }
 .page-template-How_it_works .charts p{
    font-size: 18px;
 }
h4.accordion-header {
    border-color: #58585a !important;
}
img.mobile-show{
    display: none;
}
.page-template-whywealth .pointsPara{
    font-weight: 400;
    font-size: 18px;
}

.page-template-whywealth .advantagetext{
    font-size: 24px;
}
.counting{
    font-family: 'Monotype Corsiva';
    animation: count .4s ease;
}
.page-template-whywealth .missiontext{
    font-size: 22px;
}
.page-template-whywealth .missionpara{
    font-size: 18px;
}
@keyframes count{
    0%{left: -100%;}
    100%{left: 2%;}
}
header .wealthbutton:last-child {
    width: 148px;
}
header .wealthbutton:first-child {
    width: 84px !important;
}
header .wealthbutton:active{
    font-size: 13px;
}
.page-template-aboutus .img-auto img {
    display: block;
    width: 55%;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 10px;
}
.page-template-aboutus h5{
    color: #58585a !important;
    font-size: 18px !important;
    text-transform: none;
    margin:4px 0;
    font-weight: 500;
}
.page-template-aboutus .strong {
    font-weight: 400;
    text-transform: none;
    font-size: 17px;
}
.page-template-aboutus .section-heading > div > span {
    line-height: 37px !important;
    height: 29px;
}
.page-template-aboutus .section-heading > div{
    border-width: 1px !important;
    width: 86% !important;
    margin:0 auto !important;
}
.page-template-aboutus .left p, .page-template-aboutus .right p{
    font-size: 17px;
}
 
.page-template-regulations .blockcontainer{
    height: 100%;
    max-height: 575px;
    overflow-y: auto;
}

.page-template-regulations .ladybug{
    padding-bottom: 4px;
}
.page-template-regulations .container {
    margin-top: 30px;
    margin-bottom: 30px;
}
.page-template-regulations .main-footer.social .container{
    margin-bottom: 0;
    margin-top: 0;
}
.page-template-regulations .ladybug{
    padding-left: 2em !important
}
.para.more-space {
    margin: 18px 0;
}
.page-template-theme .tblheading{
    text-align: left;
}
.tblnum{
    font-size: 24px !important;
}
.page-template-aboutus .section-heading > div > span{
    text-transform: none !important;
}
.label-slider.abouttext li{
    font-size: 16px;
}
.page-template-How_it_works .left .wealthbutton, .page-template-How_it_works .right .wealthbutton, .play-field .wealthbutton{
    width: 148px;
}
.page-template-How_it_works .left .wealthbutton:active, .homepage1 .wealthbutton:active, .page-template-How_it_works .right .wealthbutton:active, .play-field .wealthbutton:active
, .homepage3 .left .wealthbutton:active, .homepage3 .right .wealthbutton:active, .homepage2 .wealthbutton:active{
    font-size: 13px;
}
.homepage1 .wealthbutton, .homepage3 .left .wealthbutton, .homepage3 .right .wealthbutton{
    width: 127px;
}
.homepage2 .wealthbutton{
    width: 173px;
}
header .wealthbutton {
    font-weight: 500 !important;
}

















@media (max-width: 767px){
    .logo-c {
    margin-left: 10px;
}
        .bottom-wealth .col-md-4 {
    padding: 0 0px;
}
    .logo-c a img{
        width: 90% !important;
    }
    header hr{
        margin-top: 0 !important;
    }
    .page-template-index .right {
    padding-bottom: 30px;
}
.page-template-index .left {
    padding-bottom: 20px;
}
    .page-template-index .features-section10 .row {
    padding-top: 10px !important;
    padding-bottom: 16px !important;
}
    #fullpage #animation_container #canvas {
    position: static !important;
    float: left;
}
    .our-part h3 {
    font-size: 29px !important;
    margin-bottom: 31px;
    margin-top: 19px;
}
    .page-template-regulations .ladybug, .label-slider.abouttext li{
        background-size: 15px !important;
    }
    .ins-theme p.more {
    font-size: 13px;
}
    .pull-right.ins-table {
    padding: 0 !important;
}
    .ins-theme .features-section10, .ins-theme .container > .row > .col-xs-12, .ins-theme .features-section10, .ins-theme .container > .row > .col-xs-12 > .col-xs-12 {
    margin-bottom: 13px;
}
     .ins-theme .Rectangle{
        height: auto;
    }
    .ins-theme  #themetxtpara{
        font-size: 13px;
    }
    .ins-table .tblnum {
    font-size: 16px !important;
}
.ins-table .tblheading {
    font-size: 17px !important;
    line-height: 19px !important;
}
.ins-table {
    padding-left: 0 !important;
}
.ins-theme .more {
    padding-right: 0 !important;
}
    .blockcontainer.headmargin .librasiedul li {
    margin-left: 3%;
}
    body.page-template-regulations .row .text-center > .text-center, .headmargin .headmargin {
    padding: 0;
}
    body.page-template-regulations .para{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
body.page-template-regulations{
    font-size: 16px;
}
    .regu-table{
        overflow-x:auto;
        max-width: 100%;
    }
    .navbar-nav > li  a{
        font-size: 15px !important;
    }
    .page-template-regulations #fullpage > .section-1 > .text-block{
        display: none;
    }
    .label-slider.abouttext{
        padding:0 8%;
    }
    .page-template-aboutus  .section-heading h3{
        font-weight: 500;
    }
    .page-template-aboutus .row{
        background: #fff;
    }
    .page-template-aboutus .section-heading > div > span{
        font-size: 21px !important;
        font-weight: 400 !important;
        text-transform: none !important;
    }
    .page-template-aboutus .section-heading > div {
    margin-bottom: 13px !important;
}
    .page-template-aboutus .img-auto {
    margin-bottom: 28px;
}
    .page-template-aboutus .strong{
        font-size: 16px;
    }
    .page-template-aboutus h5{
        font-size: 16px !important;
    }
    .page-template-aboutus .section-heading > div{
        width: 100% !important;
    }
    .about-page-slider {
    padding: 0;
}
.about-page-slider .metaslider .flexslider .slides img{
    height: auto !important;
}
    .page-template-whywealth .section-heading h3 {
    font-size: 25px !important;
    font-weight: 400;
}
    .counting {
    margin-bottom: 15px;
}
   .page-template-whywealth #fullpage {
    margin-bottom: 11px;
}
    .page-template-whywealth .advantagetext{
    font-size: 22px;
}
    .page-template-whywealth .missiontext{
    font-size: 20px;
}
.page-template-whywealth .missionpara{
    font-size: 16px;
}
    img.img-price {
    padding-left: 15% !important;
}
    #parent0 h4 img{
        max-width: 11px !important;
    }
    .charts .col-md-4 img {
    margin-top: 32px !important;
}
    #fullpage > .section-1 > img{
        display: none;
    }
#fullpage > .section-1 > img.mobile-show{
    display: block !important;
}
    .page-template-How_it_works .heading{
        font-size: 22px;
    }
    #parent0 h4 img, #parent0:hover #rotate83{
        margin-top: 0 !important;
    }
    header .navbar-header > a img {
    max-width: 300px;
}
    .page-template-how-we-can-help .row > .parapad::before, .page-template-how-we-can-help .row > .parapad::after{
        width: 4px;
    }
    .page-template-how-we-can-help .heading{
        font-size: 24px;
    }
    .page-template-how-we-can-help .row > .parapad {
    width: 90%;
    margin-left: -3.4%;
}
.row.rowbuttonhow-we .btn.btn-danger.wealthbutton {
    height: 35px;
    width: 54%;
    font-size: 18px !important;
}
.row.rowbuttonhow-we .btn.btn-danger.wealthbutton:active{
    font-size: 17px !important;
}

/*==============     Fix nav css goes here           =============*/
    .navbar-header.fix-navbar {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        animation: fixnavbarani .9s ease;
    }
@keyframes fixnavbarani{
    0%{
        top:-300px;
    }
    100%{
        top: 0;
    }
}



    #myNavbar {
    width: 100%;
    left: 0;
    }
    .page-template-index .left, .page-template-index .right {
    float: none;
    width: 100%;
}

.features-section10 {
    float: left;
    width: 100%;
}
    .navbar-header {
    padding-bottom: 10px;
    box-shadow: 0px 6px 10px #ccc;
    background: #fff;
    z-index: 800;
    border-bottom: 1px solid #c1c1c1;
}
#animation_container canvas {
    height: 215px !important;
}
    .page-template-index .row.loginbtn {
    margin-bottom: 17px;
    }
    .row.homepage2 {
    display: grid;
    }
    .row.homepage2 .col-xs-12{
        order: 1;
    }
    .row.homepage2 .left{
        order: 3;
    }
    .row.homepage2 .right{
        order:2;
    }
}

@media only screen and (max-width: 575px){
    .row.loginbtn.bottom {
    display: block !important;
    float: left;
    width: 100%;
    text-align: center !important;
    padding: 20px 0;
    margin: 0 !important;
}
.row.loginbtn.top{
    display: none;
}
.new-header .logo-c{
    width: 80%;
}
.logo-c a img {
    max-width: 300px;
}
.navbar.new-header{
    margin-bottom: 0;
}
.row.loginbtn.bottom .wealthbutton{
    font-weight: 500 !important;
    cursor: pointer;
}
.row.loginbtn.bottom .wealthbutton:active {
    font-size: 13px;
}
.row.loginbtn.bottom .wealthbutton:first-child {
    width: 84px !important;
}
.row.loginbtn.bottom .wealthbutton:last-child {
    width: 148px;
}




}