@font-face {
    font-family: 'proxima_novalight';
    src: url('../fonts/proxima_nova_light-webfont.eot');
    src: url('../fonts/proxima_nova_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proxima_nova_light-webfont.woff2') format('woff2'),
         url('../fonts/proxima_nova_light-webfont.woff') format('woff'),
         url('../fonts/proxima_nova_light-webfont.ttf') format('truetype'),
         url('../fonts/proxima_nova_light-webfont.svg#proxima_novalight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: 'ProximaNova-Regular';
  src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),  
       url('../fonts/ProximaNova-Regular.otf')  format('opentype'),
       url('../fonts/ProximaNova-Regular.woff') format('woff'), 
       url('../fonts/ProximaNova-Regular.ttf')  format('truetype'), 
       url('../fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
       font-weight: normal;
       font-style: normal;
}
@font-face {
  font-family: 'ProximaNova-Semibold';
  src: url('../fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),  
       url('../fonts/ProximaNova-Semibold.woff') format('woff'), 
       url('../fonts/ProximaNova-Semibold.ttf')  format('truetype'), 
       url('../fonts/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg');
       font-weight: normal;
       font-style: normal;
}

@font-face {
  font-family: 'ProximaNova-Bold';
  src: url('../fonts/PROXIMANOVA-BOLD-webfont.eot?#iefix') format('embedded-opentype'),  
       url('../fonts/PROXIMANOVA-BOLD-webfont.otf')  format('opentype'),
       url('../fonts/PROXIMANOVA-BOLD-webfont.woff2') format('woff2'),
       url('../fonts/PROXIMANOVA-BOLD-webfont.woff') format('woff'), 
       url('../fonts/PROXIMANOVA-BOLD-webfont.ttf')  format('truetype'), 
       url('../fonts/PROXIMANOVA-BOLD-webfont.svg#ProximaNova-Bold') format('svg');
       font-weight: normal;
       font-style: normal;
}

/* Some ground rules */

*{
    margin: 0;
    padding: 0;   
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent; /* For some Androids */
}
body{
    font-family: 'ProximaNova-Regular';
  /*  -webkit-font-smoothing: antialiased;*/
    text-rendering: optimizeLegibility;
    color: #3f3f3f;
}
a{
    text-decoration: none;
    
}
strong{
    font-family: 'ProximaNova-Bold';
    font-weight: normal;
}
ul, li{
    list-style-type: none;
}
.clear-both {
    clear: both;
}
.img-responsive{
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
a img{
    border: none;
}
.placeholder { color: #aaa; }
/* Section #1 a.k.a Beyond Spreadsheets */

.container{
    margin: 0 auto;
    max-width: 1364px;
    position: relative;
}
.container:after {
    clear: both;
}

.bp-main{        
    width: 100%;
    height: 100%;
    min-height: 428px;
    float: left;
    position:relative;    
    overflow: hidden;
}
.animated-blur{
    /*
    animation-name: blurbox; 
    animation-duration: 2s;
    animation-fill-mode: forwards;
    /* Chrome, Safari, Opera */
   /* -webkit-animation-name: blurbox; 
    -webkit-animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
    /* Standard syntax */
    /*-moz-animation-name: blurbox; 
    -moz-animation-duration: 2s; 
    -o-animation-name: blurbox;
    -o-animation-duration: 2s;
    -o-animation-fill-mode: forwards; 
    */
   
}

.no-blur{
    filter: blur(0px);
    -webkit-filter: blur(0px);
}
.intro-unit {
    color: #fff;
    float: left;
    padding-left: 18px;
    padding-top: 298px;
    width: 100%;
    z-index: 2; 
    position: relative;
}
.intro-unit h1 {
    font-size: 75px;
    font-weight: normal;
    line-height: 69px;
    padding-bottom: 22px;
    opacity: 0;
}
.intro-unit p {
    font-size: 24px;
    line-height: 39px;
    opacity: 0;
}

.callout-wrp{
    padding-top: 35px; 
    opacity: 0;
}
.callout-btn{
    transition: border-color 0.4s ease 0s, background-color 0.6s ease 0s;
    border: 1px solid #5d5d5f;
    padding: 18px 32px;
    border-radius: 5px;
    font-family: 'ProximaNova-Regular';
    float: left;
    text-align: center;
    color: #fff;
    margin-left: 24px;
    cursor: pointer;   
    font-size: 17px; 
}
.callout-btn:first-child {
    margin: 0;
    background-color: #1fa1ec;
    border-color: #1fa1ec;
}
.callout-btn:hover{
    background-color: #1fa1ec;
    border-color: #1fa1ec;
}
.feature-btn{
    padding: 18px 60px;
}
.absolute-bottom{
    position: absolute;
    bottom: 3%;    
    z-index: 10;
    width: 100%;
}
.scroll-indicate {
    margin-left: -1px;    
}
.arrow-down{
    background: url("../images/down2.png") no-repeat scroll center center transparent;
    width: 66px;
    height: 66px;
    margin: 0 auto;
    cursor: pointer;

}

/* ===== Header ==== */

.header-wrp{
   position: absolute;
    z-index: 12;
    float: left;
    width: 100%; 
}

.prime-header {
    clear: both;    
    padding-top: 40px;
    max-width: 1344px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    
}
.logo {
    float: left;
    padding-right: 59px;
}
.main-nav {
    float: left;
    padding-top: 20px;
}
.main-nav li {
    float: left;    
    padding-right: 48px;
}
.main-nav li a{
   font-size: 18px;  
   color: #fefefe;
   font-family: 'ProximaNova-Regular';
}
.main-nav li.active a {
    border-bottom: 5px solid #1fa1ec;
    color: #1fa1ec;
    padding: 0 3px 13px;
	cursor: default;
}
.register-wrp {
    float: right;
   /* padding-right: 51px;*/
    padding-top: 22px;
}
.signup-btn {
    background-color: #ed562b;
    border-radius: 3px;
    color: #fff;
    padding: 12px 22px;
}
.login-btn{
    color: #fff;
    margin-right: 43px;
}
.lines-button, .mobile-menu{
    display: none;
}
.u-slider{
    float: left;
    width: 100%;
    background: url("../images/slide_3_blur.jpg")  no-repeat scroll center 0 / cover transparent;
}
 .u-slider .slide .blur-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0 !important;
    transition: opacity 3s ease 0s;
    -webkit-transition-delay: 1s; /* Safari */
    transition-delay: 1s;
}
.flexslider .slide1{
    background: url("../images/slide_1.jpg")  no-repeat scroll center 0 / cover transparent;
   
}
.flexslider .slide2{
    background: url("../images/slide_2.jpg")  no-repeat scroll center 0 / cover transparent;    
}
.flexslider .slide3{
    background: url("../images/slide_4.jpg")  no-repeat scroll center 0 / cover transparent;       
}


.u-slider .slide{
    position: absolute; 
    width: 100%;
    height: 100%;
}

/* All Slides Blurred Backgrounds */



.animated2 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


/* Section #2 a.k.a Search Data */


.search-preview{
    padding: 0;
    float: left;
    width: 100%;
    text-align: center;
    background-color: #fff;
    box-sizing: border-box;
}
#video{
   
}

/* Section #3 a.k.a iPad Presentation */


.bp-grid-preview{
    background: url("../images/graph.png") repeat scroll left top transparent;
    float: left;
    width: 100%;
    overflow: hidden;
    height: 900px;
    position: relative;
}
.feature-nav{
    padding-top: 20px;
    float: left;
    width: 100%;
    position: relative;
    z-index: 11;
}
.feature-nav span{         
    background-color: #fff;
    width: 206px;
    height: 71px;
    text-transform: uppercase;
    color: #000;  
    cursor: pointer;
    font-family: 'ProximaNova-Regular';
    font-size: 26px;
    box-sizing:border-box;
    padding-left: 10px;
}
.feature-nav #prev{
    float: left;
    padding-right: 30px;
    padding-top: 23px;
    text-align: right;
    border-radius: 0 6px 6px 0;
    background: #fff url("../images/arrow-left.png")  no-repeat scroll 40px center;
}
.feature-nav #next{
    float: right;
    padding-left: 30px;
    padding-top: 24px;
    border-radius: 6px 0 0 6px; 
    background: #fff url("../images/arrow-right.png")  no-repeat scroll 160px center;
}
.ipad {
    width: 988px;
    height: 629px;
    position: absolute;
    bottom: 64px;
    left: -42px;
    border-radius: 36px;
}
.frame1{
    background-image: url("../images/GridPlaceholderImage.png");
}
.frame2{
    background-image: url("../images/SharePlaceholderImage.png");

}
.frame3{
    background-image: url("../images/PlugPlaceholderImage.png");

}
.feature-box {
    float: left;    
    width: 478px;
}
.feature-box.left {
    padding-top: 118px;
    padding-left: 25px;
	position: relative;
    z-index: 10;

        -webkit-transition:0.25s;
       -moz-transition:0.25s;
        -ms-transition:0.25s;
         -o-transition:0.25s;
            transition:0.25s;
    -webkit-transform:translateX(-30px);
       -moz-transform:translateX(-30px);
        -ms-transform:translateX(-30px);
         -o-transform:translateX(-30px);
            transform:translateX(-30px);
    opacity:0;
    filter: alpha(opacity=0);
}
/*
@supports (-webkit-appearance:none) {
.feature-box.right {
    z-index: -1;
}
}
*/

