@import "fonts/stylesheet.css";
@media (min-width: 1200px){
    .container {
        width: 1130px;
    }
}
.mob-img{
    display: none;
}
::selection {
    background: rgba(0, 151, 75, 1); /* WebKit/Blink Browsers */
    color: #fff;
}
::-moz-selection {
    background: rgba(0, 151, 75, 1); /* Gecko Browsers */
    color: #fff;
}
.overlay{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
    z-index: 100000;
}
/*Theme Override*/
body{
    font-family: 'brandon_text_regularregular';
    font-size: 14px;
    font-weight: normal;
}
body >iframe{
    display: none;
}
.home-img{
    display: none;
}
#lang_sel_click a.lang_sel_sel {
    font-size: 14px;
}
#lang_sel_click li{
    max-width: 100%;
}
ul{
    padding: 0;
    list-style: none;
}
a {
    color: inherit;
}
a:hover{
    text-decoration: none;

}


/*Top Header*/
header{
    position: relative;
}
.top-header{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000000;
}
.top-header.fix-header{
    background: #fff;

}
#bx-pager a img {
    width: 50px;
}
#bx-pager a.active .gotcolors{
    opacity: 1 !important;
}
#bx-pager a.active img:not(.gotcolors) {
    opacity: 0 !important;
}
.top-header {
    transition:  all .5s;
}
.logo{
    float: left;
    width: 120px;
    height: 40px;
    margin: 25px 0;
    display: block;
    background: url(img/w-logo.png) no-repeat center;
    background-size: cover;
}
.logo:hover{
    opacity: 1;
}
.fix-header .logo,
footer .logo{
    background: url(img/logo.png) no-repeat center;
    background-size: cover;
}
.right-header{
    margin-top: 30px;
}
.menu-button{
    display: none
}

nav{
    float: left;
}
nav > ul > li{
    float: left;   
    margin-right: 40px; 
    position: relative;
    height: 45px;
}
nav > ul > li:last-child{
    padding: 0 10px;
}
nav > ul > li.has-sub > a:before{
    position: absolute;
    right: 0;
    top: 13px;
    content:"\f0d7";
    display: inline-block;
    color: #fff;
    line-height: 35px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 16px;
    text-rendering: auto;
    margin-left: 2px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.fix-header nav > ul > li.has-sub > a:before{

}
nav > ul > li.has-sub:last-child a:before{
    display: none;
}
nav > ul > li > a{
    font-family: 'brandon_textmedium';
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    /*    text-transform: capitalize;*/
    line-height: 35px;
    position: relative;
}
nav > ul > li:last-child > a{
    font-size: 40px;
    line-height: 20px;
}
.fix-header nav > ul > li.has-sub:after,
.fix-header nav > ul > li > a,
.fix-header nav > ul > li.has-sub > a:before{
    color: #2e2c2c;
}
nav > ul > li.has-sub > a{
    padding-right: 15px;
}

nav > ul ul{
    width: 184px;
    position: absolute;
    left: 0;
    top: 45px;
    background: #fff;
    display: none;
    opacity: 0;
    transition: all 1s;

}

nav > ul ul:after {
    bottom: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 5px;
    margin-left: -5px;
}
nav > ul > li:hover ul{
    display: block;
    opacity: 1;
}
nav > ul ul li{
    border-bottom: 1px solid #c7cbce;
    padding:0  16px;
}
nav > ul ul li:last-child{
    border-bottom: 0 ;
}
nav > ul ul li a{
    color: #2e2c2c;
    font-size: 14px;
    font-family: 'brandon_textmedium';
    text-transform: none;
    line-height: 35px;
    display: block;
}
nav > ul ul li:hover a{
    color: #00974b
}

/* Effect 3: bottom line slides/fades in */
.cl-effect-3 > ul > li > a {
    padding: 8px 0;
}

.cl-effect-3 > ul > li > a::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
}
.fix-header .cl-effect-3 > ul > li.current-menu-item > a::after,
.fix-header .cl-effect-3 > ul > li > a:hover::after,
.fix-header .cl-effect-3 > ul > li > a:focus::after{
    background: #2e2c2c;
}
.cl-effect-3 > ul > li > a:hover::after,
.cl-effect-3 > ul > li > a:focus::after,
nav > ul > li.current-menu-item > a::after{
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}



.test-account,
#lansel a{
    display: block;
    float: left;
    line-height: 30px;
    height: 35px;
    font-size: 20px;
    color: #fff;
    font-family: 'brandon_textmedium';
    width: 180px;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 50px;
    margin-right: 15px;
}
.test-account:hover,
#lansel a:hover{
    color: #00974b;
    border-color: #00974b;   
}

#lansel{
    float: left;
}
#lansel a{
    width: 35px;
    margin-right: 0;
}
.fix-header .test-account{
    color: #00974b;
    border: 2px solid #00974b;
    transition: all .5s;
}
.fix-header .test-account:hover,
.fix-header #lansel a:hover{
    color: #fff;
    background: #00974b;
    border: 2px solid #00974b;
}
.fix-header #lansel a{
    color: #2e2c2c;
    border: 2px solid #2e2c2c;
    transition: all .5s;
}
.fix-header .test-account:hover,
.fix-header #lansel a:hover{

}
/*Top Banner*/
.top-banner img,
.top-banner video{
    width: 100%;
}


.home .top-banner img{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}


/*Top Content*/
.top-content {
    width: 960px;
    position: absolute;
    top: 50%;
    margin-top: -100px;
    left: 50%;
    margin-left: -480px;
}
.top-content *{
    color: #fff;
    font-family: 'brandon_text_regularregular';
    text-align: center;
}
.top-content h2{
    font-size: 36px;
    width: 685px;
    margin: 0 auto;
    margin-bottom: 25px;
}
.top-content h2 strong{
    font-family: 'brandon_textbold';
}
.top-content p{
    font-size: 18px;
    width: 420px;    
    margin: 0 auto;
    margin-bottom: 30px;
}


.startlink {
    width: 225px;
    line-height: 38px;
    height: 45px;

    font-family: 'brandon_textbold';
    font-size: 24px;
    border: 3px solid #fff;
    border-radius: 5px;
    margin: 0 auto;
    color: #fff;
    text-decoration: none;
    text-align: center;
    display: block;
}
.startlink:hover{
    opacity: .8;
}







.blue-btn:hover{
    background-color: rgba(0, 151, 75, 1);
}

.blue-btn a:hover{
    text-decoration: none;
}

.first-link{
    margin-top: 0;   
}

.blue-btn:hover .first-link{
    margin-top: -45px;
}

/*.top-content > .blue-btn{
    display: block;
    width: 225px;
    line-height: 45px;
    height: 45px;
    background: rgba(0, 151, 75, .8);
    font-family: 'brandon_textbold';
    font-size: 24px;
    border-radius: 5px;
    margin: 0 auto;
    overflow: hidden;
}
.blue-btn a{
    color: white;
    text-decoration:none;
    text-align: center;
    display:block;  important 
}

.blue-btn, .first-link{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;     
}



.blue-btn:hover{
    background-color: rgba(0, 151, 75, 1)
}

.blue-btn a:hover{
    text-decoration: none;
}

.first-link{
    margin-top: 0em;   
}

.blue-btn:hover .first-link{
    margin-top: -4em;
}*/

.top-content h6{
    font-size: 14px;
    font-family: 'brandon_textmedium';
}
.top-content h6 a{
    text-decoration: underline;
}

/*Footer*/
footer{
    background: #fff;
    padding: 55px 0 35px 0;
    border-top:1px solid #e8e8e8;
}
footer *{
    color: #3a3737;
    font-size: 15px;
    font-family: 'brandon_text_regularregular';
}

footer div div div div > ul > li:first-child > a{
    text-transform: uppercase;
    font-family: 'brandon_textmedium';
    margin-bottom: 22px;
    margin-top: 0;
    line-height: 15px;
    display: block;
    cursor: default;
}
footer div div div div > ul > li:first-child > a:hover{
    color: #3a3737; 
}
footer ul ul li{
    margin-bottom: 10px;
}
footer ul ul li a{
    line-height: 14px;
}
footer li a:hover{
    color: #00974b;
}
footer li:last-child{
    margin-bottom: 0;
}
footer{
    margin-bottom: 50px;
}
footer .logo{
    float: none;
    margin: 0 auto;
    margin-top: 50px;

}

