@import "compass/css3";

#footer{margin-top:0!important;}

.security{color:#292929; max-width:100%!important; padding:0 10%;}

#confirmation .hellobond {font-weight:300; padding:0 20%;}

body{-webkit-font-smoothing: antialiased;}
.button{margin:0;}

#faqs p{font-size:18px;}

.testi-content p{font-style:normal!important;}

svg {
    display: block;
    margin: 0 auto;
}

.social-icon {
    border-color: transparent;
}

#icons-confirmation{margin-top:30px;width:132px;}

#h2-confirmation{margin-bottom:30px!important;margin-top:20px;}

#chartleft{padding-right:30px;}

.fb-comments,
.fb_iframe_widget,
.fb-comments > span,
.fb_iframe_widget > span,
.fb-comments > span > iframe,
.fb_iframe_widget > span > iframe {	
margin-bottom:3px;margin-left:5px;}

#social-icons{vertical-align:middle!important;padding-top:30px;padding-left:100px;}

#signup-success {margin-top: 100px; margin-bottom: 100px;}

.mobilebond{display:none;}

#optimize-img{width:860px; height: 132px; background-image: url('../bond-images/Optimize.jpg'); margin-bottom:50px; background-size:860px 132px; margin-top:50px;background-position:center center;}

#invest-img{width:860px; height: 132px; background-image: url('../bond-images/Invest.jpg'); margin-bottom:50px; background-size:860px 132px; margin-top:50px; background-position:center center;}

#save-img{width:860px; height: 132px; background-image: url('../bond-images/Save.jpg'); margin-bottom:50px; background-size:860px 132px; margin-top:50px; background-position:center center;}

#chat-mobile{display:none;}
#learn-img{
 -webkit-backface-visibility: hidden;
    background: rgba(32,203,171,1);	
    background: -moz-linear-gradient(left bottom, rgba(32,184,234,1) 0%, rgba(33,209,147,1) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(32,184,234,1)), color-stop(100%,rgba(33,209,147,1)));
    background: -webkit-linear-gradient(left bottom, rgba(32,184,234,1),rgba(33,209,147,1));
    background: -o-linear-gradient(left bottom, rgba(32,184,234,1) 0%,rgba(33,209,147,1) 100%);
    background: -ms-linear-gradient(left bottom, rgba(32,184,234,1) 0%,rgba(33,209,147,1) 100%);
    background: linear-gradient(to top right, rgba(32,184,234,1) 0%,rgba(33,209,147,1) 100%);
margin-bottom:50px;
padding:140px 0;
color:#fff;
}

.learn-more .content-wrap{padding: 40px 0;}

.bg-mobi-header {opacity:0;}

img {max-width:100%; height:auto;}

p{font-family: 'Roboto', sans-serif; font-weight:300; letter-spacing:1px; margin-bottom:0px!important;}

#italic{font-style:italic; font-weight: 700; color:#fff;}

#bold{font-weight: 700;}

h3{text-transform:none!important;}

.heading-block h2{font-family: 'Roboto', sans-serif; font-weight:100; font-size: 48px; text-shadow:none; letter-spacing:1px; line-height: 1.2; text-transform:none!important;}

h2{font-family: 'Roboto', sans-serif; font-weight:100; font-size: 48px; text-shadow:none; letter-spacing:1px; line-height: 1.2; text-transform:none!important;}

#h2bold{font-weight:400; font-size: 48px; text-shadow:none; letter-spacing:1px;line-height:1.2;}

.h2bold{font-weight:500!important; font-size: 48px!important; text-shadow:none; letter-spacing:1px;line-height:1.2; text-transform:uppercase!important; margin-top:0px!important;}

.dark .fancy-title h1, .dark .fancy-title h2, .dark .fancy-title h3, .dark .fancy-title h4, .dark .fancy-title h5, .dark .fancy-title h6{background-color: transparent!important;}

.fancy-title.title-bottom-border h1, .fancy-title.title-bottom-border h2, .fancy-title.title-bottom-border h3, .fancy-title.title-bottom-border h4, .fancy-title.title-bottom-border h5, .fancy-title.title-bottom-border h6
{border-bottom: 1px solid;  border-bottom-color: rgba(255,255,255,0.6);
}

.dark, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6{color:#fff;}

.heading-block:after{display:none;}

.dark .button.button-border:not(.button-light){color:#fff; border-color:#fff;}

.button.button-border.button-large{font-size:18px;padding:0 20px;letter-spacing:1px;}

.button{text-transform:none; font-weight:300;}

.button-color{border: none; background-color: rgba(0, 206, 72, 1)!important; text-shadow:none!important;}

.button-color:hover{background-color: rgba(0, 206, 72, 0.7)!important;}

.button.button-rounded{border-radius:2px;}

.learnmore{margin-top:120px;}

::selection {
    background: rgba(255, 255, 255, 0.2);
    color: #FFF;
    text-shadow: none;
}

#subscribe-content ::selection, #section-3 ::selection, #new-diagram ::selection, #section-5 ::selection, .col-padding ::selection, #faqs ::selection, #maitre-widget-container ::selection, #formdiv ::selection{
    background: rgba(0, 0, 0, 0.2);
    color: #FFF;
    text-shadow: none;
}

.testi-content ::selection{
    background: rgba(0, 0, 0, 0.2);
    color: #FFF;
    text-shadow: none;
}

body {
	-webkit-font-smoothing: antialiased!important;
	-moz-osx-font-smoothing: grayscale!important;
        text-rendering: optimizeLegibility !important;
}

.dark #header-wrap:not(.not-dark) #primary-menu > ul > li > a, .dark #header-wrap:not(.not-dark) #primary-menu > .container > ul > li > a, .dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li > a, .overlay-menu #primary-menu.dark > ul > li > a, .dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > #overlay-menu-close, .overlay-menu #primary-menu.dark > #overlay-menu-close, .dark #header-wrap:not(.not-dark) #top-search a, .dark #header-wrap:not(.not-dark) #top-cart a, .dark #header-wrap:not(.not-dark) #side-panel-trigger a, .dark #top-cart .top-cart-item-desc a, body.top-search-open .dark #header-wrap:not(.not-dark) #top-search a, .dark #header-wrap:not(.not-dark) #top-search a:hover, .dark #header-wrap:not(.not-dark) #top-cart a:hover, .dark #header-wrap:not(.not-dark) #side-panel-trigger a:hover, .dark #header-wrap:not(.not-dark) #top-search form input{text-shadow:none!important;}

.dark .section, .section.dark{background-color:#fff!important;color:#292929!important; margin-top:0!important;margin-bottom:0px!important;}

body.dark, .dark #wrapper, .dark #content, .dark .shop-quick-view-apax, .dark .portfolio-ajax-modal, .dark .modal-content, .dark .css3-spinner, body.dark #side-panel, body #side-panel.dark {
    background-color: #fff;
}

.dark .feature-box.fbox-light .fbox-icon i, .dark .feature-box.fbox-light .fbox-icon img{border-color: rgba(243,243,243,1); background-color: rgba(243,243,243,1);}

.feature-box.fbox-center p{margin-top:0px;}

.feature-box.fbox-center .fbox-icon{margin-bottom:10px!important;}

#faqs .heading-block{margin-bottom:50px!important;}
/*----------Header---------*/
body.stretched #header.full-header .container{width:96%;}

#header, #header-wrap, #logo,#logo img,  #primary-menu:not(.style-2), #primary-menu:not(.style-2) > ul{height:90px;}

#header.transparent-header + #slider, #header.transparent-header + #page-title.page-title-parallax, #header.transparent-header + #google-map, #slider + #header.transparent-header{top: -90px; margin-bottom: -90px;}

#primary-menu ul li a{height:80px;line-height:90px;letter-spacing:1px; text-shadow:none; font-weight:600; text-transform:none!important;}

.dark .divider:after, .dark .divider.divider-center:before, .dark .divider.divider-center.divider-short:before {
    border-top-color: rgba(255,255,255,0.6);
}

.dark #header.sticky-header #header-wrap, #header.sticky-header.dark #header-wrap {
    border-bottom: none !important;
}

.dark #header.sticky-header:not(.transparent-header) #header-wrap:not(.not-dark), .dark #header.sticky-header.transparent-header #header-wrap:not(.not-dark), .dark #header.transparent-header.floating-header .container, .dark #header.transparent-header.floating-header.sticky-header .container, #header.dark.sticky-header:not(.transparent-header) #header-wrap:not(.not-dark), #header.dark.sticky-header.transparent-header #header-wrap:not(.not-dark), #header.dark.transparent-header.floating-header .container, #header.dark.transparent-header.floating-header.sticky-header .container, .dark .responsive-sticky-header #header-wrap, .responsive-sticky-header.dark #header-wrap{background-color: transparent;}


/*--------Form--------------------------------------------*/
#formdiv{max-width: 550px;}