.feature-box.right {

    float: right;
    height: 690px;
    position: relative;
	z-index: 9;
    padding-top: 32px;
    width: 787px;

      

        -webkit-transition:0.25s;
       -moz-transition:0.25s;
        -ms-transition:0.25s;
         -o-transition:0.25s;
            transition:0.25s;
    -webkit-transform:translateX(30px);
       -moz-transform:translateX(30px);
        -ms-transform:translateX(30px);
         -o-transform:translateX(30px);
            transform:translateX(30px);
    opacity:0;
    filter: alpha(opacity=0);
}
.feature-box.right video{  
  box-shadow: 0 4px 36px 22px rgba(0, 0, 0, 0.08);
  border-radius: 32px;
   
   overflow: hidden;
}

/* active states */

.active .feature-box.left{
        -webkit-transition:0.85s cubic-bezier(.32,.31,.05,1) 0.45s;
           -moz-transition:0.85s cubic-bezier(.32,.31,.05,1) 0.45s;
             -o-transition:0.85s cubic-bezier(.32,.31,.05,1) 0.45s;
                transition:0.85s cubic-bezier(.32,.31,.05,1) 0.45s;
        -webkit-transform:translateX(0%);
           -moz-transform:translateX(0%);
            -ms-transform:translateX(0%);
             -o-transform:translateX(0%);
                transform:translateX(0%);
        opacity:1;
        filter: alpha(opacity=100);
}
.active .feature-box.right{
        -webkit-transition:0.85s cubic-bezier(.32,.31,.05,1) 0.45s;
           -moz-transition:0.85s cubic-bezier(.32,.31,.05,1) 0.45s;
             -o-transition:0.85s cubic-bezier(.32,.31,.05,1) 0.45s;
                transition:0.85s cubic-bezier(.32,.31,.05,1) 0.45s;
        -webkit-transform:translateX(0%);
           -moz-transform:translateX(0%);
            -ms-transform:translateX(0%);
             -o-transform:translateX(0%);
                transform:translateX(0%);
        opacity:1;
        filter: alpha(opacity=100);
}

.feature-box h1{
    background: url("../images/share.png") no-repeat scroll left top transparent;
    font-family: 'ProximaNova-Bold';
    font-weight: normal;
    font-size: 44px;
    padding-bottom: 41px;
    line-height: 34px;
    padding-left: 58px;
}
.feature-box h2{
    font-family: 'proxima_novalight';
    font-weight: normal;
    font-size: 36px;
    padding-bottom: 6px;
    line-height: 50px;
}
.feature-list{

}

.feature-list ul li{
    background: url("../images/bullet.png") no-repeat scroll left 14px transparent;
    padding-left: 25px;        
    line-height: 40px;
    font-family: 'proxima_novalight';
    font-size: 22px;

}
#about-list{
    height: 100%;
    position: relative;
    width: 100%;
    margin-top: 100px;
}
#about-list > li {
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 0.5s ease 0s;
    width: 100%;
}
#about-list li.active {
    opacity: 1;
    z-index: 10;
}
.about-parse{

}
.about-parse .feature-box h1{
    background: url("../images/Grids.png") no-repeat scroll left top transparent;
    padding-left: 47px;
}
.about-parse .feature-box.left{
    width: 490px;
}
.about-parse h2 {
    font-size: 36px;
    line-height: 45px;
}
.about-parse h2 > span{
    font-size: 34px;    
    color: #1fa1ec;
    cursor: pointer;
    position: relative;
}

.about-parse .feature-list li:last-child {
    line-height: 30px;
    padding-top: 6px;
}
.about-parse .feature-list li:last-child em {
    font-size: 18px;
}
.request-link{
    color: #1fa1ec;
}

.about-parse .feature-list li span{
    color: #4b94bd;
    cursor: pointer;
}
.about-search{
    
}
.about-create{
    
}
.about-create .feature-box h1{
    background: url("../images/Plug.png") no-repeat scroll left top transparent;
    padding-left: 63px;
}

.more-info{
    box-sizing: border-box;
    cursor: auto !important;
    background-color: #fff;
    width: 493px;
    height: 255px;
    padding: 40px;
    padding-right: 75px;
    border: 1px solid #daddde;
    border-radius: 4px;
    position: absolute;
    bottom: 53px;
    left: -65%;
    display: block;
    z-index: 10;
    box-shadow: 0 12px 28px 7px rgba(0, 0, 0, 0.15);
   -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    visibility: hidden;
    opacity: 0;
}
.more-info:after, .more-info:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.more-info:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 12px;
    margin-left: -12px;
}
.more-info:before {
    border-color: rgba(218, 221, 222, 0);
    border-top-color: #daddde;
    border-width: 13px;
    margin-left: -13px;
}
.more-info p{
    font-family: 'proxima_novalight';
    font-size: 20px;
    color: #3f3f3f;
    line-height: 36px;
}
.more-info .cross{
    background: url("../images/cross.jpg") no-repeat scroll left top transparent;
    width: 26px;
    height: 26px;
    cursor: pointer;
    display: block;
    position: absolute;
    top: 20px;
    right: 23px;
}
.tooltip-open{    
    visibility: visible;
    opacity: 1;
}

/* ======== Request Feature Modal Starts ============ */

.modal-open{
    overflow: hidden;
}
.modal-open .modal-wraper {
    opacity: 1;
    visibility: visible;
}


.modal-wraper{
    bottom: 0;    
    left: 0;
    outline: 0 none;   
    position: fixed;    
    right: 0;
    top: 0;
    z-index: 1050;
    overflow-x: hidden;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease;
       -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
         -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
    
}