/*Social Menu*/
.social{
    text-align: center;
    margin-top: 20px;
}
.social li{
    display: inline-block; 
    margin-right: 10px;
}
.social li:last-child{
    margin-right: 0;
}
.social li a{
    background: #45494d;
    color: #fff;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
}
.social li a:hover{
    opacity: 1;
    background: #00974b;
    color: #fff;
}

/*Home Page*/
.dark-bg{
    background: #45494d;   
}
.dark-bg *{
    color: #fff;
}
section{
    padding: 60px 0 50px 0;
    text-align: center;
}
.gray{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}
li:hover .gray,
.gray:hover,
a.active .gray{
    filter: none;
    -webkit-filter: grayscale(0%);
}
/*SectionTitle*/

.sectiontitle h2{
    color: #262928;
    font-size: 34px;
    font-family: 'brandon_textmedium';
    margin: 0;
    line-height: 36px;
    text-align: center;
}
.dark-bg .sectiontitle h2{
    color: #fff;
}
.sectiontitle hr{
    width: 100px;
    border-top: 2px solid #00974b;
    margin: 10px auto;
}
.why-pay .sectiontitle hr{
    width: 200px;
}

/*Pricing*/

.pricing .price-slide {
    width: 1015px;
    margin: 80px auto 60px auto;
}
.pricing p a img{
    margin-top: -50px;
}
.pricing h2{
    color: #fff;
}
.pricing .price-slide > li{
    float: left;
    width: 315px;
    margin-right: 35px;   
}
.pricing .price-slide > li:last-child{
    margin-right: 0;
}
.pricing .price-slide > li li{
    background: #fff;
    background: url(img/list-shadow.png) no-repeat center top #fff;
    padding: 20px 0;
    border-left: 2px solid #333638;
    border-right: 2px solid #333638;
    /*height: 90px;*/

}
.pricing .price-slide > li li.span{
    padding: 10px 0;
}
.pricing .price-slide > li li:last-child{
    background: #00974b;
    border: 2px solid #0e673a;
    padding: 0;
}
.pricing .price-slide > li li:first-child{
    position: relative;
    background: #fff;
    padding: 0;
    height: auto;
    border-top: 2px solid #333638;
}
.pricing .price-slide > li li:last-child a{
    color: #fff;
    text-align: center;
    display: block;
    font-size: 28px;
    font-family: 'brandon_textbold';
    line-height: 80px;
}
.pricing .price-slide > li li h4{
    color:#353232;
    text-align: center;
    font-size: 24px;
    font-family: 'brandon_textmedium';
    padding: 60px 0 10px 0;
    margin: 0;
}
.pricing .price-slide > li li h3{
    color: #00974b;
    font-size: 26px;
    font-family: 'brandon_textmedium';
    text-align: center;
    margin: 0;
}
.pricing .price-slide > li li p,
.pricing .price-slide > li li span{
    font-size: 18px;
    color: #353232;
    font-family: 'brandon_textregular_italic';
    text-align: center;
    margin: 0;
}
.pricing .price-slide > li li span{
    font-size: 15px;
    display: block;
}

.price-icon {
    width: 100px;
    height: 100px;
    border: 2px solid #fff;
    border-radius: 100px;
    background: url(img/startup-icon.png) no-repeat center #00974b;
    position: absolute;
    top: -50px;
    left: 50%;
    margin-left: -50px;
}
.price-icon.tie{
    background: url(img/tie-icon.png) no-repeat center #00974b; 
}

/*Merchants*/
.merchants{
    display: inline-block;
    margin-top: 50px;
}
.page-template-story .merchants {
    display: block;
    width: 920px;
    margin: 0 auto;
    margin-top: 50px;
}
.merchants li{
    display: table-cell;
    margin: 0;
    text-align: center;
    vertical-align: middle;
    width: 230px;
    height: 180px;
    border: 1px solid #d2d2d2;
    transition: all 1s;

}
.merchants li:hover{
    box-shadow: 0 9px 0px 0px white, 0 -9px 0px 0px white, 5px 0 5px -4px rgba(0,0,0, 0.5), -5px 0 5px -4px rgba(0,0,0, 0.5);
}
.merchants img{
    max-width: 140px;
    /*max-height: 50px;*/
}
.page-template-story .merchants img{
    max-height: 50px;
}
.see-all{
    font-size: 14px;
    font-family: 'brandon_textregular_italic';
    color: #312f2f;
}
/*Testimonials*/
.testimonials{

}
.testimonials .test-details{
    width: 440px;
}
.testimonials .large-img{
    margin-right: 7px;
}
.testimonials p{
    font-size: 20px;
    color: #312f2f;
    font-family: 'brandon_text_regularregular';
    margin: 30px 20px 40px 35px;
    width: 385px;
    line-height: 26px;
    word-spacing: 1px;
    text-align: left;
    display: inline-block;
    line-height: 26px;

}
.testimonials .test-name{
    text-align: right;
    font-family: 'brandon_textbold_italic';
    font-size: 14px;
    margin: 0;
}
.testimonials li{
    width: 960px;
    margin: 0 auto;
}

.test-sec .bx-wrapper .bx-viewport{
    width: 960px !important;
    margin: 0 auto;
    margin-top: 45px;
}

.test-sec .bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 20px;
    height: 5px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0; 
    border-radius: 0; 
}
.test-sec .bx-wrapper .bx-pager.bx-default-pager a:hover,.test-sec  .bx-wrapper .bx-pager.bx-default-pager a.active{
    background: #00974b;
    opacity: 1;
}
.test-sec  .bx-wrapper .bx-pager{
    position: static;
    margin: 35px 0 75px 0;
    height: 5px;
    padding: 0;
}


/*Home Products Section*//* entire container, keeps perspective */
.flip-container {
    perspective: 1000;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
}
/*  UPDATED! flip the pane when hovered */
.flip-container:hover .back {
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
}
.flip-container:hover .front {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}

.flip-container, .front, .back {
    width: 284px;
    height: 284px;
}

/* flip speed goes here */
.flipper {
    transition: 0.6s;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    position: relative;
}

/* hide back of pane during swap */
.front, .back {
    backface-visibility: hidden;
    transition: 0.6s;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    border: 1px solid #939698;
    position: absolute;
    top: 0;
    left: 0;
}

/*  UPDATED! front pane, placed above back */
.front {
    z-index: 2;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
}

/* 
        Some vertical flip updates 
*/
.vertical.flip-container {
    position: relative;
}

.vertical .back {
    transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
}

.vertical.flip-container:hover .back {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
}

.vertical.flip-container:hover .front {
    transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
}

.h-products{
    margin-top: -10px;
}
.h-prod-list{
    width: 576px;
    margin: 0 auto;
    margin-top: 35px;
}
.h-prod-list li{
    width: 284px;
    height: 284px;
    margin: 2px;
    float: left;

}
.h-prod-list li .back{
    position: relative;
}
.h-prod-list li .back .overlay{
    width: 284px;
    height: 284px;
    background: rgba(3, 146, 74, .95);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    cursor: pointer;
    padding: 80px 30px 90px 30px;
    text-align: center;
}
.h-prod-list li .back .overlay:hover{
    opacity: 1;
}
.back .overlay img{
    width: 150px;
    margin-bottom: 20px;
}
.back .overlay p{
    font-size: 20px;
    color: #fff;
    font-family: 'brandon_textmedium';
    line-height: 26px;
}

/*Why Payfort*/
.why-pay{
    padding-bottom: 0;
}
.why-pay li .col-md-6 > div{
    height: 600px;
    width: 900px;
    display: table-cell;
    vertical-align: middle;   
    text-align: center;
    background-size: 100%;
}
.why-pay li:nth-of-type(even){
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background: #fcfcfc;   
}
.why-pay li:nth-of-type(even) .col-md-6{
    float: right;
}
.why-pay li:nth-of-type(even) .col-md-6 > div{
    height: 430px; 
}
.why-img{
    background: no-repeat center;
    visibility: hidden;
    /*transition: all 2s;*/
}

.why-content h3{
    color: #252525;
    font-size: 42px;
    text-align: left;
    font-family: 'brandon_text_regularregular';
    margin-bottom: 30px;
}
.why-content h3 strong{
    color: #00974b;
    font-family: 'brandon_textbold'; 
}
.why-content p{
    font-size: 20px;
    color:  #3a3737;
    font-family: 'brandon_text_regularregular';
    text-align: left;
}