label{font-size: 18px;color:#333;}

.form-control {
    height: 54px!important;
    padding: 6px 12px;
    font-size: 24px!important;
letter-spacing:2px;
color:#333;
}

form .col_full{margin-bottom:36px;}

#er{
    color: #333;
    text-align: center;
    margin: 0px 0px;
    font-size: 18px;
}

/*--------------------Section-1-----------------------------*/
#bg1{height:768px;}

#slider img {
    display: block;
    max-height: 639px;
margin-top:70px;
padding-left:100px;
}

.hpblock{margin-top: 250px; padding-left:20px;}

.hellobond{margin-top: 30px; font-size:24px;}

#talktobond {margin-top:30px; font-size:18px;}
/*#talktobond:hover{background-color: rgba(69, 76, 190, 0.4)!important; text-shadow:none!important;}*/

#chat-icon{font-size:20px;padding-right:10px; font-weight:300!important;}

#slider .container{z-index:100;}

.one-page-arrow{z-index:100;}
/*---------------Section-3--------------*/
#sec-3-col-left {
width:42%;
padding-top:70px;
}

#sec-3-col-right{
width:50%;
padding-top:170px;
padding-right:0;
}

#psec30 {font-size:14px;line-height:1.2;text-align:left; letter-spacing:1px; color:#292929; line-height:1.4; }

.dark .counter{color:#292929!important; line-height:200px; font-weight:300; font-size:36px;}

.dark .heading-block:not(.not-dark), .dark .counter{text-shadow:none; color:#fff;}

#counterp{font-size:12px;margin:0; text-align:center; color:rgba(37,191,192,1);font-weight:500; line-height:20px; padding-top:20px;}

#section-3 .feature-box h3{color:#292929; font-size:15px;}

#section-3 .heading-block{margin-bottom:70px;}

#section-3 .container{width: 1250px;}

body:not(.device-touch) .rounded-skill{transition:none!important;opacity:1!important;}

/*--------------Section-4-------------*/
#section-4 img{ display: block;
    max-height: 639px;
margin-top:85px;
float:right;}

#bg3{height:768px;}

#section-4 .heading-block{padding-top:165px; padding-right:25px;}

#section-4 p{font-size:20px; padding-bottom:18px; padding-top:7px; line-height:1.2; letter-spacing:1px; text-align:left;}

#faqs p {font-size:20px;}

#section-4 h3{font-weight:600; font-size:20px;}


/*New Section-4*/

#diagram-mobile{display:none;}

#diagram{display:block;}

#new-diagram {margin:70px 0;}

#new-diagram #h2bold{margin-bottom:60px;}

#new-diagram .hellobond{margin-top: 15px;}

#counterdiv{position:absolute; z-index: 100; top:22%; left:40%;}

#counterdiv {
    color: #2f2f2f!important;
    line-height: 200px;
    font-weight: 300;
    font-size: 30px!important;
}

.dark .pricing-box{    border-color: rgba(255,255,255,0.1);
    background-color: rgba(235,235,235,0.5);
    box-shadow: 0 1px 1px rgba(194,194,194,0.1);
margin: 0 50px;
}

#new-diagram .heading-block:not(.not-dark){color:#2f2f2f!important; box-shadow:none!important;}

#new-diagram .heading-block:not(.not-dark) h3{color:#2f2f2f!important; box-shadow:none!important;}
/*
.dark .pricing-title {
border-bottom-color: rgba(194,194,194,0.6)!important;
}*/

.pricing-action{padding:0 0 30px 0;}

.pricing-features ul{padding-bottom:0;}

.pricing-features li {
    padding: 6px 16px!important;
    font-size: 14px;
line-height:1.8;
font-weight:300;
}

.dark .pricing-title:after {
    content: '';
    position: absolute;
    width: 100px;
    border-top: 1px solid rgba(0,0,0,0.2);
    top: 22%;
    bottom: 0;
    left: 50%;
    margin-left: -50px;
}


/*-----------Section-5----------------*/


#section-5 .feature-box.fbox-border .fbox-icon i, #section-5 .feature-box.fbox-border .fbox-icon img{color: #eb4269;}

#section-5 .feature-box.fbox-border .fbox-icon {
    border: 1px solid #eb4269;
    border-radius: 50%;
}

.fbox-border.fbox-effect .fbox-icon i:hover, #section-5 .fbox-border.fbox-effect:hover .fbox-icon i{box-shadow:none!important; background-color:transparent!important;}

.dark .fbox-border.fbox-effect .fbox-icon i:after{background-color: transparent!important;}

.dark .fbox-effect .fbox-icon i:after {
    box-shadow: 0 0 0 1px rgba(235,66,105,0.3);
}

/*------------Section-6-----------------*/


#section-6 .heading-block{padding-top:170px;}

#bg4{height:768px;}

#lineChart{
 padding-top:200px;
}

#pseudo-bg{
cursor:default!important;
background: #eb4269;
 /*background: rgba(33,171,143,0.7);	
    background: -moz-linear-gradient(right, rgba(33,171,143,0.7) 0%, rgba(37,189,190,0.7) 100%);
    background: -webkit-gradient(linear, right, left, color-stop(0%,rgba(33,171,143,0.7)), color-stop(100%,rgba(37,189,190,0.7)));
    background: -webkit-linear-gradient(right, rgba(33,171,143,0.7),rgba(37,189,190,0.7));
    background: -o-linear-gradient(right, rgba(33,171,143,0.7) 0%,rgba(37,189,190,0.7) 100%);
    background: -ms-linear-gradient(right, rgba(33,171,143,0.7) 0%,rgba(37,189,190,0.7) 100%);
    background: linear-gradient(to left, rgba(33,171,143,0.7) 0%,rgba(37,189,190,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#060d17', endColorstr='#281824',GradientType=1 );*/
text-shadow:none!important; 
border:none!important; 
color:#fff; 
padding:12px 20px; 
font-size:15px; 
font-weight:300;
}

#pseudo-bg:hover{
cursor:default!important;
background: #eb4269;
 /*background: rgba(33,171,143,0.7);	
    background: -moz-linear-gradient(left top, rgba(33,171,143,0.7) 0%, rgba(37,189,190,0.7) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(33,171,143,0.7)), color-stop(100%,rgba(37,189,190,0.7)));
    background: -webkit-linear-gradient(left top, rgba(33,171,143,0.7),rgba(37,189,190,0.7));
    background: -o-linear-gradient(left top, rgba(33,171,143,0.7) 0%,rgba(37,189,190,0.7) 100%);
    background: -ms-linear-gradient(left top, rgba(33,171,143,0.7) 0%,rgba(37,189,190,0.7) 100%);
    background: linear-gradient(to bottom right, rgba(33,171,143,0.7) 0%,rgba(37,189,190,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#060d17', endColorstr='#281824',GradientType=1 );*/
text-shadow:none!important; 
border:none!important; 
color:#fff;}
}