.bp-modal-req {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #dbdcde;    
    border-radius: 3px;     
    max-width: 700px;
    margin: 60px auto;
    overflow: hidden;
    position: relative;      
    box-shadow: 0 12px 28px 7px rgba(0, 0, 0, 0.25);
}
.modal-form-wrp {
    border-bottom: 1px solid #dddddd;
    float: left;
    padding: 12px 0 13px;
    width: 100%;
}
.modal-form-wrp h3 {
    float: left;
    font-size: 16px;
    margin: 0;
    padding-left: 38px;
    padding-top: 8px;
    color: #494949;
    font-size: 22px;
    font-family: "ProximaNova-Bold";
    font-weight: normal;
}
.bp-modal-form h4 {
    color: #494949;
    font-family: "ProximaNova-Bold";
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 8px;
}
.bp-modal-form {
    float: left;
    max-width: 670px;
    padding: 26px 32px 30px 35px;
}
.bp-modal-form > p {
    font-size: 20px;
    line-height: 30px;
}
.form-head {
    padding: 6px 0 13px;
    float: left;
}
.form-head > label {
    color: #494949;
    cursor: pointer;
    float: left;
    font-size: 20px;
    font-weight: normal;
    padding: 8px 0 0 8px;
}
.form-head .textfield {
    margin-top: 5px;
}
.modal-form-wrp .close-btn {
    background: url("../images/cross.jpg") no-repeat scroll left top transparent;
    cursor: pointer;
    display: block;
    float: right;
    height: 26px;
    width: 26px;
    margin-right: 15px;
    margin-top: 3px;
}
.form-head .custom-checkbox {
    background-color: #fff;
    border: 1px solid #daddde;
    border-radius: 3px;
    float: left;
    height: 32px;
    width: 32px;
}
.checked {
    background: url("../images/big-check.png") no-repeat scroll center center transparent;
}
.form-head .custom-checkbox input[type="checkbox"] {
    float: left;
    height: 100%;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
    cursor: pointer;
    outline: none;
}
.enterprise-stats {
    float: left;
    width: 100%;
}
.enterprise-stats > p {
    line-height: 23px;
}
.bp-modal-form .form-field {
    float: left;
    width: 100%;
    position: relative;
}
.bp-modal-form .form-field .error-mesg{
    bottom: 97px;
    left: auto;
    right: 21px;
    top: auto;
}
.bp-modal-form .form-field.bg-error-msg .error-mesg {
    max-width: 186px;
}
.bp-modal-form .form-field .error-mesg:after {
    border-color: #ed552b transparent;
    border-style: solid solid none;
    border-width: 9px 8px 0;
    bottom: -9px;
    left: auto;
    right: 10px;
    top: auto;
}
.req-txtarea .error-mesg{
    bottom: 90px !important;
}
.textfield {
    border: 1px solid #dcdcde;
    border-radius: 3px;
    color: #a5a5a5;
    float: left;
    font-size: 20px;
    margin-bottom: 19px;
    padding: 20px 0 17px 55px;
    width: 85%;
    -webkit-appearance: none;
    -moz-appearance:none;
}
.select{
    background: #fff url("../images/arrow2.png") no-repeat scroll right center content-box;
    border: 1px solid #d9ddde;
    border-radius: 3px;
    color: #a5a5a5;
    float: left;
    font-size: 20px;
    margin-bottom: 19px;
    padding: 20px 17px 17px;
    width: 100%;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance:none;
}
.textarea{
    border: 1px solid #d9ddde;
    border-radius: 3px;
    color: #a5a5a5;
    float: left;
    font-family: 'ProximaNova-Regular';
    font-size: 20px;
    padding: 23px 0 75px 23px;
    width: 96%;
    -webkit-appearance: none;
    -moz-appearance:none;
}
.bp-modal-footer .submit-btn{
    background-color: #4f94bb;
    color: #fffeff;
    
    height: 54px;
    font-size: 20px;
    line-height: 100%;
    padding: 0 43px 0 43px;
    border: none;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.bp-contact-form .submit-btn:focus-visible {
    outline: 2px solid #1778b0;
}
.bp-modal-footer .cancel-btn {
    font-family: "ProximaNova-bold";
    line-height: 42px;
    margin: 0 18px 0 29px;
    color: #494949;
    font-size: 20px;
}
.bp-contact-form .cancel-btn:focus-visible {
    outline: 2px solid #1778b0;
}
.bp-action-btn {
    float: right;
    padding-right: 33px;
}  
.bp-modal-footer {
    background-color: #edf0f0;
    border-top: 1px solid #daddde;
    float: left;
    padding: 23px 0;
    width: 100%;
}
.vote-confirm {
    border: 1px solid #dbdcde;
    border-radius: 4px;
    font-family: "ProximaNova-Bold";
    font-size: 16px;
    margin: 20px 0;
    padding: 15px 0;
    width: 78.5%;
	float:left;
}
.vote-confirm .ico-check {
    background: transparent url("../images/sucess.png") no-repeat scroll 0 0;
    display: block;
    float: left;
    height: 22px;
    margin: -2px 8px 0 18px;
    width: 23px;
}

/* ======== Request Feature Modal Ends ============ */

/* Section #4 a.k.a Connect my Data */

.connect-preview{
    padding: 95px 0 170px;
    float: left;
    width: 100%;
    text-align: center;    
    background-color: #fff;
    position: relative;
}
#img1{
    opacity: 0;
    display: none;
}
.bp-anim {
    margin: 58px auto 0;
    position: relative;
    width: 990px;
    left: -30px;
}
.icons{
    transition: opacity 1s ease 0s;
    width: 240px;
    height: 200px;
    text-align: left;  
    float: left;
    z-index: 10;
    opacity: 0;
    position: absolute;
}
.icons h3{
    font-family: 'proxima_novalight';
    font-size: 30px;
    font-weight: normal;
    line-height: 49px;
    color: #3f3f3f;
}
.icons > img {
    margin-left: 24px;
}
.icons > span {
    display: none !important;
}
.g-drive{
    -webkit-transition-delay: 1s; /* Safari */
    transition-delay: 1s;
    left: 0;
    top: 100px;   
}
.g-drive span {
    background: url("../images/drive_line.png") no-repeat scroll right center transparent;
    bottom: -9px;
    display: block;
    height: 115px;
    position: absolute;
    right: -119px;
    width: 179px;
}
.office span {
    background: url("../images/office_line.png") no-repeat scroll right center transparent;
    display: block;
    height: 212px;
    position: absolute;
    right: -110px;
    top: -96px;
    width: 194px;
}
.amazon span {
    background: url("../images/amazon_line.png") no-repeat scroll right center transparent;
    bottom: -19px;
    display: block;
    height: 115px;
    left: -212px;
    position: absolute;
    width: 199px;
}
.dropbox span {
    background: url("../images/drop_line.png") no-repeat scroll right center transparent;
    display: block;
    height: 212px;
    left: -208px;
    position: absolute;
    top: -64px;
    width: 194px;
}
.office{
    -webkit-transition-delay: 1.2s; /* Safari */
    transition-delay: 1.2s;
    bottom: -85px;
    left: 48px;
}
.button{
    position: absolute;   
}
.bp-logo {
    height: 557px;
    margin: 0 auto;
    padding-top: 106px;
    width: 601px;
}
.log{
    opacity: 0;
    display: block;
    max-width: 100%;
}

.amazon{
    -webkit-transition-delay: 1.4s; /* Safari */
    transition-delay: 1.4s;
    right: -62px;
    top: 0;
}

.dropbox{
    -webkit-transition-delay: 1.6s; /* Safari */
    transition-delay: 1.6s;
    bottom: -13px;
    right: -21px;
}
.active .icons{
    opacity: 1;
}

/* Section #5 a.k.a why bigparser? */

.dot1 {
    background-color: #f90;
    bottom: 34%;
    position: absolute;
    width: 100%;
    visibility: hidden;
}
.dot2 {
    background-color: #f90;
    bottom: 34%;
    position: absolute;
    width: 100%;
    visibility: hidden;
}
.dot3 {
    background-color: #f90;
    bottom: 34%;
    position: absolute;
    width: 100%;
    visibility: hidden;
}
.dot4 {
    background-color: #f90;
    bottom: 34%;
    position: absolute;
    width: 100%;
    visibility: hidden;
}

.bp-why{
    float: left;
    width: 100%;
    border-bottom: 3px solid #f0f0f0;
    padding-top: 147px;
    padding-bottom: 230px;
    background-color: #fff;
    position: relative;    
}
.bp-why h1{
    text-align: center;
    font-weight: normal;
    font-size: 41px;
    color: #494949;
    font-family: "proxima_novalight";
}
.connect-preview h1 {
    color: #494949;
    font-family: "proxima_novalight";
    font-size: 41px;
    font-weight: normal;
    text-align: center;
}
.connect-preview h1 span {
    display: block;
    font-size: 22px;
    padding-top: 10px;
    margin-bottom: -34px;
	color:#5494b7;
}
.bp-col-wrp{
    max-width: 1170px;
    margin: 0 auto;
    display: table;
    table-layout: fixed;
    padding-top: 148px;
    padding-left: 10px;
    padding-right: 10px;
}
.bp-col-wrp .bp-col{    
    width: 395px;
    display: table-cell;
    text-align: center;
    opacity: 0;
}
.bp-col-wrp .bp-col:first-child img{
    left: -11px;
    position: relative;
    top: 5px;
}