/*Security*/
.page-template-security .top-banner{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-position: center;
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.page-template-security footer{
    position: relative;
    top: 800px;
    margin-bottom: 0;
}

.top-banner .overlay{
    background: url(img/top-banner-bg.png) no-repeat center rgba(0, 143, 71, .5);;
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.page-template-security .top-content {
    position: fixed;
    top: 460px;
    margin-top: 0;
}
.scroll{
    background:  url(img/scroll.png) no-repeat center top;
    width: 150px;
    text-align: center;
    padding-top: 40px;
    position: fixed;
    bottom: 20px;
    left: 50%;
    margin-left: -75px;
    cursor: pointer;
}
.scroll p{
    font-size: 14px;
    font-family: 'brandon_textmedium';
    color: #fff;
}
.security {    
    position: relative;
    top: 800px;
    text-align: center;
    padding: 0;
}

.security ul{
    width: 970px;
    display: inline-block;
    position: relative;
    top: -30px;
}
.security li{
    background: #fff;
    width: 49.7%;
    padding: 60px 30px;
    padding-top: 20px;
    margin-bottom: 5px;
    margin-right: 5px;
    float: left;
    border: 1px solid #3a4045;
}
.security h2{
    font-size: 26px;
    font-family: 'brandon_textmedium';
    color: #303231;
    text-align: left;
}
.security p{
    font-size: 18px;
    font-family: 'brandon_text_regularregular';
    color: #303231;
    text-align: left;
}
.security li img{
    max-width: 100%;
    height: auto;
    visibility: hidden;
}
.security li:nth-of-type(3n+3) {  /* or 4n+1 */
    margin-right: 0;
}
.security li:nth-of-type(3n+1) {  /* or 4n+1 */
    width: 100%;
    height: auto;
    margin-right: 0;
    padding: 55px 60px;

}
.security li:nth-of-type(3n+1) h2{
    font-size: 28px;
}
.security li:nth-of-type(3n+1) img{
    float: left;
    margin-right: 60px;
}
.security .sec-img{
    display: table-cell;
    height: 200px;
    width: 462px;
    vertical-align: middle;
    text-align: center;
}

.security li:nth-of-type(3n+1) .sec-img{
    display: block;
    height: auto;
    width: auto;
}
.sec-img img{
    max-width: 100%;
}
/*Products Pages*/
.height-750{
    height: 750px;
    position: relative;

}
.height-750.abs{
    position: absolute;
    width: 100%;
    z-index: -1;
    top: 0;
    left: 0;
}
.height-750 .scroll{
    position: absolute;
    top:665px;
}

.prod-cont {
    top: 450px;
    margin-top: 0;
    text-align: center;
}
.top-content.page-price{
    position: static;
    margin: 0 auto;
    margin-top: 180px;
}
.prod-cont.has-img{
    top: 370px;
}
.prod-cont h2{
    text-align: center;
    font-size: 42px;
    font-family: 'brandon_textbold'; 
    width: 100%;
    margin-bottom: 40px;
}
.prod-cont p{
    font-size: 36px;
    font-family: 'brandon_text_regularregular';
    width: auto;
}
.prod-cont p strong{
    font-family: 'brandon_textbold'; 
    font-weight: normal;
}
.prod-cont img{
    width: 285px;
    margin-bottom: 30px;
}
.start-sec{
    padding-top: 0;
}
.start-sec{
    text-align: center;
}
.start-sec h3{
    color: #3a4045;
    font-size: 36px;
    font-family: 'brandon_textlight';
    margin-bottom: 30px;
}
.start-sec a{
    color: #3a4045;
    font-size: 30px;
    font-family: 'brandon_text_regularregular';
    width: 275px;
    display: inline-block;
    line-height: 46px;
    border: 2px solid #3a4045;
    border-radius: 5px;
    transition: all .2s;
}
.start-sec a:hover{
    background: #00974b;
    border: 2px solid #00974b;
    color: #fff;
}
/*Online Payment*/

.online-banks {
    padding: 50px 0;
    text-align: center;
}
.online-banks h3,
.countries h3{
    font-size: 34px;
    font-family: 'brandon_text_regularregular';
    color: #fff;
    margin-bottom: 30px;
}
.online-banks ul{
    display: inline-block;
}
.online-banks li{
    float: left;
    width: 100px;
    height: 100px;
    vertical-align: middle;
    border: 4px solid #fff;
    border-radius: 100px;
    background-color: #00974b;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 35px;
    transition: all .5s;
}
.online-banks li:last-child{
    margin-right: 0;
}
.online-banks li:hover{
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
}
/*Payment Options*/
.payment-options{
    text-align: center;
}
.payment-options h3,
.home-merchants h3{
    color: #3a4045;
    font-size: 34px;
    font-family: 'brandon_textmedium';
    margin-bottom: 50px;
}
.payment-options ul{
    display: inline-table;
    border: 1px solid #d2d2d2;
}
.payment-options li{
    height: 135px;
    width: 180px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #d2d2d2;
}
.payment-options li:last-child{
    border-right: 0;
}
.green-sep{
    border-top: 2px solid #000;
    width: 100px;
    margin: 0 auto;
}
/*How It Works*/
.how-work h2{
    font-size: 42px;
    font-family: 'brandon_textmedium';
    margin-bottom: 130px;
}
.how-work ul{
    display: inline-block;
    margin-bottom: 150px;
}

.how-work li{
    float: left;
    width: 150px;
    height: 150px;  
    position: relative;
    margin-right: 110px;
}
.how-work li p{
    width: 250px;
    position: absolute;
    font-size: 16px;
    font-family: 'brandon_text_regularregular';
    left: 50%;
    margin-left: -125px;
    top: 175px;
    text-align: center;
}
.how-work li:nth-of-type(even) p{
    top: auto;
    bottom: 125px;
}
.how-work li:nth-of-type(even){
    float: left;
    width: 65px;
    height: 150px;    
}
.how-work li:last-child{
    margin-right: 0;
}

.how-work li:after {
    content: "----";
    display: block;
    font-size: 20px;
    position: absolute;
    right: -95px;
    letter-spacing: 3px;
    padding: 0 15px;
    line-height: 150px;
    opacity: 0;
    transition: opacity 0.5s;
}
.how-work li:last-child:after{
    content: "";
    padding: 0;
}
.how-work p{
    font-size: 20px;
    font-family: 'brandon_textlight';
}
.sec-2,.sec-1{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.sec-1 .sec-1-cont{
    width: 600px;
    position: absolute;
    top: 330px;
    left: 50%;
    text-align: left;
}
.sec-1 h2,
.sec-1 p,
.sec-2 h2,
.sec-2 p,
.sec-3 h2,
.sec-3 p{
    font-size: 42px;
    color: #303231;
    font-family: 'brandon_text_regularregular'; 
    margin-bottom: 35px;
}
.sec-1 h2 strong{
    font-family: 'brandon_textbold'; 
    font-weight: normal;
    color: #00974b;

}
.sec-1 p,
.sec-2 p,
.sec-3 p{
    font-size: 20px; 
}
.sec-2 h2{
    font-family: 'brandon_textmedium';
    margin: 90px 0 30px 0;
    line-height: 30px;
}
.sec-3{
    text-align: right;
    background: #00974b;
}
.sec-3 .sec-3-cont{
    width: 530px;
    position: absolute;
    top: 270px;
    right: 50%;
    text-align: left;
}
.sec-3 h2,
.sec-3 p{
    font-family: 'brandon_text_regularregular'; 
    color: #fff;
}


/*Pay Home*/
.page-template-pay_home .sec-1-cont{
    top: 450px;
    text-align: center;
    width: 620px;
    margin-left: -310px;
}
.page-template-pay_home .sec-1-cont h2{
    line-height: 30px;
}
.page-template-pay_home .sec-1-cont p{
    line-height: 26px;
}
.page-template-pay_home .how-work h2{
    margin-bottom: 70px;
}
.page-template-pay_home .how-work ul{
    margin-top: 0;
    margin-bottom: 225px;
}
.page-template-pay_home .how-work li:nth-of-type(odd){
    width: 65px;
}
.page-template-pay_home .how-work li:last-child,
.page-template-pay_home .how-work li:first-child{
    width: 150px;
}

.page-template-pay_home .how-work li p,
.page-template-pay_home .how-work li:nth-of-type(even) p{
    text-align: left;
    width: 140px;
    left: 130px;
    bottom: auto;
    top: 130px;
}
.page-template-pay_home .how-work li:last-child p,
.page-template-pay_home .how-work li:first-child p{
    top: 170px;
}

.home-merchants ul{
    margin-top: 0;
}

.countries ul{
    display: inline-block;    
}
.countries li{
    float: left;
    margin-right: 10px;
}
.countries li:last-child{
    margin-right: 0;
}
.countries li img{
    height: 30px;
    width: auto;
    border: 2px solid #fff;
}
.page-template-pay_home .sec-1{    
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.pay-home-sec .col-md-6{
    display: table; 
    table-layout: fixed;
}

.pay-home-sec .sec-img,
.pay-home-sec .sec-cont{
    display: table-cell;
    vertical-align: middle;
    height: 400px;
}
.pay-home-sec .sec-img{
    visibility: hidden;
}
.pay-home-sec .sec-cont h2{
    font-size: 42px;
    color: #282626;
    text-align: left;
    font-family: 'brandon_text_regularregular'; 
}

.pay-home-sec .sec-cont h2 strong{
    color: #00974b;
    font-family: 'brandon_textbold'; 
    font-weight: normal;
}

.pay-home-sec .sec-cont p{
    color: #282626;
    text-align: left;
    font-family: 'brandon_text_regularregular'; 
    font-size: 20px;
}

.home-testimonials{
    text-align: center;
}

.home-testimonials .large > div{
    position: relative;
    width: 100%;
    height: 100%;
}
.test-container{
    width: 1050px;
    margin: 0 auto;
    position: relative;
}
.home-testimonials ul{
    display: block;
    width: 515px;
}
.home-testimonials li{
    float: left;
    padding: 20px;
    padding-left: 40px;
    border: 1px solid #ebebeb;
    width: 520px;
    margin-bottom: 10px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.home-testimonials li:nth-child(2){
    margin-bottom: 0;
}
.home-testimonials .large{
    position: absolute;
    right: 0;
    height: 100%;
    width: 520px;
    padding-left: 20px;
}
.test-logo {
    display: table-cell;
    vertical-align: middle;
}
.home-testimonials .large .test-logo{
    position: absolute;
    bottom: 50px;
    left: 0;
}
.home-testimonials .content-test {
    padding-top: 10px;
    padding-left: 28px;
    background: url(img/qoute.png) no-repeat left top;
    background-size: 28px;
    text-align: left;
    display: table-cell;
    width: 360px;
    text-align: justify;
    font-size: 17px;
    font-family: 'brandon_text_regularregular';
}

.home-testimonials .large .content-test{
    padding: 0;
    background: none;
    width: 290px;
    font-size: 20px;
}
.home-testimonials .large .content-test .qoute{
    display: block;
    width: 40px;
    height: 25px;
    background: url(img/qoute.png) no-repeat left top;
    background-size: 30px;
    float: left;

}
.home-testimonials .large .content-test .title {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    font-size: 16px;
    width: 140px;
}
.title .sep{
    display: none;
}
.home-testimonials .content-test .title{
    font-size: 18px;
}
.home-testimonials .content-test .title span{
    font-family: 'brandon_textmedium';
}

/*Pay Easy*/

.page-template-pay_easy .sec-1-cont{
    width: 380px;
    top: 280px;
    margin-left: -530px;
}
.page-template-pay_easy .sec-1-cont h2,
.page-template-pay_store .sec-1-cont h2{
    font-family: 'brandon_textmedium';
}

.how-work i{
    display: block;
    position: absolute;
    width: 35px;
    height: 35px;
    right: 5px;
    top: 5px;

}


.how-work i.tooltip-item,
.how-work i.tooltip-item.check{
    background: url(img/info.png) no-repeat center;
    background-size: cover;
    left: auto;
    border: 0;
    -webkit-animation: pulse 1s infinite alternate;
    animation: pulse 1s infinite alternate;
}
.how-work i.tooltip-item.check{
    background: url(img/check.png) no-repeat center;
    background-size: cover;
}

.tooltip-easy ,
.tooltip-note{
    cursor: pointer;
}
.how-work .tooltip-note i{
    position: static;
}

.page-template-pay_easy .sec-1{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.page-template-pay_easy .how-work.easy-1{
    position: relative;
}
.tooltip-note{
    position: absolute;
    top: 60px;
    right: -135px;
    z-index: 999999;
}
.tooltip-note .tooltip-content{
    z-index: 99999999;
}
.easy-bank ul{
    display: inline-block;
    margin-top: 35px;
}
.easy-bank li{
    float: left;
    margin-right: 50px;
    width: 125px;
    height: 125px;
    border: 4px solid #3a4045;
    border-radius: 125px;
}
.easy-bank li:last-child{
    margin-right: 0;
}
li .table-cell{
    display: table-cell;
    width: 125px;
    height: 115px;
    vertical-align: middle;
    text-align: center;
}
li .table-cell img{
    max-width: 110px;
}
.online-banks li .table-cell{
    width: 100px;
    height: 90px;
}
.online-banks li .table-cell img{
    max-width: 75px;
}
/* Trigger item */


@-webkit-keyframes pulse {
    from { -webkit-transform: scale3d(0.5,0.5,1); }
    to { -webkit-transform: scale3d(1,1,1); }
}

@keyframes pulse {
    from { -webkit-transform: scale3d(0.5,0.5,1); transform: scale3d(0.5,0.5,1); }
    to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
}


/* Tooltip */

.tooltip-content {
    position: absolute;
    background: #3a4045;
    z-index: 9999;
    width: 200px;
    top: -110px;
    right: -135%;
    margin-bottom: -1em;
    padding: 20px;
    border-radius: 20px;
    font-size: 1.1em;
    text-align: center;
    color: #fff;
    opacity: 0;
    cursor: default;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
}


.how-work.easy-1 .tooltip-easy:nth-of-type(2) .tooltip-content{
    top: -80px;
}
.tooltip-east .tooltip-content{
    left: -70%;
    right: auto;
}
.tooltip-west .tooltip-content {
    -webkit-transform-origin: -2em 50%;
    transform-origin: -2em 50%;
    -webkit-transform: translate3d(0,50%,0) rotate3d(1,1,1,30deg);
    transform: translate3d(0,50%,0) rotate3d(1,1,1,30deg);
}

.tooltip-east .tooltip-content {
    -webkit-transform-origin: calc(100% + 2em) 50%;
    transform-origin: calc(100% + 2em) 50%;
    -webkit-transform: translate3d(0,50%,0) rotate3d(1,1,1,-30deg);
    transform: translate3d(0,50%,0) rotate3d(1,1,1,-30deg);
}

.tooltip-easy:hover > .tooltip-content,
.tooltip-note:hover .tooltip-content{
    opacity: 1;
    -webkit-transform: translate3d(0,50%,0) rotate3d(0,0,0,0);
    transform: translate3d(0,50%,0) rotate3d(0,0,0,0);
    pointer-events: auto;
}

/* Gap "bridge" and arrow */

.tooltip-content::before,
.tooltip-content::after {
    content: '';
    position: absolute;
}

.tooltip-content::before {
    height: 100%;
    width: 3em;
}

.tooltip-content::after {
    width: 2em;
    height: 2em;
    top: 50%;
    margin: -1em 0 0;
    background: url(img/tooltip.png) no-repeat center center;
    background-size: 100%;
}

.tooltip-west .tooltip-content::before,
.tooltip-west .tooltip-content::after {
    right: 99%; /* because of FF, otherwise we have a gap */
}

.tooltip-east .tooltip-content::before,
.tooltip-east .tooltip-content::after {
    left: 99%; /* because of FF, otherwise we have a gap */
}

.tooltip-east .tooltip-content::after {
    -webkit-transform: scale3d(-1,1,1);
    transform: scale3d(-1,1,1);
}

.tooltip-note .tooltip-content{
    top: -130px !important;
    right: -210px;
}

/*Pay Stor*/
.page-template-pay_store .sec-1-cont{
    width: 500px;
    top: 280px;
    margin-left: -530px;
}

.page-template-pay_store .how-work li:nth-of-type(even),
.page-template-pay_store .how-work li,
.page-template-pay_easy .how-work li:nth-of-type(even),
.page-template-pay_easy .how-work li{
    width: 150px;
    height: 150px;
    position: relative;
    margin-right: 245px;
}
.page-template-pay_store .how-work li:last-child,
.page-template-pay_easy .how-work li:last-child{
    margin-right: 0;
}
.page-template-pay_store .how-work li:after,
.page-template-pay_easy .how-work li:after{
    right: -155px;
}
.page-template-pay_store .how-work h2,
.page-template-pay_easy .how-work h2{
    margin-bottom: 70px;
}
.page-template-pay_store .how-work li:nth-of-type(even) p,
.page-template-pay_easy .how-work li:nth-of-type(even) p{
    top: 175px;
    bottom: auto;
}



/*Relationships*/

.relation{
    display: inline-block;
    position: relative;
    top: -160px;
    margin-bottom: -215px;
}
.relation li{
    float: left;
    width: 320px;
    margin-right: 25px;
    height: 400px;
    border:1px solid #bcc1c5;
    background: #fff;
    position: relative; 
    box-shadow: 0px 1px 4px 0px transparent, 0px 0px 40px transparent; 
}

.relation li:after{ 
    content: ""; 
    z-index: -1; 
    position: absolute; 
    width: 300px;
    top: 100px;
    right: 50%;
    margin-right: -150px;
    bottom: 0px; 
    border-radius: 100px; 
    box-shadow: 0px 0px 20px #2a2e31; 
}
.relation li:last-child{
    margin-right: 0;
}

.relation li i{
    display: block;
    width: 100px;
    height: 100px;
    background: #00974b;
    border: 2px solid #fff;
    border-radius: 100px;
    margin: 0 auto;
    position: relative;
    top: -50px;
}

.relation li h4{
    color: #212322;
    font-family: 'brandon_textbold'; 
    font-size: 26px;
    padding: 0 55px;
    margin-bottom: 30px;
}
.relation li p{
    color: #272525;
    font-size: 18px;
    font-family: 'brandon_text_regularregular'; 
    padding:  0 20px;
}

/*About Page*/

.dark-bg h2,
.story-values h2{
    font-family: 'brandon_textmedium';
    font-size: 36px;
}
.story-map{
    position: relative;
}
.story-map i{
    display: block;
    width: 25px ;
    height: 25px;
    background: url(img/story-marker.png) no-repeat center;
    background-size: cover;
    position: absolute;
    -webkit-animation: pulse 1s infinite alternate;
    animation: pulse 1s infinite alternate;
}
.story-map i.egypt{
    top: 183px;
    left: 100px;
}
.story-map i.uae{
    top: 227px;
    left: 306px;
}
.story-map i.ksa{
    top: 242px;
    left: 214px;
}
.story-map i.labenon{
    top: 148px;
    left: 145px;
}
.story-map i.jordon{
    top: 173px;
    left: 157px;
}
.story-map i.kw{
    top: 176px;
    left: 233px;
}
.team{
    margin-top: 50px;
}
.team li{
    float: left;
    position: relative;
    margin-right: 5px;
    margin-bottom: 5px;
    width: 33%;
}
.team li:first-child{
    width: 56%;
}
.team li:nth-of-type(2){
    width: 43.5%;
}
.team li:last-child,
.team li:nth-of-type(2){
    margin-right: 0;
}
.team li img{
    width: 100%;
    height: 418px;
}
.team li:nth-of-type(n+3) img {
    height: 341px; 
}
.team  li h4{
    position: absolute;
    font-size: 26px;
    font-family: 'brandon_textbold_italic';
    text-transform: uppercase;
    left: 20px;
    bottom: 20px;
    margin: 0;
}

.bank-client{
    display: inline-block;
    width: 870px;
    margin-top: 80px;
}
.bank-client h3{
    text-align: center;
    color: #3a3737;
    font-size: 22px;
    font-family: 'brandon_textmedium';    
    margin-bottom: 45px;
}
.bank-client ul{
    width: 385px;
}
.bank-client ul li{
    float: left;
    width: 190px;
    height: 100px;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid #eeeeee;
}
.bank-client .table-cell{
    display: table-cell;
    width: 190px;
    height: 100px;
    vertical-align: middle;
    text-align: center;
}

.bank-client ul li:nth-of-type(even){
    margin-right: 0;
}
.bank-client img{
    max-width: 145px ;
}
.story-values{
    position: relative;
}
ul.story,
ul.values{
    width: 870px;
    display: inline-table;
    margin-top: 40px;
    margin-bottom: 100px;
    position: relative;
}
.story li{
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    text-align: center;
    height: 390px;
}
.story li p,
.values li p{
    text-align: left;
    font-size: 18px;
    color: #3a3737;
    font-family: 'brandon_text_regularregular'; 
    padding-right: 75px;
}
.story-values .story-sep{
    width: 2px;
    max-height: 100%;
    min-height: 25px;
    height: 25px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -1px;
    background: #2c3f52;
}
.story-sep div{
    position: relative;
    height: 100%;
}
.story-sep i{
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 50%;
    margin-left: -12.5px;
    border: 2px solid #2c3f52;
    border-radius: 25px;
}
.story-sep i.top{
    top: 0;
    background: #fff;
}
.story-sep i.bottom{
    bottom: 0;
    background: #00974b;
}
ul.values{
    margin: 0;
    display: inline-block;
    padding-top: 90px;
    margin-top: 40px;
    padding-bottom: 135px;
    margin-bottom: 50px;
}
.values li{
    margin-bottom: 40px;
}
.values li .value-data{
    float: right;
    width: 435px;
}
.values li .value-data .line{
    background: url(img/value-right.png) no-repeat left center;
    width: 0px;
    float: left;
    height: 7px;
    margin: 23px 0;
}
.values li:nth-of-type(2n) .value-data .line{
    background: url(img/value-left.png) no-repeat right center;
    float: right;
}
.values li .value-data h4{
    font-size: 30px;
    font-family: 'brandon_textbold'; 
    margin-left: 70px;
    text-align: left;
    opacity: 0;
}
.values li .value-data p{
    padding-left: 70px;
    padding-right: 0;
    margin-bottom: 0;
    opacity: 0;
}
.values li:nth-of-type(even) .value-data{
    float: left;
}
.values li:nth-of-type(even) .value-data h4{
    padding-left: 0;
    padding-right: 70px;
    text-align: right;
    opacity: 0;
}
.values li:nth-of-type(even) .value-data p{
    padding-left: 0;
    padding-right: 70px;
    opacity: 0;
    text-align: left;
}


/*Contact Page*/
.page-template-contact .top-banner{
    position: relative;
}
#country-pager,
.address-container{
    position: absolute;
    left: 50%;
    top:380px;
    z-index: 22549;
    width: 360px;
    margin-left: -380px;
}
#country-pager li{
    float: left;
    margin-right: 5px;
}
#country-pager li img{
    border: 2px solid #fff;
    width: 50px;
    height: 30px;
}

.address-container{
    top: 415px;
    border-top: 3px solid #00974b;
    background-color: rgb( 46, 48, 54 );
    box-shadow: 0px 5px 20px 0px rgb( 0, 0, 0 );
    padding: 25px 15px;
}

.address-container *{
    color: #fff;
}
.address-container h4{
    margin: 0;
    margin-bottom: 15px;
    font-size: 20px;
    font-family: 'brandon_text_regularregular';
}
.address-container p{
    font-size: 16px;
    font-family: 'brandon_text_regularregular';
}
.address-container .address{
    float: left;
    width: 160px;
}
.address-container .contact{
    float: left;
}
.address-container .contact li{
    margin-bottom: 30px;
}

.address-container .contact li:last-child,
.address-container .contact li p{
    margin-bottom: 0;
}

/*Pricing*/

.page-template-pricing .top-content{
    top: 175px;
}
.page-template-pricing .top-content h3{
    font-size: 36px;    
}
.page-template-pricing .top-content p{
    font-size: 24px;
    font-family: 'brandon_textlight';
}
/*.select{
    position: absolute;
    top: 300px;
    left: 50%;
    margin-left: -245px;
}*/
.select {
    margin: 0px auto;
    width: 491px;   
    margin-top: 35px;
    margin-bottom: 45px;
}
.dropdown{
    display: inline-block;
}
.select button{
    width: 240px;
    height: 50px;
    color: #3a4045;
    font-size: 18px;
    font-family: 'brandon_text_regularregular';
}
.select .product{
    margin-right: 7px;
}
button i{
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -9px;

}

.select .caret {
    border-top: 6px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    position: absolute;
    right: 15px;
    top: 50%;
}
.dropdown-menu {
    min-width: 240px;
}
/*.pricing {
    position: relative;
    margin-top: -300px;
    padding: 0;
    display: inline-block;
}*/
.pricing {
    position: relative;
    padding: 0px;
    display: inline-block;
}

.rpt_plan {
    float: left;
    width: 315px;
    margin-right: 12px;
}
.rpt_plan:last-of-type{
    margin-right: 0;
}
.rpt_plan *{
    color: #fff !important;
}
.rpt_plan a.featuerd {
    color: #3a4045 !important;
    margin-top: 10px;
    display: none;
    font-size: 18px;
    text-decoration: underline;
    font-family: 'brandon_text_regularregular';
}
.pricing-content[data-products="446"] a.featuerd{
    display: inline-block;
}
.g_price-note{
    color: #3a4045 !important;
    margin: 25px 0;
    font-size: 16px;
    font-family: 'brandon_textregular_italic';
}
.rpt_title{
    background: #068244;
    padding: 60px 0 20px 0;
    text-transform: uppercase;
    font-size: 22px;
    font-family: 'brandon_text_regularregular';
    position: relative;
}
.rpt_title img{
    width: 80px;
    height: 80px;
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -40px;
}
.rpt_feature{
    background: #00974b;
    padding: 0 15px;
    height: 90px;
    width: 100%;
    vertical-align: middle;
    font-size: 18px;
    font-family: 'brandon_text_regularregular';
}
.rpt_features{
    background: #00974b;
}
.rpt_feature p {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    height: 90px;
    width: 315px;
    margin: 0;
}
.rpt_features hr{
    border: 0;
    width: 140px;
    margin: 0 auto;
    border-top: 1px solid #157849;    
}
.rpt_features .rpt_feature:last-of-type + hr{
    display: none;
}
.rpt_foot {
    background: #2c3f52 !important;
    display: block;
    font-size: 20px;
    font-family: 'brandon_textmedium';
    line-height: 60px;
}

.pricing-note{
    margin: 0;
    text-align: center;
    color: #3a4045;
    font-size: 28px;
    font-family: 'brandon_text_regularregular';
    margin-bottom: 50px ;

}

.large-pricing{
    width: 970px;
    margin: 0 auto;
    text-align: right;

}
.large-pricing-g{
    background: #f6f6f6;
    padding-top: 105px;
}
.header_row_1{
    position: relative;
}
div.p_table_1 li.header_row_1 img{
    position: absolute;
    width: 80px;
    height: 80px;
    top: -40px;
    left: 50%;
    margin-left: -40px !important;
}
div.p_table_1_13 div.column_1 li.header_row_1,
div.p_table_1_13 div.column_1 li.header_row_2,
div.p_table_1_13 div.column_2 li.header_row_1,
div.p_table_1_13 div.column_2 li.header_row_2,
div.p_table_1_13 div.column_3 li.header_row_1,
div.p_table_1_13 div.column_3 li.header_row_2{
    background: #fff !important;
    border-bottom: 1px solid #e7e8e8 !important;
    border-top: 0 !important;
}
.page-template-pricing div.p_table_1.p_table_responsive .header_row_1 .css3_grid_vertical_align_table h2.col1{
    color: #3c413f !important;
    font-family: 'brandon_textmedium' !important;
    font-size: 18px !important;
}
div.p_table_1 div.caption_column li.header_row_2, 
div.p_table_1 div.column_1 li.header_row_2, 
div.p_table_1 div.column_2 li.header_row_2, 
div.p_table_1 div.column_3 li.header_row_2, 
div.p_table_1 div.column_4 li.header_row_2{
    height: 55px !important;
    padding:9px 0 !important;
} 

div.p_table_1 li.row_style_1 span,
div.p_table_1 li.row_style_2 span,
div.p_table_1 li.row_style_3 span,
div.p_table_1 li.row_style_4 span,
div.p_table_1 li.footer_row span{
    font-size: 15px !important;
    color: #3a4045 !important;
    font-family: 'brandon_text_regularregular';
}
.large-pricing div.p_table_1{
    display: inline-block;
    width: auto;
}
.column_1,.column_2{
    margin-right: 4px;
}

table.tabtable-rs_ddhfn5bd, table.tabtable-rs_ddhfn5bd tr, table.tabtable-rs_ddhfn5bd tr td.tabcol  { 
    border: none 
} 
table.tabtable-rs_ddhfn5bd tr.tabrow.tabrow td.col_width_1 { 
    width: 240px; 
}
table.tabtable-rs_ddhfn5bd tr.tabrow.tabrow td.col_width_2 { 
    width: 240px; 
}
table.tabtable-rs_ddhfn5bd tr.tabrow.tabrow td.col_width_3 { 
    width: 240px; 
}
table.tabtable-rs_ddhfn5bd tr.tabrow.tabrow td.col_width_4 { 
    width: 240px; 
}
table.tabtable-rs_ddhfn5bd  { 
    border-collapse:collapse;
    width:970px;
    background-color: transparent;
}
table.tabtable-rs_ddhfn5bd tr.tabrow td.tabcol { 
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    color: #ffffff;
    padding: 10px;
    background-color:#00974b;}
table.tabtable-rs_ddhfn5bd tr.tr_ht1 td.tabcol, 
table.tabtable-rs_ddhfn5bd tr.tr_ht1:hover td.tabcol, 
table.tabtable-rs_ddhfn5bd tr.tr_ht1 td.tabcol:hover  { 
    text-align: center;
    vertical-align: middle;
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    font-family: 'brandon_text_regularregular';
    color: #ffffff;
    background-color:#068244;
    padding: 20px 0;}

.price-start{
    display: inline-block;
    color: #fff;
    background: #2c3f52;
    font-size: 20px;
    font-family: 'brandon_textmedium';
    margin: 50px  auto;
    width: 260px;
    padding: 20px 0;
}

div.p_table_1_13 div.caption_column li.header_row_2,
div.p_table_1 li.row_style_4,
div.p_table_1_13 div.caption_column li.header_row_1,
div.p_table_1 li.footer_row{
    border-top: 0 !important;
    border-bottom: 0 !important;
    background: #f6f6f6 !important;
}
div.p_table_1 li.row_style_2,
div.p_table_1 li.row_style_4{
    background: #f6f6f6 !important ;
    border-bottom: 1px solid #e7e8e8 !important;
}
div.p_table_1 li.row_style_1 span, 
div.p_table_1 li.row_style_2 span, 
div.p_table_1 li.row_style_3 span, 
div.p_table_1 li.row_style_4 span{
    padding: 0 !important;
}
div.p_table_1 li.row_style_2 span.css3_grid_tooltip span,
div.p_table_1 li.row_style_4 span.css3_grid_tooltip span{
    padding: 10px 10px 12px 10px !important;
    color: #fff !important;
}
div.p_table_1 li span.css3_grid_vertical_align{
    padding: 0 10px !important;
}
div.p_table_1_13 div.caption_column li.header_row_2, div.p_table_1_14 div.caption_column li.header_row_2, div.p_table_1_15 div.caption_column li.header_row_2, div.p_table_1_16 div.caption_column li.header_row_2, div.p_table_1_17 div.caption_column li.header_row_2, div.p_table_1_18 div.caption_column li.header_row_2{
    border-bottom: 1px solid #e7e8e8 !important;
}
div.p_table_1 li.row_style_3,
div.p_table_1 li.row_style_1,
div.p_table_1 .column_2 li.row_style_4,
div.p_table_1 .column_2 li.row_style_2{
    background: #fff !important;
    border-bottom: 1px solid #e7e8e8 !important;
}
div.p_table_1_13 div.caption_column li.header_row_1{
    border-bottom: 1px solid #f6f6f6  !important;
}
div.p_table_1_13 div.column_1 li.header_row_1,
div.p_table_1_13 div.column_2 li.header_row_1,
div.p_table_1_13 div.column_3 li.header_row_1{
    border-bottom: 1px solid #fff !important;
}
div.p_table_1 li.footer_row{
    height: 55px !important;
    background: #fff !important;
}
div.p_table_1_13 .caption_column li.footer_row{
    background: #f6f6f6 !important;
    text-align: left;;
}
div.p_table_1_13 .caption_column li{
    text-align: left !important;
}
.css3_grid_tooltip i{
    font-size: 18px;
    color: #b9b9b9;
    float: right;
}
.caption_column li span{
    color: #3a4045 !important;
    font-family: 'brandon_textregular_italic' !important;
}
.caption_column li span strong{
    font-family: 'brandon_text_regularregular' !important;
}
.s-pricing{
    width: 720px;
    margin: 0 auto;
}
.s-pricing strong{
    color: #00974b !important;
    font-size: 18px;
}
table{
    border: 1px solid #d8d9da;
}
.dropdown-menu>li>a{
    font-size: 16px;
}
.table th,
.table td{
    color: #3a4045;
    font-family: 'brandon_textmedium';
    font-size: 20px;
    padding: 15px 25px;
}
.table td{
    font-size: 16px;
    font-family: 'brandon_text_regularregular';
    font-style: italic;
}
.s-pricing p{
    font-size: 22px;
    padding-right: 30px;
    font-family: 'brandon_textmedium';
    color: #3a4045;
    text-align: left;
}
.s-pricing p strong{
    font-family: 'brandon_textlight_italic';
    font-size: 18px;
    color: #3a4045 !important;
}
.table th,
.table td{
    width: 360px;
}
/*Customers*/
.page-template-customers {
    background:#3b4046;
}

.page-template-customers h2{
    margin-top: 170px;
    margin-bottom: 90px;
    font-size: 36px;
    font-family: 'brandon_text_regularregular';
    color: #fff;
    text-align: center;
}
.page-template-customers footer {
    margin-bottom: 0;
}
.customers {
    margin-bottom: 50px;
}
.customers li div.display-table{
    display: table;
    width: 100%;
}
.customers li div.table-cell{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 200px;
    width: 100%;
}
.customers img{
    max-width: 200px !important;
    max-height: 130px;
}

/*Forms*/
.w-logo{
    display: block;
    background: url(img/w-paylogo.png) no-repeat center;
    background-size: 120px;
    width: 120px;
    height: 40px;
    margin: 55px auto 75px auto;
}
.forms{
    background:#3b4046;
}
.forms footer{
    text-align: center;
    margin: 0;
    background:#3b4046;
    border: 0;
    padding: 15px 0;

}
.forms footer p.pull-right{
    opacity: 0;
}
.page-template-thanks footer{
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
}
.forms footer p,.forms footer a,
.note,.note a{
    font-size: 14px;
    font-family: 'brandon_text_regularregular';
    color: #fff;
    line-height: 36px;
}
.note a{
    font-family: 'brandon_textmedium';
    text-decoration: underline;
}
.note{
    text-align: center;
    margin:25px 0;
}
.forms footer p{
    margin: 0 25px;
}
.forms footer ul{
    display: inline-block;
    margin-bottom: 0;
}
.forms footer li{
    float: left;
    margin-right: 30px;
    margin-bottom: 0;
}
.forms footer li:last-child{
    float: left;
    margin-right: 0;
}

.thanks{
    width: 590px;
    padding: 70px 0 60px 0;
    background: #fff;
    margin: 0 auto;
    text-align: center;
    box-shadow: 0px 2px 18px 0px rgb( 0, 0, 0 );
    -webkit-box-shadow: 0px 2px 18px 0px rgb( 0, 0, 0 );
    -moz-box-shadow: 0px 2px 18px 0px rgb( 0, 0, 0 );

}

.thanks h1{
    color: #00974b;
    font-size: 40px;
    font-family: 'brandon_textbold';
    margin: 0;
}
.thanks h6,
.thanks h5{
    font-size: 26px;
    color: #383d3b;
    margin: 0;
    margin-bottom: 35px;
    font-family: 'brandon_text_regularregular';
}
.thanks h5,
.thanks .green-button{
    font-family: 'brandon_textmedium';
}
.green-button{

    background: #c7cbce;
    color: #3a4045;

    width: 225px;
    display: inline-block;
    line-height: 45px;
    height: 45px;
    font-size: 24px;
    color: #fff;
    font-family: 'brandon_textmedium';
    text-align: center;
    margin: 0;
    border-radius: 5px;
    border: 0;
}

.green-button:hover{
    background: #00974b;
    color: #fff;
}

/*Get Started*/
.get_started .green-button{
    font-size: 20px;
    width: 300px;
}
.get_started .signup-button{
    font-size: 24px;
    width: 220px;

}
.get_started.thanks{
    width: 406px;
    padding: 70px 30px 50px 30px;
    position: relative;
}
.thanks .close{
    position: absolute;
    top: 8px;
    right: 15px;
    font-size: 15px;
    font-family: 'brandon_textmedium';
}
.thanks .close i{
    margin-left: 5px;
}
.get_started h2,
.get_started h4{
    font-size: 30px;
    font-family: 'brandon_text_regularregular';
    color: #3a4045;
    margin: 0;
    margin-bottom: 36px;
}
.get_started h4{
    font-size: 20px;
}
.get_started li{
    padding-left: 30px;
    text-align: left;
    background: url(img/tick.png) no-repeat left top;
    font-size: 16px;
    color: #2b2e30;
    font-family: 'brandon_textmedium';
    margin-bottom: 30px;
}
span.orspan{
    color: #3a4045;
    font-size: 22px;
    font-family: 'brandon_text_regularregular';
    display: block;
    text-transform: uppercase;
    text-align: center;
    line-height: 50px;
}
form{
    width: 280px;
    margin: 0 auto;
}



/*Product Anmation*/
.da-thumbs {
    list-style: none;
    width: 575px;
    height: 600px;
    position: relative;
    margin: 20px auto;
    padding: 0;
}
.da-thumbs.team{
    width: 1100px;
}
.da-thumbs li {
    float: left;
    margin: 1px;
    /*	background: #fff;
            padding: 8px;*/
    position: relative;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.da-thumbs li a,
.da-thumbs li a img {
    display: block;
    position: relative;
}
.da-thumbs li a {
    overflow: hidden;
}
.da-thumbs li a div {
    position: absolute;
    background: #333;
    background: rgba(0, 151, 75, 0.95);
    width: 100%;
    height: 100%;
    z-index: 10000;
}
.da-thumbs.team li a div{
    background: rgba(0, 151, 75, 0.95);
}

.da-thumbs li a div span {
    display: table-cell;
    width: 284px;
    height: 284px;
    text-align: center;
    vertical-align: middle;
    padding: 10px 30px;
    font-size: 20px;
    font-family: 'brandon_textmedium';
    font-weight: normal;
    color: rgba(255,255,255,0.9);
}
.da-thumbs.team li a div span{
    width: 100%;
    height: auto;
    display: block;
    padding: 20px;
}
.da-thumbs.team li a div span p{    
    font-size: 18px;
    font-family: 'brandon_text_regularregular';
    text-align: left;
}
.da-thumbs li a div img{
    max-width: 145px;
    display: inline-block;
    margin-bottom: 20px;
}


.large-pricing-g,.small-pricing,.simple-pricing{
    display: none;
}
.large-pricing-g.active,.small-pricing.active,.simple-pricing.active{
    display: block;
}
.simple-pricing.active{
    padding-top: 0;
}
.how-work{
    overflow: hidden;
}
.horizontal-animation li{
    right: -10000px;
}
.horizontal-animation li.animated:after {
    opacity: 1;
}
.captchaContainer{
    position: relative;
    height: 78px;
    width: 304px;
    margin-bottom: 15px;
}
.notRobotText{
    background: none repeat scroll 0 0 #f9f9f9;
    height: 74px;
    left: 53px;
    line-height: 74px;
    position: absolute;
    text-align: left;
    top: 1px;
    width: 180px;
}
.sign_up form{
    width: 304px;
}
.simple-php-captcha img{
    float: left;
}
.simple-php-captcha input{
    float: right;
    margin-left: 0;
    margin-top: 41px;
    width: 130px;
}




/*Phase two*/

/*Press Release*/
.events h2,
.events h5{
    color: #3a4045;
    font-size: 30px;
    font-family: 'brandon_textbold';
    text-align: left;
}
.events h5,
.press-article h5{
    font-family: 'brandon_text_regularregular';
    font-size: 18px;
}
.events{
    padding: 0 80px;
}
.events figure{
    float: left;
    margin: 0 10px 10px 0;
}
.events figure:nth-child(8n+0){
    margin-right: 0;
}

.events figure img{
    width: 108px;
    height: 108px;
}

.back-link{
    display: block;
    text-align: left;
    margin-bottom: 60px;
    text-decoration: underline;
}

/*Careers*/
.jobs-head{
    margin-top: 70px;
    margin-bottom: 100px;
    text-align: center;
    color: #3a4045;
    font-family: 'brandon_text_regularregular';
    font-size: 36px;
}
.jobs h4{
    color: #3a4045;
    font-size: 26px;
    font-family: 'brandon_textmedium';
}
.jobs hr{
    width: 55px;
    height: 3px;
    background: #00974b;
    border-radius: 3px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-width: 0;
    border-style: solid none none;
    border-color: transparent;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
}
.jobs p{
    width: 440px;
    margin: 0 auto;
    color: #3a4045;
    font-size: 20px;
    font-family: 'brandon_text_regularregular';
    margin-bottom: 60px;
}
.jobs a{
    background: #3a4045;
    color: #fff;
    display: block;
    margin: 0 auto;
    width: 230px;
    height: 50px;
    line-height: 50px;
    font-size: 26px;
    font-family: 'brandon_textmedium';
    text-align: center;
}
.jobs a:hover{
    background: #00974b;
}
.jobs hr.gray{
    margin: 70px auto;
    width: 110px;
    border-top: 2px solid #e5e5e5;
    background: none;
    border-radius: 0;
}
.jobs li:nth-last-child(-n+2){
    margin-bottom: 50px;
}
.jobs li:nth-last-child(-n+2) hr.gray{
    display: none;
}
.dark-bg .thanks a,
.dark-bg .thanks label,
.dark-bg .thanks i,
.dark-bg .thanks input{
    color: #333;
}
.form-group{
    position: relative;
}
.form-group input[type="file"]{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    opacity: 0;
}
.form-group input.upload-file{
    background: url('img/upload.jpg') no-repeat right 10px center;
    padding-right: 100px;
}
textarea.form-control{
    height: 150px;
    max-height: 150px;
    min-height: 150px;
    max-width: 100%;
    min-width: 100%;
}
.get_started.thanks.careers {
    padding: 50px 30px;
}
/*Job Page*/
.job-details h1,
.fqa h1,
.job-details h5,
.job-details h4,
.job-details p,
.job-details li{
    color: #3a4045;
    font-size: 32px;
    font-family: 'brandon_text_regularregular';
}
.fqa h1,
.job-details h1{
    margin-bottom: 0;
    margin-top: 180px;
}
.job-details h5{
    color: #787b89;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 50px;
}
.job-details h4{
    font-size: 22px;
    font-family: 'brandon_textmedium';
    margin-bottom: 30px;
    margin-top: 0;
}
.job-details h4:last-of-type{
    margin-bottom: 25px;
}
.job-details p{
    font-size: 18px;
    margin-bottom: 80px;
}
.job-details p:last-of-type{
    margin-bottom: 50px;
}
.job-details li{
    font-size: 18px;
}
.job-details ul{
    list-style: disc;
    margin-bottom: 80px;
    margin-left: 20px;
}
.job-details form{
    width: 560px;
    margin: 0;
    margin-bottom: 100px;
}
.job-details label{
    display: inline-block;
    width: 135px;
    margin-right: 30px;
    text-align: right;
    line-height: 40px;
}
.job-details .form-control{
    display: inline-block;
    border-radius: 0;
    width: 250px;
    height: 40px;
}
.job-details .form-group input.upload-file{
    background: url('img/upload-inner.png') no-repeat 5px center ;
    padding-left: 100px;
}
.job-details .green-button{
    background: #3a4045;
    width: 250px;
    border-radius: 0;
    color: #fff;
    font-size: 26px;
    font-family: 'brandon_textmedium';
    height: 50px;
    line-height: 50px;
}
a.back-link.job-back {
    float: right;
    margin-top: -20px;
}


/*Help Page*/
.fqa-details{
    margin-top: 65px;
}

.accordion {
    font-size: 18px;
    color: #3a4045;
    font-family: 'brandon_textmedium';
    line-height: 60px;
    border-bottom:#c4c5c7 1px solid;
    cursor: pointer;
    padding-left: 30px;
    position: relative;
}
.accordion-open {
    border-bottom:#fff 1px solid;
}

.accordion span {
    display: block;
    float: left;
    height: 60px;
    width: 21px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -30px;
}
.accordion.accordion-open span {   
    background:url(img/openarrow.png) center center no-repeat;   
}

.accordion.accordion-close span {
    background:url(img/closed.png) center center no-repeat;
}

div.content {
    padding-left:60px;
    font-family: 'brandon_text_regularregular';
    font-size: 16px;
    border-bottom:#c4c5c7 1px solid;
    color: #3a4045;
}

.start-sec.submit{
    margin: 80px 0;
    padding: 0;
}


/*Media Menu*/
.menu-media-menu-container{
    margin: 70px 0;
    text-align: center;
}
.menu-media-menu-container ul{
    display: inline-block;
}
.menu-media-menu-container li{
    float: left;
    margin-right: 80px;
}
.menu-media-menu-container li:last-child{
    margin-right: 0;
}
.menu-media-menu-container li a{
    color: #3a4045;
    font-size: 20px;
    font-family: 'brandon_textmedium';
    display: block;
    padding-bottom: 10px;
    transition: all 1s;
}
.menu-media-menu-container li.current-menu-item a,
.menu-media-menu-container li a:hover{
    border-bottom: 2px solid #00974b;
}


/*Events*/
.events-list{
    padding: 0 60px;
}
.events-list li{
    float: left;
    margin-right: 25px;
    margin-bottom: 20px;

}
.events-list li a{
    display: table-cell;
    width: 310px;
    height: 115px;
    background: #f6f6f6;
    vertical-align: middle;
    text-align: center;
}
.events-list li a img{
    max-height: 50px;
    max-width: 125px;
}
.events-list li:nth-child(3n+0),
.videos-list li:nth-child(3n+0){
    margin-right: 0;
}


/*Press List*/

.press-list {
    margin: 0 auto 70px auto;

}
.press-list li{
    margin-bottom: 10px;
}
.press-list li:last-child{
    margin-bottom: 0;
}
.press-list li a{

    display: block;
    border: 1px solid #d5d9dc;
    padding: 30px 20px;
}
.press-list h2{
    font-size: 18px;
    font-family: 'brandon_text_regularregular';
    color: #272525;
    margin: 0;
}
.press-list li img{
    float: left;
    margin-right: 20px;
}

.press-article{
    text-align: left;
}
.press-article h5{
    margin-bottom: 50px;
    font-weight: bold;
}
.press-article .feat-list h5{
    margin-bottom: 20px;
}
.press-article p{
    font-size: 20px;
    line-height: 40px;
    color: #3a4045;
    font-family: 'brandon_text_regularregular';
    margin-bottom: 60px;
}
.feat-list li{
    float: left;
    margin-right: 25px;
    width: 85px;
    height: 85px;
}
.feat-list li img{
    width: 100%;
}

/*Media Kit*/ 
.media-kit li{

}
.media-kit div{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 250px;
    width: 250px;
    border: 1px solid #eee;
}
.media-kit img{
    max-width: 170px;
    height: auto;
}
.media-kit a{
    display: inline-block;
    margin: 10px 0;
}


/*Videos List*/
.videos-list{
    padding: 0 75px;
}
.videos-list li{
    float: left;
    width: 300px;
    background: #f6f6f6;
    padding: 10px;
    margin-right: 25px;
    margin-bottom: 20px;    
}
.videos-list li img{
    display: block;
    max-height: 50px;
    width: auto;
    margin: 15px 0;
}


/*Archive Links*/
.archive-links{
    display: block;
    text-align: center;   
    margin: 20px 0;
}
.archive-links li{
    display: inline-block;
}
.archive-links li a{
    text-decoration: underline;
}
.archive-links li a:after{
    display: inline-block;
    margin:  0 10px;
    content: "/";
}
.archive-links li:last-child a:after{
    display: none;
}

.error{
    color: red;
    margin: 0 0 15px;
    text-align: center;
}