/*-----------Twitter Feed--------------*/
.testi-content p{text-align:center!important; color:#292929;}

.section > .testimonial .testi-content{font-size:18px!important; line-height:1.2!important; color:#292929;}

.testimonial-full .testi-meta{margin-top:5px!important; color:#292929;}

.flexslider, .flex-viewport{height: 150px!important;}

.fslider{height: 200px!important;}

.testimonial.testimonial-full .flex-control-nav{margin-top:-50px;}

.section > .testimonial{max-width:70%!important;}

.testimonial .flex-control-nav li a{background-color: rgba(37,191,192,1) !important;}
/*---------Contact------------*/

address{font-size:18px; line-height:1.4; color:#292929;}


.si-facebook, .si-colored.si-facebook {
    background-color: #3B5998 !important;
}

.si-twitter, .si-colored.si-twitter {
    background-color: #00ACEE !important;
}

body:not(.device-touch) .social-icon i{transition:none!important;}
.social-icon:hover i:first-child {
    margin-top: 0px!important;
}

.col-padding{padding:100px 60px 130px;}


/*----------------------------------Backgrounds  & Overlays--------------*/

.overlay1 {
   position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;

    -webkit-backface-visibility: hidden;
    background: rgba(73,84,222,1);	
    background: -moz-linear-gradient(left bottom, rgba(73,221,216,1) 0%, rgba(73,84,222,1) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(73,221,216,1)), color-stop(100%,rgba(73,84,222,1)));
    background: -webkit-linear-gradient(left bottom, rgba(73,221,216,1),rgba(73,84,222,1));
    background: -o-linear-gradient(left bottom, rgba(73,221,216,1) 0%,rgba(73,84,222,1) 100%);
    background: -ms-linear-gradient(left bottom, rgba(73,221,216,1) 0%,rgba(73,84,222,1) 100%);
    background: linear-gradient(to top right, rgba(73,221,216,1) 0%,rgba(73,84,222,1) 100%);

 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#060d17', endColorstr='#281824',GradientType=1 );
}

.overlay2 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    background: rgba(73,84,222,1);	
    background: -moz-linear-gradient(left bottom, rgba(73,84,222,1) 0%, rgba(171,73,222,1) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(73,84,222,1)), color-stop(100%,rgba(171,73,222,1)));
    background: -webkit-linear-gradient(left bottom, rgba(73,84,222,1),rgba(171,73,222,1));
    background: -o-linear-gradient(left bottom, rgba(73,84,222,1) 0%,rgba(171,73,222,1) 100%);
    background: -ms-linear-gradient(left bottom, rgba(73,84,222,1) 0%,rgba(171,73,222,1) 100%);
    background: linear-gradient(to top right, rgba(73,84,222,1) 0%,rgba(171,73,222,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#060d17', endColorstr='#281824',GradientType=1 );
}

.overlay3 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    background: rgba(222,73,109,1);	
    background: -moz-linear-gradient(left bottom, rgba(222,73,109,1) 0%, rgba(171,73,222,1) 100%);
    background: -webkit-gradient(linear, left botom, right top, color-stop(0%,rgba(222,73,109,1)), color-stop(100%,rgba(171,73,222,1)));
    background: -webkit-linear-gradient(left bottom, rgba(222,73,109,1),rgba(171,73,222,1));
    background: -o-linear-gradient(left bottom, rgba(222,73,109,1) 0%,rgba(171,73,222,1) 100%);
    background: -ms-linear-gradient(left bottom, rgba(222,73,109,1) 0%,rgba(171,73,222,1) 100%);
    background: linear-gradient(to top right, rgba(222,73,109,1) 0%,rgba(171,73,222,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#060d17', endColorstr='#281824',GradientType=1 );
}

.overlay4 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    background: rgba(222,73,109,1);	
    background: -moz-linear-gradient(left top, rgba(222,73,109,1) 0%, rgba(255,174,39,1) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(222,73,109,1)), color-stop(100%,rgba(255,174,39,1)));
    background: -webkit-linear-gradient(left top, rgba(222,73,109,1),rgba(255,174,39,1));
    background: -o-linear-gradient(left top, rgba(222,73,109,1) 0%,rgba(255,174,39,1) 100%);
    background: -ms-linear-gradient(left top, rgba(222,73,109,1) 0%,rgba(255,174,39,1) 100%);
    background: linear-gradient(to bottom right, rgba(222,73,109,1) 0%,rgba(255,174,39,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#060d17', endColorstr='#281824',GradientType=1 );
}


#footer-p{font-size:12px;line-height:1.2;max-width:700px!important; text-align:left!important;}

#copyrights{line-height:1.2;}

#copyrights h5{color:rgba(255,255,255,0.25);text-transform:none; margin-bottom:5px!important;}



/*-------Graph----------*/

.chart {
  display: table;
  table-layout: fixed;
  width: 75%;
  /*max-width: 1000px;*/
  height: 250px;
  margin: 0 auto;
  background-image: linear-gradient(to top, rgba(50, 177, 245, 0.2) 2%, rgba(50, 177, 245, 0) 2%);
  background-size: 100% 50px;
  background-position: left top;
}

.chart li {
  position: relative;
  display: table-cell;
  vertical-align: bottom;
  height: 200px;
  text-align:center;
}

#col-small{
width: 80px;
}

.chart h2 {
line-height:2!important;
font-size: 32px;
font-weight:600;
}

.chart span {
  margin: 0 1.5em;
  display: block;
  background: rgba(252, 210, 126, 0.75);
  animation: draw 1s ease-in-out;
}

.chart span:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;  
  padding: 20px 0 0;
  display: block;
  text-align: center;
  font-size: 18px;
  font-weight: 700; 
  content: attr(title);
  word-wrap: break-word;
}

.chart span:after {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  display: inline-block;
  text-align: center;
  font-size:11px;
  content: attr(description);
line-height:1.4;
  font-size:14px;
font-weight: 300;
    letter-spacing: 1px;
padding: 50px 0 0;
}

#bar-slider{
margin-top: 120px;
margin-bottom:120px;
}

@keyframes draw{
  0%{height:0;} 
}

#para-big{max-width: 80%; font-size:20px; line-height:1.5;}


#section2 .chart span {
  margin: 0 1.5em;
  display: block;
  background: none!important;
  animation: draw 1s ease-in-out;
}



/* ---------------------
  Vertical Bars
----------------------*/

.bar-left-1 {
  position: absolute;
  bottom: 0;
  z-index:99;
  height: 35%;
  width: 90px;
  margin: 0;
background: rgba(49, 170, 193, 0.8);	

}

.bar-left-1:before {
  content: "";
  position: absolute;
  right: -10px;
  bottom: 5px;
  height: 100%;
  width: 10px;
  background: rgba(49, 170, 193, 0.4);

  -webkit-transform: skewY(-45deg);
}

.bar-left-1:after {
  content: "";
  position: absolute;
  top: -10px;
  left: 5px;
  width: 90px;
  height: 10px;
  background: rgba(49, 170, 193, 0.4);

  -moz-transform: skewX(-45deg);
  -o-transform: skewX(-45deg);
  -webkit-transform: skewX(-45deg);
  transform: skewX(-45deg);
}

.bar-left-1.triggeredCSS3{ animation: draw 1s ease-in-out;}
.bar-left-2.triggeredCSS3{ animation: draw 1s ease-in-out;}
.bar-right-1.triggeredCSS3{ animation: draw 1s ease-in-out;}
.bar-right-2.triggeredCSS3{ animation: draw 1s ease-in-out;}

.bar-left-2 {
  position: absolute;
  bottom: 0;
  z-index:99;
  height: 35%;
  width: 100px;
  margin: 0;
background: rgba(228, 52, 235, 0.8);
}

.bar-left-2:before {
  content: "";
  position: absolute;
  right: -10px;
  bottom: 5px;
  height: 100%;
  width: 10px;
background: rgba(228, 52, 235, 0.4);
  -webkit-transform: skewY(-45deg);
}

.bar-left-2:after {
  content: "";
  position: absolute;
  top: -10px;
  left: 5px;
  width: 100px;
  height: 10px;
background: rgba(228, 52, 235, 0.4);
  -moz-transform: skewX(-45deg);
  -o-transform: skewX(-45deg);
  -webkit-transform: skewX(-45deg);
  transform: skewX(-45deg);
}


.bar-right-1 {
  position: absolute;
  bottom: 0;
  z-index:99;
  height: 35%;
  width: 100px;
  margin: 0;
background: rgba(247, 180, 116, 0.8);
}

.bar-right-1:before {
  content: "";
  position: absolute;
  left: -15px;
  bottom: 5px;
  height: 100%;
  width: 10px;
 background: rgba(247, 180, 116, 0.4);

  -webkit-transform: skewY(45deg);
}

.bar-right-1:after {
  content: "";
  position: absolute;
  top: -10px;
  left: -5px;
  width: 100px;
  height: 10px;
 background: rgba(247, 180, 116, 0.4);
  -moz-transform: skewX(45deg);
  -o-transform: skewX(45deg);
  -webkit-transform: skewX(45deg);
  transform: skewX(45deg);
}

.bar-right-2 {
  position: absolute;
  bottom: 0;
  z-index:99;
  height: 35%;
  width: 100px;
  margin: 0;
background: rgba(109, 111, 255, 0.8);
}

.bar-right-2:before {
  content: "";
  position: absolute;
  left: -15px;
  bottom: 5px;
  height: 100%;
  width: 10px;
background: rgba(109, 111, 255, 0.3);

  -webkit-transform: skewY(45deg);
}

.bar-right-2:after {
  content: "";
  position: absolute;
  top: -10px;
  left: -5px;
  width: 100px;
  height: 10px;
background: rgba(109, 111, 255, 0.3);	
  -moz-transform: skewX(45deg);
  -o-transform: skewX(45deg);
  -webkit-transform: skewX(45deg);
  transform: skewX(45deg);
}


.bar span:before {
  padding: 15px 0em 0;
  font-size: 20px;
  font-weight: 500; 
}

.bar span:after {
  padding: 45px 0 0;
  font-size:12px;
}

.bar-l {
  width: 110px;
  margin: 0;
}

.bar-l:before {
  right: -15px;
  bottom: 8px;
  height: 100%;
  width: 15px;
}

.bar-l:after {
  top: -15px;
  left: 8px;
  width: 110px;
  height: 15px;
}

.bar-r {
  width: 110px;
  margin: 0;
}

.bar-r:before {
  right: -15px;
  bottom: 7px;
  height: 100%;
  width: 15px;
}

.bar-r:after {
  top: -15px;
  left: -8px;
  width: 110px;
  height: 15px;
}

.one{
  left:24px;
}

.two {
  height: 55%;
  left:26px;
}

.three {
  height: 75%;
  right:20px;
}

.four {
  height: 95%;
  right:22px;
}