.bp-col-wrp .bp-col h2{
    padding-bottom: 19px;
    padding-top: 39px;
    font-size: 22px;    
    font-family: 'ProximaNova-Regular';
    font-weight: normal;
} 
.bp-col-wrp .bp-col p{
    font-size: 16px;
    font-family: 'ProximaNova-Regular';
    color: #7f7f7f;
    line-height: 22px;
}

/* Section #6 a.k.a How to use bigparser? */

.bp-how{
    background: transparent url("../images/how-bg.jpg") no-repeat scroll center center / cover ;
    float: left;
    height: 100%;
    min-height: 518px;
    padding: 147px 0 100px;
    text-align: center;
    width: 100%;
    position: relative;
}
.bp-how h1{
    text-align:center;
    color: #fff;
    font-size: 41px;
    font-family: "proxima_novalight";
    font-weight: normal;
}
.how-modules-wrp{
    margin: 0 auto;
    width: 735px;
    padding-top: 105px;
}
.how-column:first-child{
    padding-left:0;
}
.how-column {
    float: left;
    width:46%;
    color:#fff;
    min-height:292px;
    position:relative;
    opacity: 0;
}
.how-column img {
    display: inline-block;
    float: none;
}
.how-column p{
    padding-top:42px;
    font-size:19px;
    font-family:"proxima_novalight";
    float:none;
    width:100%;
}
.how-column-links {
    position:absolute;
    bottom:0;
    width:100%;
    text-align:center;
}
.how-column-links a{
    color:#fff;
    border:1px solid #fff;
    border-radius:3px;
    padding:12px 0;
    width:167px;
    display:inline-block;
    float:none;
    text-transform:capitalize;
}
.how-column > a{
    text-transform:capitalize;
    font-size: 20px;
    font-family:"proxima_novalight";
    color:#fff;
    margin-top:53px;
    float: none;
    display: inline-block;
}
.bp-contact-section {
    float: left;
    text-align: center;
    transition: all 0.45s ease 0s;
    background-color: #fff;
	width:100%;
    padding: 65px 0 110px;
    overflow: hidden;    
}
.bp-contact-wrp{
    margin: 0 auto;
    width: 810px;
}
.bp-contact-wrp h1{
    color: #494949;
    padding-bottom: 34px;
    font-size: 36px;
    font-family: "proxima_novalight";
    font-weight: normal;
    float: left;
    width: 100%;
    text-transform: capitalize;
}
.bp-contact-wrp p{
    color:#6a6869;
    font-size: 21px;
    float:left;
    width:100%;
}
.bp-contact-wrp .section-sub-text{
    font-size: 22px;
    font-family: 'ProximaNova-Regular';
    color: #a5a5a5;
}
.bp-contact-wrp .section-sub-text img{
    position: relative;
    top: 5px;
}
.bp-contact-form{
    float:left;
    width:100%;
    padding-top: 55px;
    text-align:left;
}
.form-control{
    float:left;
    width:100%;
    padding-bottom: 25px;
}
.form-control .input-feild:first-child{
    margin-left:0;
}
.form-control .input-feild,.form-control .text-area{
    border: 1px solid #dcdcde;
    border-radius: 100px;
    color: #000;
    float: left;
    font-size: 20px;
    margin-left: 15px;
    padding: 18px 0 17px 52px;
    text-transform: capitalize;
    width: 336px;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.form-control .input-feild:focus, .form-control .text-area:focus{
    border: 1px solid rgb(33, 161, 236) !important;
    box-shadow: 0px 0px 6px 0px rgb(33, 161, 236) !important;
	transition:all ease 170ms;
    outline: none;
}
.form-control .email-field{
	text-transform:none;
}
.contact-msg{
	position:relative;
}
.form-control .text-area{
	font-family: "ProximaNova-Regular";
	font-size: 22px;
	box-sizing: border-box;
    margin: 0;
    min-height: 165px;
    padding: 18px 0 17px 25px;
    resize: none;
    width: 98%;
    border-radius: 16px;
}
.contact-dropdown{
    background: #fff url("../images/arrow.jpg") no-repeat scroll right center content-box;
    border: 1px solid #dcdcde;
    border-radius: 3px;
    float: left;
    overflow: hidden;
    padding-right: 17px;
    width: 370px;
    border-radius: 100px;
}
.form-control .contact-dropdown select{
    background:transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    border:0 none;
    padding:19px 0 17px 52px;
    color:#a5a5a5;
    float:left;
    width: 360px;
    font-size: 20px;
    text-transform:capitalize;
    width: 110%;
    cursor: pointer;
    border-radius: 100px;
}
.form-control .contact-dropdown select:focus-visible{
    border: none;
    box-shadow: none;
    outline: none;
}
.field-wrp {
    float: left;
    margin-right: 15px;
    position: relative;
}
.ico-name{
	background-position: 0 0;
}
.ico-email {
    background-position: 0 -36px;
    width: 26px !important;
}
.ico-mobile {
    background-position: 0 -79px;
    height: 25px !important;
}
.ico-company {
    background-position: 0 -125px;
    width: 25px !important;
}
.ico-country {
    background-position: 0 -167px;
    top: 20px !important;
}
.ico-city {
    background-position: 0 -210px;
}
.ico-file {
    background-position: 0 -250px;
	width:26px !important;
}
.field-wrp span {
    background-image: url("/assets/images/contact_sprite.png");
	background-repeat:no-repeat;
    height: 24px;
    left: 14px;
    position: absolute;
    top: 17px;
    width: 24px;
}

.form-head span {
    background-image: url("/assets/images/contact_sprite.png");
	background-repeat:no-repeat;
    height: 24px;
    left: 14px;
    position: absolute;
    top: 26px;
    width: 24px;
}
.error-mesg {
    background-color: #ed552b;
    border-radius: 4px;
    bottom: auto;
	top:12px;
    color: #ffffff;
    font-family: "ProximaNova-Regular";
    font-size: 16px;
    left: -166px;
    max-width: 145px;
    padding: 12px 27px 13px 16px;
    position: absolute;
    text-align: left;
    z-index: 999;
	word-wrap: break-word;
}
.error-mesg:after {
    border-bottom: 9px solid transparent;
    border-left: 8px solid #ed552b;
    border-top: 5px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -7px;
    top: 14px;
}
.form-right .error-mesg {
   left: auto;
   right: -54%;
   width: 100%;
}
.form-right .error-mesg:after {
	border-color: transparent #ed552b transparent transparent;
    border-style: solid;
    border-width: 5px 8px 9px;
    left: -16px;
    right: auto;
}
.bp-contact-form .submit-btn, .bp-contact-form .reset-btn{
    font-family: 'ProximaNova-Semibold';
  background-color: #1fa1ec;
  border-radius: 100px;
  border: 0 none;
  color: #fff;
  float:left;  
  margin-top: 16px;
  font-size: 22px;
  padding: 13px 45px;
  text-transform:capitalize;
  cursor:pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-shadow: 0 0px 14px 5px rgba(31, 161, 236, 0.16);
}
.bp-contact-form .reset-btn{
	margin-left:20px;
    background-color: transparent;
    color: #333;
    padding: 13px 20px;
    box-shadow: none;
    font-family: 'ProximaNova-Regular';
}
.contact-preloader{
    float: left;
    margin-left: 10px;
    margin-top: 34px;
}
.support-section{
    padding-top: 56px;
    background-color: #f4f4f4;
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 64px;
}
.support-wrp{
    background: url("images/support.png")  no-repeat scroll center top transparent;
    padding-top: 80px;
    margin: 0 auto;
    max-width: 960px;    
}
.success {
    font-family: "ProximaNova-Bold";
    font-size: 16px;
	padding-top: 36px;
	clear: both;
}
.success span{
	background: url("../images/sucess.png")  no-repeat scroll 0 0 transparent;
	width:21px;
	height:21px;
	display:block;
	float:left;
	margin-right:7px;
	margin-top: -3px;
}


/* Section #7 a.k.a Contact Us */




/* Section #8 a.k.a Follow Us */
.footer-wrp{
	background-color: #f3f3f3;
    border-top: 1px solid #e1e3e3;
    float: left;
    min-height: 296px;
    padding-top: 38px;
    width: 100%;
    max-width: 100%;
	line-height: 20px;
    font-size: 14px;
    font-family: 'ProximaNova-Regular';
}
footer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bp-container-grey {
    background-color: #eeeff1 !important;
}
/*.footer-ls{
    float: left;
}
.footer-rs{
    float: right;
}
.fot-logo {
    float: left;
}
.fot-logo a {
    display: block;
}
.footer-nav {
    clear: left;
    float: left;
    padding: 31px 0 0;
}
.footer-nav ul li {
    float: left;
}
.footer-nav ul li a {
    color: #8f8f8f;
    font-family: 'ProximaNova-Regular';
    font-size: 20px;
    margin: 0 38px 0 0;
}
.social-btn-widget {
    float: right;
    padding: 8px 14px 39px 0;
}
.social-btn-widget span{
    color: #8f8f8f;
    float: left;
    font-family: 'ProximaNova-Regular';
    padding-right: 32px;
    font-size: 20px;
}
.social-btn-widget ul{
    float: left;
    margin-top: -2px;
}
.social-btn-widget ul li{
    float: left;
}
.social-btn-widget ul li:first-child a{
    margin-left: 0;
}
.social-btn-widget ul li a{
    background: url("../images/footer-sb-sprite.png") no-repeat scroll 0 0 transparent;
    float: left;
    display: block;
    margin-left: 45px;
}
.social-btn-widget ul li a.fb-btn{
    background-position: -1px -3px;
    width: 12px;
    height: 23px;
    margin-top: 1px;
}
.social-btn-widget ul li a.twitter-btn{
    background-position: -59px -3px;
    height: 25px;
    width: 23px;
    margin-top: 0;
}
.social-btn-widget ul li a.linkedin-btn{
    background-position: -120px 0;
    height: 24px;
    width: 27px;
    margin: -2px 0 0 37px;
}
.social-btn-widget ul li a.email-btn{
    background-position: -182px 1px;
    height: 24px;
    width: 26px;
    margin: -4px 0 0 36px;
}
.ownership {
    float: right;
    clear: right;
    padding-right: 19px;
}
.ownership span {
    color: #8f8f8f;
    float: left;
    font-family: 'ProximaNova-Regular';
    padding-right: 15px;
    font-size: 18px;
}
.ownership a {
    float: left;
    padding-top: 3px;
}

*/

.bp-footer-wrp {
    max-width: 996px;
    margin: 0 auto;
    padding: 0 10px 0;
    font-size: 14px;
    color: #8f9092;
    clear: both;
	line-height: 20px;
	font-family: 'ProximaNova-Regular';
}
/*
.bp-footer-nav {
    float: left;
    padding-left: 40px;
}

.bp-footer-nav ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.bp-footer-nav ul li {
    float: left;
}

.bp-footer-nav ul li a {
    color: #8f9092;
    margin: 0 9px;
    font-family: "ProximaNova-Regular";
}


.pricing-fot-logo {
    float: left;
}

.pricing-fot-logo a {
    float: left;
    width: 124px;
}

.pricing-footer-nav {
    float: left;
    padding-left: 90px;
}

.pricing-footer-nav ul {
    list-style-type: none;
    margin: 0 80px 0 0;
    padding: 0;
    float: left;
}

.pricing-footer-nav ul:last-child {
    margin: 0;
}

.pricing-footer-nav ul li {
    line-height: 100%;
    margin-bottom: 12px;
}

.pricing-footer-nav ul li a {
    color: #8f9092;
    font-family: "ProximaNova-Regular";
}

.pricing-ownership {
    float: right;
    width: 167px;
}

.pricing-ownership span {
    float: left;
    font-family: "ProximaNova-Regular";
    padding-right: 10px;
}

.pricing-ownership a {
    float: left;
    padding-top: 2px;
}

.pricing-ownership-wrp .bp-social-links {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0 0 29px;
}

.pricing-ownership-wrp .bp-social-links li {
    float: left;
}

.pricing-ownership-wrp .bp-social-links li a {
    background: transparent url("../images/footer-sb-sprite-small.png") no-repeat scroll 0 0;
    display: block;
    float: left;
    margin-left: 25px;
}

.pricing-ownership-wrp .bp-social-links li:first-child a {
    margin-left: 0;
}

.pricing-ownership-wrp .bp-social-links li a.fb-btn {
    background-position: 1px -1px;
    height: 23px;
    margin-top: 1px;
    width: 12px;
}

.pricing-ownership-wrp .bp-social-links li a.twitter-btn {
    background-position: -41px 0px;
    height: 25px;
    margin-top: -1px;
    width: 25px;
}

.pricing-ownership-wrp .bp-social-links li a.linkedin-btn {
    background-position: -87px 1px;
    height: 24px;
    margin: -1px 0 0 25px;
    width: 27px;
}

.pricing-ownership-wrp .bp-social-links li a.email-btn {
    background-position: -132px 1px;
    height: 24px;
    margin: -1px 0 0 25px;
    width: 25px;
}
*/

.bp-footer-wrp .column-navigation nav{
	float: left;
	width: 13%;
}
.bp-footer-wrp .column-navigation nav:last-child {
    width: auto;
}
/*
.bp-footer-wrp .column-navigation nav:first-child{
	width: 110px;
}
.bp-footer-wrp .column-navigation nav:last-child{
	width: 150px;
}*/

.footer-accordian-mobile{
	display: none;
}
.column-navigation{
	display:block;
	padding-top: 7px;
}	
.bp-footer-wrp .column-navigation nav ul{
	margin:0;
	padding:0;
}

.bp-footer-wrp .column-navigation nav ul li{
	list-style-type:none;
	padding-bottom: 4px;
}

.bp-footer-wrp .column-navigation nav ul li a{
	font-size:14px;
	color:#a5a5a5;
	transition: all ease 300ms;
}
.bp-footer-wrp .column-navigation nav ul li a:hover{
	color:#1FA1EC;
}
.bp-footer-wrp .column-navigation nav h2{
	padding: 0 0 22px 0;
	margin:0;
	font-size: 14px;
	color:#494949;
	text-transform: uppercase;
	font-family: 'ProximaNova-Semibold';
}
.bp-footer-wrp .footer-intro {
    float: left;
	padding-right:56px;
}
.footer-intro p{
	font-size:14px;
	color:#a5a5a5;
	margin-bottom:10px;
}
.footer-intro .footer-intro-subhead{
	font: 18px/24px 'ProximaNova-Bold';	
	padding-top: 15px;
}
.footer-intro a{
	display: block;
	width:128px;
}
.footer-bottom{
	background-color:#fff;
	padding:16px 0;
	float: left;
	width: 100%;
	margin-top:88px;
	line-height: 20px;
    font-size: 14px;
    font-family: 'ProximaNova-Regular';
}
.footer-bottom-wrp {
    max-width: 1000px;
    margin: 0 auto;	
	padding-right: 18px;
}
.footer-bottom-wrp a{
	color:#b2b2b2;
}
.footer-bottom-wrp .country-flag {
	float: left;
    width: 30px;
    height: 15px;
	margin-top: 1px;
    background: url(../images/flags-sprite.png) no-repeat scroll 0px 0 #fff;
}
.footer-bottom-wrp .country-flag.uk {
	background-position: 0 -16px;
}
.footer-bottom-wrp .country-flag.aus {
	background-position: 0 -32px;
}


.pdt-panel{
	display: none;
	padding: 15px;
}
.pdt-heading{
	padding: 13px 15px;
    display: block;
    outline: none;
    color: #494949 !important;
    font-weight: bold;
	background-color: #f5f5f5;
    border-top: 1px solid #ddd;
	cursor:pointer;
}
.toggle-icon{
	float: right;
    width: 10px;
    content: ' ';
    background: url(../images/bottom-footer-icons.png) no-repeat scroll 0px -3px transparent;
    height: 16px;
	-webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.toggle-icon.active{
    -webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.footer-accordian-mobile .pdt-panel ul {
    margin: 0;
    padding: 0;
}
.footer-accordian-mobile .pdt-panel ul li {
    margin-bottom:10px;
}
.footer-accordian-mobile .pdt-panel ul li a{
	color: #1fa1ec !important;
    text-decoration: none;
}
.footer-accordian-mobile .pdt-panel ul li:last-child {
    margin: 0;
}

.footer-bottom-right{
	float: right;	
}
.footer-bottom-right ul{
	margin:0;
	padding:0;
}
.footer-bottom-right ul li{
	list-style-type:none;	
	float: left;
	padding-left:19px;
}
.footer-bottom-right ul li a{
	font-size:19px;
	color:#b2b2b2;
}
.multi-number-wrp{
	display:inline-block;
	position:relative;
	padding-left: 7px;
}
.multi-number-wrp > a > div {
    display: inline-block;
}
.multi-number-wrp .bp-ico-arrow-down {
    float: right;
    height: 14px;
    margin-top: -1px;
    color: #a5a5a5;
    width: 18px;
    background: url(../images/bottom-footer-icons.png) no-repeat scroll 7px 0px transparent;
}
.number-tooltip {
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 999;
    background-color: #fff;
    bottom: 32px;
    border: 1px solid #DADDDE;
    width: 204px;
    right: -97px;
    border-radius: 3px;
    box-shadow: 0px 4px 28px 7px rgba(0, 0, 0, 0.15);
}

.number-tooltip ul {
    padding: 0;
    margin: 0;
	border-radius: 4px;
    overflow: hidden;
}

.number-tooltip li {
    list-style-type: none;
    float: left;
    width: 100%;
    padding: 10px; 
	cursor: pointer;
	font-size:14px;
	transition: all ease 300ms;
}

.number-tooltip .arrow {
    border-top: 9px solid #CCC;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    left: 45%;
    bottom: -10px;
    position: absolute;
}
.number-tooltip .arrow:after {
    border-top: 9px solid #FFF;
    border-left: 8px solid transparent;
    border-right: 9px solid transparent;
    content: "";
    height: 0px;
    left: -8px;
    position: absolute;
    top: -10px;
}
.number-tooltip ul li:hover {
    color:#1FA1EC;
	background-color:#f5f5f5
}
.number-tooltip ul li div{
	float: left;
	height: 15px;
	margin-right:11px;
	padding-left: 32px;
	color: #494949;
	background: url(../images/flags-sprite.png) no-repeat scroll 0px 0 transparent;
}
.number-tooltip ul li .flag-uk {
    background-position: 0 -16px;
}

.number-tooltip ul li .flag-aus {
    background-position: 0 -32px;
}
.number-tooltip ul li span {
    float: right;
    color: #a5a5a5;
    transition: all ease 300ms;
}
.number-backdrop{
	display: none;
}
.is-mobile-only {
    display: none !important;
}
.footer-bottom-right ul li .bp-ico-email-1 {
    background: url(../images/bottom-footer-icons.png) no-repeat scroll -29px 2px transparent;
    width: 24px;
    height: 20px;
    display: block;
}
.footer-bottom-right ul li .bp-ico-phone {
    background: url(../images/bottom-footer-icons.png) no-repeat scroll -70px 1px transparent;
    width: 20px;
    height: 20px;
    display: block;
}

.footer-bottom-right ul li .bp-ico-youtube{
    background: url(../images/bottom-footer-icons.png) no-repeat scroll -109px 1px transparent;
    width: 20px;
    height: 20px;
    display: block;
}

.footer-bottom-right ul li .bp-ico-twitter{
    background: url(../images/bottom-footer-icons.png) no-repeat scroll -146px 1px transparent;
    width: 20px;
    height: 20px;
    display: block;
}

.footer-bottom-right ul li .bp-ico-instagram{
    background: url(../images/bottom-footer-icons.png) no-repeat scroll -183px 1px transparent;
    width: 20px;
    height: 20px;
    display: block;
}





/*Media queries for responsive behavior*/

@media (max-width:2880px) {
	.bp-logo {
		width: 500px;
	}
	.bp-anim {
   		margin: 38px auto 0;
	}
	.office {
		bottom: -25px;
	}
}
@media (max-width:1600px) {
  .container {
      max-width: 1270px;
  }  
  .intro-unit{
    padding-top: 260px;
  }
  
  .intro-unit h1 {
        font-size: 64px;       
        line-height: 69px;
        padding-bottom: 22px;
    }
    .intro-unit p {
        font-size: 21px;
        line-height: 37px;
    }
    .callout-wrp {
        padding-top: 25px;
    }
    .callout-btn {
        padding: 15px 26px;
       /* font-size: 15px;*/
    }
    .feature-btn{
        padding: 16px 40px;
    }
    .feature-box.right{
        width: 724px;
    }
	.feature-box.right video{
		width: 845px;
		height: 477px;
	}


}
@media (max-width:1600px) {
	
	.connect-preview {
		padding: 72px 0 170px;
	}
	.bp-anim {
		margin: 46px auto 0;
		left: 0;
	}
	.bp-logo {
		width:534px;
	}
	.g-drive {
		left: 0;
		top: 46px;
	}
	.office {
		bottom: -23px;
		left: 73px;
	}
	.bp-logo {
		padding-top: 60px;
	}
	.amazon {
		right: -36px;
		top: -50px;
	}
	.dropbox {
		bottom: 39px;
		right: -13px;
	}
}
@media (max-width:1366px) {
.container {
  max-width: 1180px;
} 
.intro-unit {
    padding-top: 220px;
}
.absolute-bottom {
    bottom: 2%;
}
.arrow-down {
    background-size: 56px 56px;
}
.bp-why h1 {
    font-size: 26px;
}
.connect-preview h1 {
    font-size: 26px;
}
.bp-col-wrp .bp-col p {
    font-size: 18px;
}
.search-preview video {
    padding-top: 0 !important;
}
.bp-grid-preview {
    height: 820px;
}
.feature-box.right{
    width: 640px;
}
.connect-preview {
    padding: 35px 0 100px;
}
.connect-preview .container {
    max-width: 825px;
}
.bp-why {
    padding-bottom: 160px;
    padding-top: 100px;
}
.bp-how {
    padding: 100px 0 70px;
}
.bp-contact-section {
    padding: 100px 0 70px;
}
.footer-nav ul li a {
    font-size: 17px;
}
.social-btn-widget span {
    font-size: 17px;
}
.ownership span {
    font-size: 17px;
}

/* Connect animation */

.bp-anim {
    left: -30px;
    margin: 70px auto 0;
    position: relative;
    width: 885px;
}
.g-drive {
    left: 40px;
    top: -39px;
}
.office {
    bottom: 98px;
    left: 103px;
}
.amazon {
    right: -12px;
    top: -110px;
}
.dropbox {
    bottom: 147px;
    right: 6px;
}
.bp-logo {
    width: 400px;
    padding: 0;
}
.icons h3 {
    font-size: 26px;
}



} /* Laptop Ends */

@media (max-width: 992px) {

        /* Footer */ 
	.footer-bottom {
		margin-top: 0;
	}
	.bp-footer-wrp{
		padding:0;
	}
	.footer-intro .footer-intro-subhead br{
		display: none;
	}
	.bp-footer-wrp .footer-intro {
    	float: none;
		padding: 0 15px;
	}	
	.footer-accordian-mobile{
		display: block;
	}
	.column-navigation{
		display: none;
	}
	.footer-bottom-wrp {
		padding-left: 18px;
	}
}

@media (max-width:1024px) {
    .logo {        
        padding-right: 28px;
    }    
    .login-btn{
        margin-right: 38px;
    }
    .main-nav li {        
        padding-right: 38px;
    }
    .container {
      max-width: 950px;
    }     
    .intro-unit {
      /*  padding-top: 110px;*/
        padding-left: 20px;
    }
    .intro-unit h1 {
        font-size: 60px;
        font-weight: normal;
        line-height: 66px;
        padding-bottom: 18px;
    }
    .intro-unit p {
        font-size: 21px;
        line-height: 36px;
    }
    .callout-wrp {
        padding-top: 26px;
    }
   .callout-btn {
        padding: 16px 28px;
    }
    .absolute-bottom{
        bottom: 10px;
    }
    .search-preview{
        background: transparent url("../images/video.jpg") no-repeat scroll center center / 90% auto ;
    }
    .search-preview video {
        display: none;
    }
    /* section 3 */ 
    .feature-box {
        width: 417px;
    }
    .feature-box.right {
        width: 430px;
    }
    .feature-box.right video{        
        display: none;
    }
    .ipad{
        display: block;
    }
    .feature-box h1 {
        padding-bottom: 29px;
    }
    .feature-box h2 {
        font-size: 28px;
    }
    .about-parse h2 > span {
        font-size: 27px;
    }
    .about-parse h2 {
        font-size: 28px;
    }
    .feature-list ul li {
        font-size: 19px;
    }
    .footer-wrp{
		min-height: 348px;
    }
    .bp-contact-form .submit-btn{
        font-size: 22px;
        padding: 13px 60px;
    }
    .connect-preview {
        padding: 25px 0 93px;
    }
    .connect-preview h1{
        margin: 0 !important;
    }
    .bp-anim {
        margin-top: 74px;
        left: -18px;
        position: relative;
        width: 940px;
    }

} 
@media (max-width:960px) {

    .intro-unit {
        padding-left: 0;
        text-align: center;
        padding-top: 280px;
    }

    .callout-wrp {
     display: inline-block;
    } 

    /* Parse-search-create section */

    .bp-grid-preview {
        height: 1105px;
    }
    .feature-box.left {
        float: none;
        margin: 0 auto;
        padding-top: 40px;
        text-align: center;
        padding-left: 0;
    }
    .feature-box.right {
        float: none;
        margin: 0 auto;
        max-width: 950px;
        padding-top: 0;
        width: 100%;
    }
    .feature-box.left h1 {
        background: none;
        padding-left: 0;
    }
    .feature-list ul li {
        background: none;
        padding-left: 0;
    }
    .feature-nav {
        z-index: 10;
    }
    .feature-nav #next{
        padding-left: 27px;
        padding-top: 21px;
        background-position: 130px center;
        font-size: 24px;
        height: 65px;
        width: 170px;
    }
    .feature-nav #prev{
        padding-left: 0;
        padding-right: 27px;
        padding-top: 21px;
        background-position: 25px center;
        font-size: 24px;
        height: 65px;
        width: 170px;
    }
    .ipad {
        background-size: 100% auto;
        background-repeat: no-repeat;
        display: block;
        height: 100%;
        left: 10px;
        top: -16px;
        margin: 0 auto;
        position: relative;
        width: 100%;
    }

    /* Contact section */
    .bp-contact-section {
        padding: 67px 0;
        height: auto;
    }
    .bp-contact-wrp {
        width: 80%;
    }
    .bp-contact-form {
        margin-left: -8px;
        padding-top: 12px;
    }
    .form-control {
        padding: 0;
    }
	.field-wrp {
		width: 100%;
	}
	.field-wrp span {
		top: 11px;
	}
    .form-control .input-feild {
        font-size: 16px;
        margin: 0 0 25px;
        padding: 15px 0 14px 49px;
        width: 100%;
		box-sizing:border-box;
    }
	.form-control .text-area {
		width: 100%;
	}
	.ico-country {
		top: 11px !important;
	}
    .contact-dropdown {
		box-sizing: border-box;
        margin-bottom: 25px;
        width: 100%;
    }
	.error-mesg {
		top: -54px;
		left: auto;
		right: 0;
		max-width: 30%;
	}
	.form-right .error-mesg {
		left: auto;
		max-width: 30%;
		right: 0;
		top: -54px;
		width: auto;
	}
	.error-mesg:after,.form-right .error-mesg:after{
		border-left: 8px solid transparent;
		border-right: 9px solid transparent;
		border-top: 9px solid #ed552b;
		bottom: -18px;
		right: 9px;
		top: auto;
		left: auto;
	}
    .form-control .contact-dropdown select {
        font-size: 16px;
        padding: 15px 0 12px 47px;
    }
    .footer-ls {
        padding-left: 26px;
    }
	.bp-anim, .connect-preview h1{
        display: none;
    }
    #img1{
        display: block;
    }

   

}
@media (max-width:745px) {

/* To be used in 7'inch tablets and phablets */ 

 .main-nav{
        display: none;
    }

    .register-wrp{
        display: none;
    }
.intro-unit {
    padding-top: 125px;
}
.lines-button, .mobile-menu{
    display: block;
}
/* Hamburger Button */


.lines-button.x.open .lines {
  background: transparent;
}
.lines-button.x.open .lines:before, .lines-button.x.open .lines:after {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  top: 0;
  width: 4rem;
}
.lines-button.x.open .lines:before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
.lines-button.x.open .lines:after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}
.lines-button:hover {
  opacity: 1;
}
button {
  display: inline-block;
  margin: 0 1em;
  border: none;
  background: none;
}
button:focus{
    outline:none;
}
/* ====================== lines button ==================================================*/
.lines-button {
  float: right;
  padding: 1rem;
  transition: .2s;
  cursor: pointer;
  user-select: none;
  border-radius: 0.57143rem;
  /* */
}
.lines-button:hover {
  opacity: 1;
}
.lines-button:active {
  transition: 0;
}