.chart h2 {
line-height:3!important;
}

#warning-message { display: none; }

@media screen and (min-width: 1921px) {

#signup-success {margin-top: 300px;}

.one-page-arrow {
    bottom: 40px;
    margin-left: -16px;
    width: 54px;
    height: 54px;
    font-size: 54px;
}

#bg1{background:url('../bond-images/ht2880.png')no-repeat center; background-size:cover;}

#bg2{background:url('../bond-images/ht2880.png')no-repeat center; background-size:cover;}

#bg3{background:url('../bond-images/ht2880.png')no-repeat center; background-size:cover;}

#bg4{background:url('../bond-images/ht2880.png')no-repeat center; background-size:cover;}

.container{width:1900px;}

#bg1, #bg2, #bg3, #bg4{height: 1440px;}

.heading-block h2{font-size: 76px;}

#h2bold{font-size: 76px;}

#faqs .heading-block{margin-bottom:100px!important;}

#optimize-img{width:1900px; height: 292px; background-image: url('../bond-images/Optimize.jpg'); margin-bottom:50px; background-size:1900px 292px; margin-top:80px;background-position:center center;}

#invest-img{width:1900px; height: 292px; background-image: url('../bond-images/Invest.jpg'); margin-bottom:50px; background-size:1900px 292px; margin-top:80px; background-position:center center;}

#save-img{width:1900px; height: 292px; background-image: url('../bond-images/Save.jpg'); margin-bottom:50px; background-size:1900px 292px; margin-top:80px; background-position:center center;}

#learn-img{
 -webkit-backface-visibility: hidden;
    background: rgba(32,203,171,1);	
    background: -moz-linear-gradient(left bottom, rgba(32,184,234,1) 0%, rgba(33,209,147,1) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(32,184,234,1)), color-stop(100%,rgba(33,209,147,1)));
    background: -webkit-linear-gradient(left bottom, rgba(32,184,234,1),rgba(33,209,147,1));
    background: -o-linear-gradient(left bottom, rgba(32,184,234,1) 0%,rgba(33,209,147,1) 100%);
    background: -ms-linear-gradient(left bottom, rgba(32,184,234,1) 0%,rgba(33,209,147,1) 100%);
    background: linear-gradient(to top right, rgba(32,184,234,1) 0%,rgba(33,209,147,1) 100%);
margin-bottom:100px;
padding:350px 0;
color:#fff;
}

.learn-more .content-wrap{padding: 100px 0;}

.divider {
    margin: 70px 0; 
}


/*-------Section-1---------------*/
#slider img {
    display: block;
    max-height:1000px;
margin-top:210px;
padding-left:150px;
}

.hpblock{margin-top: 500px;}

.hellobond{margin-top: 40px; font-size:38px;}

#talktobond {margin-top:30px; font-size:28px;}

#chat-icon{font-size:24px!important;}

.button.button-large {
    padding: 0 26px;
    height: 66px;
    line-height: 66px;
}


/*-------Section-2---------------*/

.learnmore{margin-top:180px; font-size:28px!important; line-height:56px!important;}

.chart {
  width: 1200px;
  height: 300px;
}

.chart h2 {
line-height:3.4!important;
font-size: 40px;
font-weight:600;
}

#bar-slider{
margin-top: 200px;
}

#para-big{max-width: 1250px; font-size:28px; line-height:1.5;}


.chart span:before {  
  padding: 20px 0 0; 
  font-size: 24px;
}

.chart span:after {
  font-size:18px;
  padding: 75px 0 0;
}


.bar-l {
  width: 120px;
  margin: 0;
}

.bar-l:before {
  right: -15px;
  bottom: 8px;
  height: 100%;
  width: 15px;
}

.bar-l:after {
  top: -15px;
  left: 8px;
  width: 120px;
  height: 15px;
}

.bar-r {
  width: 120px;
  margin: 0;
}

.bar-r:before {
  right: -15px;
  bottom: 7px;
  height: 100%;
  width: 15px;
}

.bar-r:after {
  top: -15px;
  left: -8px;
  width: 120px;
  height: 15px;
}

.one{
  left:60px;
}

.two {
  height: 55%;
  left:62px;
}

.three {
  height: 75%;
  right:60px;
}

.four {
  height: 95%;
  right:62px;
}


/*-------Section-3-------------*/
#sec-3-col-left {
width:46%;
padding-right:20px;
padding-top:140px;
}

#sec-3-col-right{
width:50%;
padding-top:300px;
padding-left:30px;
padding-right:50px;
}

#psec30 {font-size:18px;line-height:1.2;text-align:left; letter-spacing:1px; color:#292929; line-height:1.4; }

.dark .counter{color:#292929!important; line-height:200px; font-weight:300; font-size:36px;}

.dark .heading-block:not(.not-dark), .dark .counter{text-shadow:none; color:#fff;}

#counterp{font-size:18px;margin:0; text-align:center; color:rgba(37,191,192,1);font-weight:500; line-height:20px; padding-top:20px;}

#section-3 .feature-box h3{color:#292929; font-size:22px;}

#section-3 .heading-block{margin-bottom:140px;}

#section-3 .container{width: 1900px;}


/*-------Section-4-----------*/
#section-4 img{ 
    max-height: 1000px;
margin-top:240px;
}

#section-4 .heading-block{padding-top:420px; padding-right:25px;}

#section-4 p{font-size:28px; padding-bottom:35px; padding-right:50px;padding-top:15px;}

#faqs p{font-size:28px;}

#section-4 h3{font-weight:600; font-size:28px;}

.heading-block h3 {font-size:42px;}


/*New Section-4*/

#new-diagram {margin:120px 0;}

#new-diagram #h2bold{margin-bottom:40px!important;}

#new-diagram h3{line-height:1.2!important;}

#new-diagram-hblock{margin-bottom:90px;}

#counterdiv{position:absolute; z-index: 100; top:37%; left:42%;}

#counterdiv {
    color: #2f2f2f!important;
    line-height: 200px;
    font-weight: 300;
    font-size: 42px!important;
}

.dark .pricing-box{    border-color: rgba(255,255,255,0.1);
    background-color: rgba(235,235,235,0.5);
    box-shadow: 0 1px 1px rgba(194,194,194,0.1);
margin: 0 50px;
}

#new-diagram .heading-block:not(.not-dark){color:#2f2f2f!important; box-shadow:none!important;}

#new-diagram .heading-block:not(.not-dark) h3{color:#2f2f2f!important; box-shadow:none!important; }

.pricing-title {
    padding: 30px 0;
}

.pricing-action{padding:0 0 50px 0;}

.pricing-features ul{padding-bottom:0;}

.pricing-features li {
    padding: 18px 26px!important;
    font-size: 24px;
line-height:1.8;
}

.dark .pricing-title:after {
    content: '';
    position: absolute;
    width: 200px;
    border-top: 1px solid rgba(0,0,0,0.2);
    top: 23.5%;
    bottom: 0;
    left: 40%;
    margin-left: -50px;
}




/*-----------Section-5----------------*/


#section-5 .feature-box h3 {
    font-size: 22px;
}

#section-5 .feature-box p {
font-size:18px;line-height:1.2;text-align:left; letter-spacing:1px; color:#292929; line-height:1.4; 
}

#section-5 .feature-box .fbox-icon {
    width: 72px;
    height:72px;
}

#section-5 .feature-box .fbox-icon i{
    font-size:38px;
line-height:72px!important;
}

#section-5 .feature-box {
    padding: 0 0 0 100px;
}

#section-5 .container{padding-top:50px!important;padding-bottom:50px!important;}

/*------------Section-6-----------------*/
#section-6 .heading-block{padding-top:450px;}

#pseudo-bg{
padding:12px 20px; 
font-size:28px; 
}

#lineChart{
 padding-top:450px;
}

/*-----------Twitter Feed--------------*/

.section > .testimonial .testi-content{font-size:28px!important;}

.flexslider, .flex-viewport{height: 200px!important;}

.fslider{height: 250px!important;}

.testimonial.testimonial-full .flex-control-nav{margin-top:-50px;}

.section > .testimonial{max-width:1250px!important;}


/*---------Contact------------*/
#contact h3{font-size:42px;}

address{font-size:28px; line-height:1.4; color:#292929;}

.col-padding{padding:130px 60px 160px;}

#footer-p{font-size:14px;max-width:1200px!important;}

#copyrights h5{margin-bottom:10px!important; font-size:16px;}

#header, #header-wrap, #logo,  #primary-menu:not(.style-2), #primary-menu:not(.style-2) > ul{height:200px;}

#header.transparent-header + #slider, #header.transparent-header + #page-title.page-title-parallax, #header.transparent-header + #google-map, #slider + #header.transparent-header{top: -200px; margin-bottom: -200px;}

#primary-menu ul li a{height:170px;line-height:200px;letter-spacing:1px; font-size:20px;}
#logo img{height:200px;}

.social-icon.si-small{    width: 52px;
    height: 52px;
    font-size: 28px;
    line-height: 52px !important;}

#faqs h3{font-size:42px;}

#faqs p{font-size:28px;}

#faqs h2{font-size:76px;}

.postcontent {
    width: 1900px;
}
}


/*--------------------------------2881+px----------*/

@media screen and (min-width: 2881px) {

#signup-success {margin-top: 300px;}

.one-page-arrow {
    bottom: 100px;
    margin-left: -16px;
    width: 76px;
    height: 76px;
    font-size: 76px;
}

#bg1{background:none;}

#bg2{background:none;}

#bg3{background:none;}

#bg4{background:none;}

.container{width:2650px;}

#bg1, #bg2, #bg3, #bg4{height: 2100px;}

.heading-block h2{font-size: 118px;}

#h2bold{font-size: 118px;}

#faqs .heading-block{margin-bottom:200px!important;}

/*--------Form--------------------------------------------*/
#formdiv{max-width: 1280px;}

#formdiv .heading-block{margin-top:160px;margin-bottom:160px;}

label {font-size: 42px!important;margin-bottom:20px;}

.form-control {
    height: 120px!important;
    padding: 6px 12px;
    font-size: 42px!important;
letter-spacing:2px;
}

form .col_full{margin-bottom:54px;}

#er{
    color: 333;
    text-align: center;
    padding: 60px 0px;
    font-size: 42px;
}

/*-------Section-1---------------*/
#slider img {
    display: block;
    max-height:1800px;
margin-top:160px;
padding-left:180px;
}

.hpblock{margin-top: 700px;}

.hellobond{margin-top: 50px; font-size:52px;}

#talktobond {margin-top:50px; font-size:48px;}

.button.button-large {
    padding: 0 46px;
    height: 126px;
    line-height: 126px;
}

#chat-icon{font-size:40px!important;}

/*-------Section-2---------------*/

.learnmore{margin-top:300px; font-size:48px!important; line-height:115px!important;}

#section-2 .button.button-border.button-large {  
    padding: 0 50px;
}

.chart {
  width: 2100px;
  height: 500px;
}

.chart h2 {
line-height:4!important;
font-size: 56px;
font-weight:600;
}

#bar-slider{
margin-top: 200px;
}

#para-big{max-width: 2100px; font-size:48px; line-height:1.5; padding-top:50px;}


.chart span:before {  
  padding: 50px 0 0; 
  font-size: 44px;
}

.chart span:after {
  font-size:32px;
  padding: 120px 0 0;
}


.bar-l {
  width: 250px;
  margin: 0;
}

.bar-l:before {
  right: -40px;
  bottom: 20px;
  height: 100%;
  width: 40px;
}

.bar-l:after {
  top: -40px;
  left: 20px;
  width: 250px;
  height: 40px;
}

.bar-r {
  width: 250px;
  margin: 0;
}

.bar-r:before {
  right: 30px;
  bottom: 20px;
  height: 100%;
  width: 40px;
}

.bar-r:after {
  top: -40px;
  left: -20px;
  width: 250px;
  height: 40px;
}

.bar-right-2:before { 
  left: -40px;
}

.bar-right-1:before { 
  left: -40px;
}

.one{
  left:110px;
}

.two {
  height: 55%;
  left:110px;
}

.three {
  height: 75%;
  right:105px;
}

.four {
  height: 95%;
  right:110px;
}


/*-------Section-3-------------*/
#sec-3-col-left {
width:46%;
padding-right:20px;
padding-top:160px;
}

#sec-3-col-right{
width:50%;
padding-top:380px;
padding-left:30px;
padding-right:0px;
}

#psec30 {font-size:32px;line-height:1.2;text-align:left; letter-spacing:1px; color:#292929; line-height:1.4; padding-top:10px; margin-bottom:20px;}

.dark .counter{color:#292929!important; line-height:400px; font-weight:300; font-size:64px;}

#counterp{font-size:26px;margin:0; text-align:center; color:rgba(37,191,192,1);font-weight:500; line-height:20px; padding-top:40px;}

#section-3 .feature-box h3{color:#292929; font-size:38px; line-height: 58px; padding-left:30px;}

#section-3 .feature-box.fbox-plain.fbox-small .fbox-icon i {font-size:58px;}

#section-3 .feature-box.fbox-plain.fbox-small {padding-left: 42px;}

#section-3 .heading-block{margin-bottom:180px;}

#section-3 .container{width: 2600px;}

.rounded-skill{width:400px!important;height:400px!important;opacity:1!important;}

.rounded-skill canvas{width:400px!important;height:400px!important;}

/*-------Section-4-----------*/
#section-4 img{ 
    max-height: 1800px;
margin-top:200px;
}

#section-4 .heading-block{padding-top:500px; padding-right:25px;}

#section-4 p{font-size:48px; padding-bottom:56px; padding-right:50px; padding-top:24}

#faqs p{font-size:48px;}

.heading-block h3 {font-size:48px;}

#section-4 h3{font-weight:600; font-size:48px;}


/*New Section-4*/

#new-diagram {margin:180px 0;}

#new-diagram #h2bold{margin-bottom:40px!important;}

#new-diagram-hblock {margin-bottom: 140px;}

#counterdiv{position:absolute; z-index: 100; top:37%; left:42%;}

#counterdiv {
    color: #2f2f2f!important;
    line-height: 200px;
    font-weight: 300;
    font-size: 42px!important;
}

.dark .pricing-box{    border-color: rgba(255,255,255,0.1);
    background-color: rgba(235,235,235,0.5);
    box-shadow: 0 1px 1px rgba(194,194,194,0.1);
margin: 0 50px;
}

#new-diagram .heading-block:not(.not-dark){color:#2f2f2f!important; box-shadow:none!important;}

#new-diagram .heading-block:not(.not-dark) h3{color:#2f2f2f!important; box-shadow:none!important; }

.pricing-title {
    padding: 30px 0;
}

.pricing-action{padding:0 0 50px 0;}

.pricing-features ul{padding-bottom:0;}

.pricing-features li {
    padding: 18px 26px!important;
    font-size: 24px;
line-height:1.8;
}

.dark .pricing-title:after {
    content: '';
    position: absolute;
    width: 200px;
    border-top: 1px solid rgba(0,0,0,0.2);
    top: 23.5%;
    bottom: 0;
    left: 40%;
    margin-left: -50px;
}

#new-diagram .container{width:2200px;}


/*-----------Section-5----------------*/

#section-5 .feature-box h3 { font-size: 38px;}

#section-5 .feature-box p {font-size:32px;line-height:1.2;text-align:left; letter-spacing:1px; color:#292929; line-height:1.4; }

#section-5 .feature-box .fbox-icon {width: 136px; height:136px; top:60px!important;}

#section-5 .feature-box .fbox-icon i{ font-size:64px;line-height:136px!important;}

#section-5 .feature-box {padding: 0 0 0 180px;}

#section-5 .container{padding-top:150px!important;padding-bottom:150px!important;}

/*------------Section-6-----------------*/
#section-6 .heading-block{padding-top:550px;}

#pseudo-bg{
padding:26px 36px; 
font-size:48px; 
}

#lineChart{
 padding-top:650px;
}

/*-----------Twitter Feed--------------*/

.section > .testimonial .testi-content{font-size:42px!important;}

.flexslider, .flex-viewport{height: 300px!important;}

.fslider{height: 550px!important;}

.testimonial.testimonial-full .flex-control-nav{margin-top:-50px;}

.section > .testimonial{max-width:2100px!important;}

#tweet .i-large.i-plain {
    width: 100px !important;
    height: 100px !important;
    font-size: 86px;
    line-height: 100px !important;
}

#tweet .fslider{padding: 100px 0!important;}

.section > .testimonial .testi-meta, .section > .testimonial .testi-meta span {
    font-size: 26px;
}

.testimonial-full .testi-meta{margin-top:20px;}

/*---------Contact------------*/
#contact h3{font-size:66px;}