.lines {
  display: inline-block;
  width: 3.2rem;
  height: 0.42143rem;
  background: #ecf0f1;
  border-radius: 0.28571rem;
  transition: 0.2s;
  position: relative;
}
.lines:before, .lines:after {
  display: inline-block;
  width: 3.2rem;
  height: 0.42143rem;
  background: #ecf0f1;
  border-radius: 0.28571rem;
  transition: 0.2s;
  position: absolute;
  left: 0;
  content: '';
  -webkit-transform-origin: 0.28571rem center;
  transform-origin: 0.28571rem center;
}
.lines:before {
  top: 1rem;
}
.lines:after {
  top: -1rem;
}



.lines-button.close {
  -webkit-transform: scale3d(0.8, 0.8, 0.8);
  transform: scale3d(0.8, 0.8, 0.8);
}

.lines-button.arrow.close .lines:before, .lines-button.arrow.close .lines:after {
  top: 0;
  width: 2.22222rem;
}
.lines-button.arrow.close .lines:before {
  -webkit-transform: rotate3d(0, 0, 1, 40deg);
  transform: rotate3d(0, 0, 1, 40deg);
}
.lines-button.arrow.close .lines:after {
  -webkit-transform: rotate3d(0, 0, 1, -40deg);
  transform: rotate3d(0, 0, 1, -40deg);
}