address{font-size:42px; line-height:1.4; color:#292929;}

.col-padding{padding:450px 60px 470px;}

#copyrights{padding: 100px 0;}

#footer-p{font-size:22px;max-width:1400px!important;}

#copyrights h5{margin-bottom:20px!important; font-size:26px;}

#header, #header-wrap, #logo,  #primary-menu:not(.style-2), #primary-menu:not(.style-2) > ul{height:200px;}

#header.transparent-header + #slider, #header.transparent-header + #page-title.page-title-parallax, #header.transparent-header + #google-map, #slider + #header.transparent-header{top: -200px; margin-bottom: -200px;}

#primary-menu ul li a{height:170px;line-height:200px; font-size:28px;}
#logo img{height:200px;}

.social-icon.si-small{    width: 52px;
    height: 52px;
    font-size: 28px;
    line-height: 52px !important;}

#faqs h3{font-size:66px;}

#faqs p{font-size:48px;}

#faqs h2{font-size:118px;}

.postcontent {
    width: 2600px;
}

#optimize-img{width:2600px; height: 400px; background-image: url('../bond-images/Optimize.jpg'); margin-bottom:50px; background-size:2600px 400px; margin-top:80px;background-position:center center;}

#invest-img{width:2600px; height: 400px; background-image: url('../bond-images/Invest.jpg'); margin-bottom:50px; background-size:2600px 400px; margin-top:80px; background-position:center center;}

#save-img{width:2600px; height: 400px; background-image: url('../bond-images/Save.jpg'); margin-bottom:50px; background-size:2600px 400px; margin-top:80px; background-position:center center;}

#learn-img{
 -webkit-backface-visibility: hidden;
    background: rgba(32,203,171,1);	
    background: -moz-linear-gradient(left bottom, rgba(32,184,234,1) 0%, rgba(33,209,147,1) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(32,184,234,1)), color-stop(100%,rgba(33,209,147,1)));
    background: -webkit-linear-gradient(left bottom, rgba(32,184,234,1),rgba(33,209,147,1));
    background: -o-linear-gradient(left bottom, rgba(32,184,234,1) 0%,rgba(33,209,147,1) 100%);
    background: -ms-linear-gradient(left bottom, rgba(32,184,234,1) 0%,rgba(33,209,147,1) 100%);
    background: linear-gradient(to top right, rgba(32,184,234,1) 0%,rgba(33,209,147,1) 100%);
margin-bottom:130px;
padding:500px 0;
color:#fff;
}

.learn-more .content-wrap{padding: 130px 0;}

.divider {
    margin: 100px 0; 
}

}

@media screen and (max-width: 1024px) and (min-width: 992px){
#slider img {
padding-left:50px;
}

#optimize-img{width:690px; height: 106px; background-image: url('../bond-images/Optimize.jpg'); margin-bottom:50px; background-size:690px 106px; margin-top:40px;background-position:center center;}

#invest-img{width:690px; height: 106px; background-image: url('../bond-images/Invest.jpg'); margin-bottom:50px; background-size:690px 106px; margin-top:40px; background-position:center center;}

#save-img{width:690px; height: 106px; background-image: url('../bond-images/Save.jpg'); margin-bottom:50px; background-size:690px 106px; margin-top:40px; background-position:center center;}

#learn-img{
width: 690px;
 -webkit-backface-visibility: hidden;
    background: rgba(32,203,171,1);	
    background: -moz-linear-gradient(left bottom, rgba(32,184,234,1) 0%, rgba(33,209,147,1) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(32,184,234,1)), color-stop(100%,rgba(33,209,147,1)));
    background: -webkit-linear-gradient(left bottom, rgba(32,184,234,1),rgba(33,209,147,1));
    background: -o-linear-gradient(left bottom, rgba(32,184,234,1) 0%,rgba(33,209,147,1) 100%);
    background: -ms-linear-gradient(left bottom, rgba(32,184,234,1) 0%,rgba(33,209,147,1) 100%);
    background: linear-gradient(to top right, rgba(32,184,234,1) 0%,rgba(33,209,147,1) 100%);
margin-bottom:40px;
margin:auto; 
padding:160px 0;
color:#fff;
}

.learn-more .content-wrap{padding: 40px 0;}

.heading-block h2{font-size: 44px; }

#h2bold{font-size: 44px;}

#chartleft{padding-right:0px!important;}

.hellobond {font-size: 16px;}

#lineChart{padding-top:225px;}

.one{
  left:5px;
}

.two {
  height: 55%;
  left:5px;
}

.three {
  height: 75%;
  right:2px;
}

.four {
  height: 95%;
  right:2px;
}

#sec-3-col-left {
    width: 35%;
}
#sec-3-col-right {
    width: 48%;
padding-top:140px;
}

#section-3 .col_half {
    width: 35%;
}

#section-3 .col_last {
    width:42%;
margin-right:1%;
}

#section-4 h3{font-size:20px;}

#section-4 p{font-size:18px;}

#faqs p{font-size:18px;}

#section-4 .heading-block{padding-top:170px!important;}


/*New Section-4*/

#new-diagram {margin:50px 0;}

#new-diagram #h2bold{margin-bottom:60px;}

#counterdiv{position:absolute; z-index: 100; top:22%; left:40%;}

#counterdiv {
    color: #2f2f2f!important;
    line-height: 200px;
    font-weight: 300;
    font-size: 30px!important;
}

.dark .pricing-box{    border-color: rgba(255,255,255,0.1);
    background-color: rgba(235,235,235,0.5);
    box-shadow: 0 1px 1px rgba(194,194,194,0.1);
margin: 0 20px;
}

#new-diagram .heading-block:not(.not-dark){color:#2f2f2f!important; box-shadow:none!important;}

#new-diagram .heading-block:not(.not-dark) h3{color:#2f2f2f!important; box-shadow:none!important;}

.pricing-action{padding:0 0 30px 0;}

.pricing-features ul{padding-bottom:0;}

.pricing-features li {
    padding: 6px 16px!important;
    font-size: 12px;
line-height:1.6;
}

.dark .pricing-title:after {
    content: '';
    position: absolute;
    width: 100px;
    border-top: 1px solid rgba(0,0,0,0.2);
    top: 22%;
    bottom: 0;
    left: 50%;
    margin-left: -50px;
}

#new-diagram #talktobond{margin-top:0px!important;}
}



/*------------------------------------------------------991px-----------*/



@media screen and (max-width:991px) {
.security{color:#292929; max-width:100%!important; padding:0 20px;}

#confirmation .hellobond {font-weight:300; padding:0 5%;}

.hpblock{padding-left:0;}

#social-icons{padding-left:0!important;}

#slider img {
padding-left:0px;
}
.mobilebond{display:block;}

.desktopbond{display:none;}

.postcontent, .postcontent.bothsidebar, .sidebar {

border-bottom:none!important;

}

.postcontent, .postcontent.bothsidebar, .sidebar{padding-bottom:0px!important;margin-bottom:0!important;}

#optimize-img{width:280px; height: 140px; background-image: url('../bond-images/Optimize_Mobile.jpg'); margin-bottom:50px; background-size:280px 140px; margin-top:60px;background-position:center center;}

#invest-img{width:280px; height: 140px; background-image: url('../bond-images/Invest_Mobile.jpg'); margin-bottom:50px; background-size:280px 140px; margin-top:60px; background-position:center center;}

#save-img{width:280px; height: 140px; background-image: url('../bond-images/Save_Mobile.jpg'); margin-bottom:50px; background-size:280px 140px; margin-top:60px; background-position:center center;}

#chat-desktop{display:none;}

#chat-mobile{display:block;}
#learn-img{
width: 280px;
 -webkit-backface-visibility: hidden;
    background: rgba(32,203,171,1);	
    background: -moz-linear-gradient(left bottom, rgba(32,184,234,1) 0%, rgba(33,209,147,1) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(32,184,234,1)), color-stop(100%,rgba(33,209,147,1)));
    background: -webkit-linear-gradient(left bottom, rgba(32,184,234,1),rgba(33,209,147,1));
    background: -o-linear-gradient(left bottom, rgba(32,184,234,1) 0%,rgba(33,209,147,1) 100%);
    background: -ms-linear-gradient(left bottom, rgba(32,184,234,1) 0%,rgba(33,209,147,1) 100%);
    background: linear-gradient(to top right, rgba(32,184,234,1) 0%,rgba(33,209,147,1) 100%);
margin-bottom:60px;
margin:auto; 
padding:160px 0;
color:#fff;
}

#learn-img h2{font-size:36px;}

.learn-more #faq-1{margin-top:40px;}

h2{text-transform:none!important;}

.heading-block h2{font-size: 40px; }

#h2bold{font-size: 40px; font-weight:300!important;}

.heading-block{text-align:center!important;}

#bg1, #bg2, #bg3, #bg4{height:auto; }


#bg1 {
     background: -moz-linear-gradient(right top, rgba(37,191,192,0.97) 0%, rgba(67,65,191,0.97) 100%);
    background: -webkit-gradient(linear, right top, left bottom, color-stop(0%,rgba(37,191,192,0.97)), color-stop(100%,rgba(67,65,191,0.97)));
    background: -webkit-linear-gradient(right top, rgba(37,191,192,0.97),rgba(67,65,191,0.97));
    background: -o-linear-gradient(right top, rgba(37,191,192,0.97) 0%,rgba(67,65,191,0.97) 100%);
    background: -ms-linear-gradient(right top, rgba(37,191,192,0.97) 0%,rgba(67,65,191,0.97) 100%);
    background: linear-gradient(to bottom right, rgba(37,191,192,0.97) 0%,rgba(67,65,191,0.97) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#060d17', endColorstr='#281824',GradientType=1 );
}

#bg2 {
    background: rgba(67,66,191,0.98);	
    background: -moz-linear-gradient(left bottom, rgba(67,66,191,0.98) 0%, rgba(169,75,214,0.98) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(67,66,191,0.98)), color-stop(100%,rgba(169,75,214,0.98)));
    background: -webkit-linear-gradient(left bottom, rgba(67,66,191,0.98),rgba(169,75,214,0.98));
    background: -o-linear-gradient(left bottom, rgba(67,66,191,0.98) 0%,rgba(169,75,214,0.98) 100%);
    background: -ms-linear-gradient(left bottom, rgba(67,66,191,0.98) 0%,rgba(169,75,214,0.98) 100%);
    background: linear-gradient(to top right, rgba(67,66,191,0.98) 0%,rgba(169,75,214,0.98) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#060d17', endColorstr='#281824',GradientType=1 );
}

#bg3 {
    background: rgba(221,72,109,0.98);	
    background: -moz-linear-gradient(left bottom, rgba(221,72,109,0.98) 0%, rgba(173,74,212,0.98) 100%);
    background: -webkit-gradient(linear, left botom, right top, color-stop(0%,rgba(221,72,109,0.98)), color-stop(100%,rgba(173,74,212,0.98)));
    background: -webkit-linear-gradient(left bottom, rgba(221,72,109,0.98),rgba(173,74,212,0.98));
    background: -o-linear-gradient(left bottom, rgba(221,72,109,0.98) 0%,rgba(173,74,212,0.98) 100%);
    background: -ms-linear-gradient(left bottom, rgba(221,72,109,0.98) 0%,rgba(173,74,212,0.98) 100%);
    background: linear-gradient(to top right, rgba(221,72,109,0.98) 0%,rgba(173,74,212,0.98) 100%);
}

#bg4 {
    background: rgba(253,191,115,0.98);	
    background: -moz-linear-gradient(left top, rgba(222,74,108,0.98) 0%, rgba(253,191,115,0.98) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(222,74,108,0.98)), color-stop(100%,rgba(253,191,115,0.98)));
    background: -webkit-linear-gradient(left top, rgba(222,74,108,0.98),rgba(253,191,115,0.98));
    background: -o-linear-gradient(left top, rgba(222,74,108,0.98) 0%,rgba(253,191,115,0.98) 100%);
    background: -ms-linear-gradient(left top, rgba(222,74,108,0.98) 0%,rgba(253,191,115,0.98) 100%);
    background: linear-gradient(to bottom right, rgba(222,74,108,0.98) 0%,rgba(253,191,115,0.98) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#060d17', endColorstr='#281824',GradientType=1 );
}

#slider img {
    display: block;
    max-height: 675px;
margin-top:5px!important;
margin-bottom:50px;
margin-left: auto;
    margin-right: auto;
}

#section-4 img{ display: block;
    max-height: 675px!important;
margin-top:85px;
margin-left: auto;
    margin-right: auto;
float:none;
}

#slider .container{padding:0!important;}
#slider .col_half{margin-bottom:0!important;}
#slider .heading-block{margin-bottom:0!important;}
.hpblock{margin-top: 100px;}

.hellobond{margin-top: 20px; font-size:20px; text-align:center!important;}

#talktobond {margin-top:30px; margin-bottom:40px!important;font-size:18px;}

.learnmore{display: inline-block!important;margin-top: 80px;line-height:48px!important;}

#bar-slider{
margin-top: 50px;
margin-bottom:50px;
}

#para-big {
    max-width: 100%;
font-size:18px;
}

.chart{height:auto!important; display:block!important;}

.chart li {
display:block;
height:auto;
}

.one{
 height: 88px;
  left:0;
margin: 0 auto;
}

.two {
  height: 138px;
  left:0;
margin: 0 auto;
}

.three {
  height: 188px;
  right:0;
margin: 0 auto;
}

.four {
  height: 238px;
  right:0;
margin: 0 auto;
}

.bar-left-1, .bar-left-2, .bar-right-1, .bar-right-2{position:relative;}

#col-small {
    width: auto;
text-align:center;
position:relative;
}

.chart h2 {
line-height:3.5!important;
font-size: 36px;
}

#col-small{margin-top:70px;}

#section-3 .heading-block{text-align:center!important; margin-bottom:0px;}
#sec-3-col-left {
    width: 100%;
}
#sec-3-col-right {
    width: 100%;
padding-top: 0px;
}
#section-4 .container{padding:0!important;}
#section-4 .heading-block{padding-top:30px; text-align:center!important;padding-left:5px; padding-right:0px;}

#section-4 p{text-align:left!important; padding-bottom:50px!important;}

#section-4 h3{text-align:left!important;}

#sec-5-last{margin-bottom:0!important;}

#section-6 .heading-block{text-align:center!important;padding-top:70px; padding-left: 10px;padding-right:10px;}

#section-6 .col_half{padding-right:0!important;}

#section-6 .container{padding-left:5px!important; padding-right:5px!important;}


#lineChart{
 padding-top:0px;
}

#pseudo-bg{
padding:12px 20px; 
font-size:22px; 
}

.overlay1 {
    background: -moz-linear-gradient(right top, rgba(37,191,192,0.98) 0%, rgba(67,65,191,0.98) 100%);
    background: -webkit-gradient(linear, right top, left bottom, color-stop(0%,rgba(37,191,192,0.98)), color-stop(100%,rgba(67,65,191,0.98)));
    background: -webkit-linear-gradient(right top, rgba(37,191,192,0.98),rgba(67,65,191,0.98));
    background: -o-linear-gradient(right top, rgba(37,191,192,0.98) 0%,rgba(67,65,191,0.98) 100%);
    background: -ms-linear-gradient(right top, rgba(37,191,192,0.98) 0%,rgba(67,65,191,0.98) 100%);
    background: linear-gradient(to bottom right, rgba(37,191,192,0.98) 0%,rgba(67,65,191,0.98) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#060d17', endColorstr='#281824',GradientType=1 );
}

.dark #header.transparent-header, .dark #header.semi-transparent, #header.dark.transparent-header, #header.dark.semi-transparent {
    background-color: transparent;
    border-bottom: none!important;
}

.dark #header.transparent-header #header-wrap, .dark #header.semi-transparent #header-wrap, #header.dark.transparent-header #header-wrap, #header.dark.semi-transparent #header-wrap{ background-color: transparent;}

#header.transparent-header + #slider, #header.transparent-header + #page-title.page-title-parallax, #header.transparent-header + #google-map, #slider + #header.transparent-header{top:-70px!important;}

#slider{margin-bottom:-70px!important;}

#header, #header-wrap, #logo, #logo img, #primary-menu:not(.style-2), #primary-menu:not(.style-2) > ul{height:70px!important;}

a{color:#fff; text-transform:none!important;}

.button.button-large {
    padding: 0 26px;
    height: 54px;
    line-height: 54px;
}

#primary-menu-trigger{right:0; z-index: 1000!important;}

#logo {float:left; z-index: 1000!important;}

.bar-right-1:before {
left:auto;
  right: -15px;
  bottom: 7px;
  height: 100%;
  width: 15px;
  -webkit-transform: skewY(-45deg);
}

.bar-right-1:after {
  top: -15px;
  left: 8px;
  height: 15px;
  -moz-transform: skewX(-45deg);
  -o-transform: skewX(-45deg);
  -webkit-transform: skewX(-45deg);
  transform: skewX(-45deg);
}

.bar-right-2:before {
left:auto;
  right: -15px;
  bottom: 7px;
  height: 100%;
  width: 15px;
  -webkit-transform: skewY(-45deg);
}

.bar-right-2:after {
  top: -15px;
  left: 8px;
  height: 15px;
  -moz-transform: skewX(-45deg);
  -o-transform: skewX(-45deg);
  -webkit-transform: skewX(-45deg);
  transform: skewX(-45deg);
}

#lineChartCanvas{display:none!important;}

.flexslider, .flex-viewport{height: 250px!important;}

.fslider{height: 275px!important;}

.testimonial.testimonial-full .flex-control-nav{margin-top:-70px;}

.section > .testimonial{max-width:95%!important;}

.bg-mobi-header {
position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 999!important;
}

.webscroll.bg-mobi-header{opacity:1;}

.webtop.bg-mobi-header{opacity:0;}

#header.full-header #primary-menu > ul{margin-top:71px!important;}

#header.full-header #primary-menu > ul > li a{background-color: rgba(0, 0, 0, 0.8); text-align:right; padding-right: 10px; color:#fff;}

/*New Section-4*/

#new-diagram {margin:30px 0;}

#new-diagram #h2bold{margin-bottom:60px;}

#counterdiv{position:absolute; z-index: 100; top:32%; left:34%;}

#counterdiv {
    color: #2f2f2f!important;
    line-height: 200px;
    font-weight: 300;
    font-size: 26px!important;
}