.lines-button.arrow-up.close {
  -webkit-transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg);
  transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg);
}

.lines-button.minus.close .lines:before, .lines-button.minus.close .lines:after {
  -webkit-transform: none;
  transform: none;
  top: 0;
  width: 4rem;
}

.lines-button.x.close .lines {
  background: transparent;
}
.lines-button.x.close .lines:before, .lines-button.x.close .lines:after {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  top: 0;
  width: 4rem;
}
.lines-button.x.close .lines:before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
.lines-button.x.close .lines:after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}

.mobile-menu {
    background-color: #1a252b;
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 11;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease 0s;
    text-align: center;
}
.mobile-menu ul{
    display: inline-block;
    width: 100%;
    text-align: center;
    padding-top: 100px;
}
.mobile-menu li {
    padding-bottom: 28px;
}
.mobile-menu li:last-child{
    padding-bottom:0;
}
.mobile-menu li a {
    color: #ffffff;
    font-family: 'ProximaNova-Regular';
    font-size: 18px;
    padding: 10px 0;
}
.mobile-menu li.active {
    padding: 5px 0 45px;
}
.mobile-menu li.active a {
    border-bottom: 5px solid #1fa1ec;
    color: #1fa1ec;
    padding-left: 3px;
    padding-right: 3px;
}
.center-block{
    margin: 30px 0;
}
.mob-sign-btn {
    background-color: #ed562b;
    border-radius: 3px;
    color: #fff;
    padding: 12px 30px;
    font-size: 18px;
    display: inline-block;
}
.mob-log-btn {
    color: #fff;
}
.mobile-menu.open{
    opacity: 1;
    visibility: visible;
}
.bp-modal-form .form-field .error-mesg {
    right: 22px;
}
    .bp-grid-preview {
        height: 930px;
    }

    .bp-why {
        padding-bottom: 10px;
        padding-top: 60px;
    }
    .bp-col-wrp {
        display: block;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
        padding-top: 50px;
        width: 100%;
    }
    .bp-col-wrp .bp-col {
        display: block;
        margin: 0 auto 60px;
        width: 258px;
    }
    .bp-col-wrp .bp-col:first-child img {
        left: -5px;
        top: 0;
    }
    .bp-col-wrp .bp-col h2 {       
        padding: 35px 0;
    }
    .connect-preview {
        padding: 60px 0;
    }
    .bp-how {
        padding-bottom: 0;
        padding-top: 70px;
    }
    .how-modules-wrp {
        padding-top: 60px;
        width: 80%;
    }
    .how-column {
        float: none !important;
        margin: 0 auto 30px;
        min-height: 292px;
        width: 85%;
    }
     /* Footer */

     .footer-wrp {       
    }
    .footer-ls {
        float: none;
        text-align: center;
        width: 100%;
        padding-left: 0;
    }
    .fot-logo {
        float: none;
    }
        
    .footer-nav {
        float: right;
        text-align: center;
        width: 100%;
    }
    .footer-nav ul li {
        display: inline-block;
        float: none;
        text-align: center;
    }
    .footer-rs {
        text-align: center;
        width: 100%;
    }
    .social-btn-widget {
        display: inline-block;
        float: none;
        padding: 30px 8px 23px 10px;
        width: 331px;
    }
    .social-btn-widget span {
        font-size: 17px;
        padding-top: 5px;
    }

    .ownership {
        clear: both;
        float: none;
        margin: 0 auto;
        width: 223px;
    }    
	.footer-nav ul li a {
        line-height: 32px;
    }
	
	 .bp-footer-nav {
        text-align: center;
        width: 100%;
		padding: 10px 0 10px 0;
    }
    .bp-footer-nav ul {
        display: inline-block;
    }
    .bp-footer-nav ul li {
            width: 100%;
        display: inline-block;
		line-height: 25px;		
    }
	.pricing-fot-logo {
		float: none;
		margin: 0 auto;
		width: 124px;
	}
	.pricing-ownership {
		float: none;
		width: 175px;
		margin: 0 auto;
		padding-top: 20px;
	}