.dark .pricing-box{    border-color: rgba(255,255,255,0.1);
    background-color: rgba(235,235,235,0.5);
    box-shadow: 0 1px 1px rgba(194,194,194,0.1);
margin: 0 0px;
}

#new-diagram .heading-block:not(.not-dark){color:#2f2f2f!important; box-shadow:none!important;}

#new-diagram .heading-block:not(.not-dark) h3{color:#2f2f2f!important; box-shadow:none!important;}

.pricing-action{padding:0 0 30px 0;}

.pricing-features ul{padding-bottom:0;}

.pricing-features li {
    padding: 30px 16px!important;
    font-size: 16px;
line-height:1.8;
}

.dark .pricing-title:after {
    content: '';
    position: absolute;
    width: 100px;
    border-top: 1px solid rgba(0,0,0,0.2);
    top: 25%;
    bottom: 0;
    left: 50%;
    margin-left: -50px;
}

.pricing-title{padding-top:30px;}

#new-diagram #talktobond{margin-top:0px!important;}

#diagram-mobile{display:block;}

#diagram{display:none;}

#chartleft{padding-right:0px;}

#new-diagram .container{padding-left:0px;padding-right:0px;}
#temp-h2 h2{font-size:50px!important;}
#temp-h2{padding:0 20px;}
}


@media screen and (max-width:360px) {
#confirmation .hellobond {font-weight:300; padding:0 15px;}
#section-4 .heading-block{padding-left:15px!important;padding-right:15px!important;}
#learn-img{
width: 280px;
 -webkit-backface-visibility: hidden;
    background: rgba(32,203,171,1);	
    background: -moz-linear-gradient(left bottom, rgba(32,184,234,1) 0%, rgba(33,209,147,1) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(32,184,234,1)), color-stop(100%,rgba(33,209,147,1)));
    background: -webkit-linear-gradient(left bottom, rgba(32,184,234,1),rgba(33,209,147,1));
    background: -o-linear-gradient(left bottom, rgba(32,184,234,1) 0%,rgba(33,209,147,1) 100%);
    background: -ms-linear-gradient(left bottom, rgba(32,184,234,1) 0%,rgba(33,209,147,1) 100%);
    background: linear-gradient(to top right, rgba(32,184,234,1) 0%,rgba(33,209,147,1) 100%);
margin-bottom:60px;
margin:auto; 
padding:160px 0;
color:#fff;
}
.learn-more #faq-1{margin-top:40px;}

}


@media (max-width: 767px) and (min-width: 480px) {
#confirmation .hellobond {font-weight:300; padding:0 20px;}
#learn-img{
width: 470px;
 -webkit-backface-visibility: hidden;
    background: rgba(32,203,171,1);	
    background: -moz-linear-gradient(left bottom, rgba(32,184,234,1) 0%, rgba(33,209,147,1) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(32,184,234,1)), color-stop(100%,rgba(33,209,147,1)));
    background: -webkit-linear-gradient(left bottom, rgba(32,184,234,1),rgba(33,209,147,1));
    background: -o-linear-gradient(left bottom, rgba(32,184,234,1) 0%,rgba(33,209,147,1) 100%);
    background: -ms-linear-gradient(left bottom, rgba(32,184,234,1) 0%,rgba(33,209,147,1) 100%);
    background: linear-gradient(to top right, rgba(32,184,234,1) 0%,rgba(33,209,147,1) 100%);
margin-bottom:60px;
margin:auto; 
padding:80px 0;
color:#fff;
}

#optimize-img{width:280px; height: 140px; background-image: url('../bond-images/Optimize_Mobile.jpg'); margin-bottom:50px; background-size:280px 140px; margin:auto; margin-top:60px;background-position:center center;}

#invest-img{width:280px; height: 140px; background-image: url('../bond-images/Invest_Mobile.jpg'); margin-bottom:50px; background-size:280px 140px; margin:auto;margin-top:60px; background-position:center center;}

#save-img{width:280px; height: 140px; background-image: url('../bond-images/Save_Mobile.jpg'); margin-bottom:50px; background-size:280px 140px; margin:auto;margin-top:60px; background-position:center center;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 

.heading-block h2{font-size: 44px; }

#h2bold{font-size: 44px;}

#chartleft{padding-right:0px!important;}

.hellobond {font-size: 16px;}

#lineChart{padding-top:225px;}

.one{
  left:5px;
}

.two {
  height: 55%;
  left:5px;
}

.three {
  height: 75%;
  right:2px;
}

.four {
  height: 95%;
  right:2px;
}

#sec-3-col-left {
    width: 35%;
}
#sec-3-col-right {
    width: 48%;
padding-top:140px;
}

#section-3 .col_half {
    width: 35%;
}

#section-3 .col_last {
    width:42%;
margin-right:1%;
}

#section-4 h3{font-size:20px;}

#section-4 p{font-size:18px;}

#faqs p{font-size:18px;}

#section-4 .heading-block{padding-top:170px!important;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

#chat-mobile{display:block;}
#chat-desktop{display:none;}

#learn-img{
width: 620px;
 -webkit-backface-visibility: hidden;
    background: rgba(32,203,171,1);	
    background: -moz-linear-gradient(left bottom, rgba(32,184,234,1) 0%, rgba(33,209,147,1) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(32,184,234,1)), color-stop(100%,rgba(33,209,147,1)));
    background: -webkit-linear-gradient(left bottom, rgba(32,184,234,1),rgba(33,209,147,1));
    background: -o-linear-gradient(left bottom, rgba(32,184,234,1) 0%,rgba(33,209,147,1) 100%);
    background: -ms-linear-gradient(left bottom, rgba(32,184,234,1) 0%,rgba(33,209,147,1) 100%);
    background: linear-gradient(to top right, rgba(32,184,234,1) 0%,rgba(33,209,147,1) 100%);
margin-bottom:60px;
margin:auto; 
padding:120px 0;
color:#fff;
}

#optimize-img{width:620px; height: 388px; background-image: url('../bond-images/Optimize_Tablet.jpg'); margin-bottom:50px; background-size:620px 388px; margin:auto; margin-top:60px;background-position:center center;}

#invest-img{width:620px; height: 388px; background-image: url('../bond-images/Invest_Tablet.jpg'); margin-bottom:50px; background-size:620px 388px; margin:auto;margin-top:60px; background-position:center center;}

#save-img{width:620px; height: 388px; background-image: url('../bond-images/Save_Tablet.jpg'); margin-bottom:50px; background-size:620px 388px; margin:auto;margin-top:60px; background-position:center center;}

.learn-more #faq-1{margin-top:40px;}

#section-2 .container{padding-top:50px; padding-bottom:50px;}

.col_half{width:100%;}

/*New Slide*/

.col_one_third{width:100%;}

#diagram{display:block;}

#diagram-mobile{display:none;}

.dark .pricing-box{
margin: 0 30%;
margin-top:50px;
}

.col_two_third{width:100%;}

#chartleft{padding:0;}

#counterdiv{position:absolute; z-index: 100; top:20%; left:42%;}

#counterdiv {
    color: #2f2f2f!important;
    line-height: 200px;
    font-weight: 300;
    font-size: 26px!important;
}

/*New Slide End*/

.heading-block h2{font-size: 50px; }

#h2bold{font-size: 50px;}

#slider .heading-block{padding-top: 100px;}

#slider img {
margin-top:50px!important;
margin-bottom:80px;
}

#section-4 img{ display: block;
    max-height: 675px!important;
margin-top:85px;
margin-left: auto;
    margin-right: auto;
float:none;
}

.container{width: 650px;}

.chart h2 {
line-height:3!important;
font-size: 36px;
}

#sec-3-col-left .heading-block{
 text-align:center!important;
}

#section-3 .container{width: 650px;}

#section-3 #sec-3-col-right{padding-top:50px;}

#section-3 #sec-3-col-right .col_half{width:48%;}

#section-4 h3{font-size:20px;}

#section-4 p{font-size:18px;}

#faqs p{font-size:18px;}

#lineChart{padding-bottom:70px;}

.flexslider, .flex-viewport{height: 175px!important;}

.fslider{height: 225px!important;}

.testimonial.testimonial-full .flex-control-nav{margin-top:-70px;}

#header.full-header #primary-menu > ul > li a{background-color: rgba(0, 0, 0, 0.8); text-align:right; padding-right: 40px;}

#section-5 .col_one_third{width:100%;}

#section-5 p{padding-bottom:50px;}

#section-5 .fbox-icon{top:10px!important;}
}

@media only screen 
and (min-device-width : 1024px) 
and (max-device-width : 1366px) 
and (orientation : portrait){ 
body{background-color:#fff!important;}
  #outer-wrapper { display:none!important; }
  #warning-message 
{ display:block!important;  
    width: 800px;
    background-color: #fff;
    color:#292929;

    position: absolute;
    top:50%;
  left:50%;
  padding:15px;
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
font-size: 36px;
}
}