/* 600 Ends */
}
@media (max-width:568px){
    
    .prime-header {
        padding-top: 21px;
    }
    .lines-button {
        padding: 1.8em 0 1em;
        margin: 0;
    }
    .flexslider {
        height: 559px !important;
    }
    .intro-unit {
        padding-top: 110px;
    }
    .intro-unit h1 {
        font-size: 54px;
        line-height: 53px;
        padding-bottom: 15px;
    }
    .intro-unit p {
        font-size: 18px;
        line-height: 26px;
    }
    .callout-wrp {
        padding-top: 15px;
        width: 243px;
    }
    .callout-btn {
        font-size: 20px;
        padding: 20px 50px;
        margin:0;
    }
    .feature-btn {
        padding: 20px 81px !important;
        margin-top: 20px;
    }
    .flex-control-nav {
        display: none;
    }
    .absolute-bottom {
        bottom: 0;
    }
    .feature-nav #prev {
        font-size: 22px;
        padding-top: 23px;
        width: 160px;
    }
    .feature-nav #next {
        font-size: 22px;
        padding-top: 23px;
        width: 160px;
    }
    .about-parse .feature-box.left,.feature-box.left {
        width: 100%;
        padding-top: 13px;
    }
	.vote-confirm {
    	width: 96%;
	}
	.bp-modal-form .form-field .error-mesg {
    	right: 18px;
	}
	.bp-modal-footer .submit-btn {
		font-size: 16px;
		height: 44px;
		padding: 0 18px;
	}
	.bp-modal-footer .cancel-btn {
		font-size: 16px;
	}
    .bp-why h1 {
        font-size: 36px;
    }
    .bp-col-wrp .bp-col h2 {
        font-size: 22px;
    }
    .bp-col-wrp .bp-col p {
        font-size: 16px;
    }
    .bp-how h1 {
        font-size: 28px;
    }
    .how-modules-wrp {
        padding-top: 86px;
    }
    .how-column {
        margin: 0 auto 73px;
        min-height: 221px;
        width: 100%;
    }
    .how-col2 {
        min-height: 300px;
    }
    .how-column-links a {
        font-size: 20px;
        padding: 15px;
    }
    .dot1,.dot2,.dot3,.dot4 {
        bottom: 60%;
    }    
	.bp-contact-form .reset-btn, .bp-contact-form .submit-btn {
		font-size: 18px;
		padding: 11px 30px;
	}
	.more-info {
		width: 345px;
		height: auto;
		padding: 13px;
		bottom: 50px;
		left: -8%;
	}
	.more-info p {
		font-size: 17px;
		width: 87%;
		text-align: left;
		line-height: 32px;
	}
	.about-parse h2 > span {
		font-size: 23px;
	}
	.more-info-right {
		right: -8%;
		left: auto;
	}
	.more-info:after, .more-info:before {
		left: 19%;
	}
	
	.more-info-right:after, .more-info-right:before {
		left: auto;
		right: 19%;
	}


}
@media (max-width:414px){
    .search-preview {
        background: transparent url("../images/video2x.jpg") no-repeat scroll center center / 90% auto;
    }
	.vote-confirm {
    	width: 100%;
	}
	.bp-modal-form .form-field .error-mesg {
    	max-width: 50%;
    	right: 0;
	}
	.form-head .textfield {
    	width: 83.5%;
		font-size:16px;
	}
	.form-head span {
    	top: 23px;
	}
	.bp-modal-footer .submit-btn {
		font-size: 16px;
		height: 44px;
		padding: 0 18px;
	}
	.bp-modal-footer .cancel-btn {
		font-size: 16px;
	}
	.about-parse h2 > span {
		font-size: 21px;
	}
	/* Universal Footer */
	
	.multi-number-wrp, .footer-bottom-wrp > a{
		display:none;
	}
	.footer-bottom-right ul li a.bp-ico-email-1, .footer-bottom-right ul li a.bp-ico-phone {
		display: block;
	}
	.footer-bottom-right ul li.is-mobile-only {
		display: block;
	}
	.number-backdrop {
		background-color: rgba(0, 0, 0, 0.70);
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		text-align: center;
		white-space: nowrap;
		opacity: 1;
		transition: visibility 0s, opacity 0.5s linear;
		visibility: visible;
		z-index: 20;
		display:block;
	}
	
	.number-backdrop:before {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -0.25em;
	}
	
	.number-overlay {
		background-color: #FFFFFF;
		border-radius: 7px;
		box-shadow: 0 12px 28px 7px rgba(0, 0, 0, 0.15);
		display: inline-block;
		max-width: 270px;
		width: 100%;
		padding: 10px 0;
		vertical-align: middle;
		color: #fff;
		position: relative;
		
	}
	.number-overlay ul {
		padding: 0;
		margin: 0;
	}
	
	.number-overlay li {
		list-style-type: none;
	}
	.number-overlay ul li a {
		padding: 7px 33px;
		margin: 6px 0;
		transition: all ease 300ms;
		display:block;
		width:100%;
		float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.number-overlay ul li a:hover {
		color:#1FA1EC !important;
		background-color:#f5f5f5 !important;
	}
	.number-overlay ul li a div{
		float: left;
		color:#494949;	
		height: 15px;
		padding-left: 32px;
		background: url(../images/flags-sprite.png) no-repeat scroll 0px 0 transparent;
	}
	.number-overlay ul li a div.flag-uk {
		background-position: 0 -16px;
	}
	
	.number-overlay ul li a div.flag-aus {
		background-position: 0 -32px;
	}
	.number-overlay ul li a span{
		float: right;
		color: #a5a5a5;
		transition: all ease 300ms;
	}
	.number-overlay ul li a:hover > span {
		color:#1FA1EC !important;
	}
	.footer-bottom-right ul li.is-mobile-only {
		display: block !important;
	}
}
/* FadeIn animation */
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}