/*
////////////////////////////////////////////////////////////////////////// 
//
// 00. HOME
//
////////////////////////////////////////////////////////////////////////// 
*/

#home-heading {
   min-height: 100%;
   padding-top: 100px;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
}

#home-heading h1 {
   margin: 10px 0 10px;
   font-size: 52px;
   letter-spacing: -1px;
}

#home-heading .btn {
   margin: 0;
}

#home-heading #video-link {
   display: inline-block;
   margin-top: 20px;
   margin-bottom: -110px;
}

#home-heading #home-image {
   margin-top: 30px;
   margin-bottom: -30px;
}

#content.home {
   padding-top: 0;
}

#stats.row {
    padding: 55px 0 35px;
}

#stats.row h2 {
    display: inline-block;
    color: #008FBE;
    font-size: 50px;
    font-weight: 700;
    line-height: 1em;
}

#stats.row p {
    display: inline-block;
    max-width: 115px;
    margin: 0 0 0 5px;
    color: #808080;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.1em;
}

#panels.row, #maximize.row {
    padding: 60px 0 70px;
}

#panels .panel-group {
    margin: 40px 0 0;
}
    
#panels .panel {
    position: relative;
    display: block;
    float: left;
    width: 290px;
    height: 290px;
    margin: 0 10px 10px 0;
    padding: 30px;
    color: #FFF;
    background: #FF9D74;
    border-radius: 3px;
    box-shadow: 0 2px 0 #00657F;
    -moz-box-shadow: 0 2px 0 #00657F;
    -webkit-box-shadow: 0 2px 0 #00657F;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    transition: background .7s, color .7s;
    -webkit-transition: background .7s, color .7s; /* Safari */
    overflow: hidden;
}

#panels .panel:hover {
   box-shadow: 0 2px 0 #AAA;
   -moz-box-shadow: 0 2px 0 #AAA;
   -webkit-box-shadow: 0 2px 0 #AAA;
}

#panels .panel:nth-child(2) {
    color: #FFF;
    background: #BBB;
}

#panels .panel:nth-child(3) {
    color: #FFF;
    background: #00BCDD;
}

#panels .panel:nth-child(4) {
    color: #FFF;
    background: #D4E356;
}

#panels .panel img.graphic {
    display: block;
    width: 170px;
    margin: -5px auto 0;
}

#panels .panel a {
    text-decoration: none;
}

#panels .panel h3 {
   color: #FFF;
   font-size: 28px;
   text-align: center;
   line-height: 1em;
   transition: color .7s;
   -webkit-transition: color .7s; /* Safari */
}

#panels .panel p {
    margin: -10px -12px 0 -12px;
    font-size: 11px;
    line-height: 1.2em;
}

#panels .panel .link {
    position: absolute;
    width: 100%;
    bottom: -60px;
    height: 60px;
    margin: 0 -30px;
    padding: 0 15px 0 8px;
    color: #FFF;
    background: #CCC;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    transition: margin-bottom .7s, background .7s;
    -webkit-transition: margin-bottom .7s, background .7s; /* Safari */    
}

#panels .panel .link:hover {
    background: #DDD;
    transition: background .7s;
    -webkit-transition: background .7s; /* Safari */    
}

#panels .panel .link img {
    display: block;
    float: left;
    width: 45px;
    margin-top: 8px;
}

#panels .panel .link span {
    display: block;
    float: right;
    margin: 21px 0;
    font-size: 14px;
    font-weight: 700;
}

#panels .panel .link span.arrow {
    font-size: 36px;
    font-weight: 500;
    margin: 3px 0 3px 4px;
}

#panels .panel .description {
    opacity: 0;
    visibility: hidden;
    height: 0;
    transition: opacity .7s;
    -webkit-transition: opacity .7s; /* Safari */
}

#panels .panel .description a {
    color: #008FBE;
}

#panels .panel .description ul {
   margin-left: 0;
}
  
#panels .panel .description ul li {
    min-height: 30px;
    margin-bottom: 3px;
    padding: 4px 0 0 35px;
    background: url(../upload/images/checkmark_orange.png) 0% 0% no-repeat;
    background-size: 27px;
    list-style: none !important;
    line-height: 1.2em;
}

#panels .panel:hover {
    display: block;
    float: left;
    margin: 0 10px 10px 0;
    color: #969595;
    background: #F9F9F9;
    border-radius: 3px;
    transition: background .7s, color .7s;
    -webkit-transition: background .7s, color .7s; /* Safari */
}

#panels .panel:hover img.graphic, #panels .panel:hover h3, #panels .panel:active img.graphic, #panels .panel:active h3 {
    opacity: 0;
    visibility: hidden;
    height: 0;
    transition: opacity .7s;
    -webkit-transition: opacity .7s; /* Safari */
}

#panels .panel:hover .link, #panels .panel:active .link {
    height: 60px;
    bottom: 0px;
    transition: bottom .7s;
    -webkit-transition: bottom .7s; /* Safari */
}

#panels .panel:hover .description, #panels .panel:active .description {
    opacity: 1;
    visibility: visible;
    height: 155px;
    margin-bottom: 0;
    padding: 15px 10px 0px 10px;
    transition: opacity .7s;
    -webkit-transition: opacity .7s; /* Safari */
}

#maximize .arrow, #panels .arrow {
   display: block;
   margin: -61px auto 40px;
}

#quotes .quote-content {
   display: block;
   float: left;
   position: relative;
   width: 100%;
   padding: 30px 55px;
   color: #666666;
   background: #FFF;
/*   border: 1px solid #E2E2E2;*/
   border-radius: 3px;
/*   box-shadow: 2px 2px 0px #E2E2E2;*/
   font-family: "Minion Pro", Times New Roman, serif;
   font-size: 24px;
   font-style: italic;
   line-height: 1.3em;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  overflow: visible;
}

#quotes .quote-content span.quote-mark {
   position: absolute;
   color: #EEE;
   font-size: 120px;
   line-height: .5em;
}

#quotes .quote-content span.quote-mark:first-child {
   top: 40px;
   left: 0px;
}

#quotes .quote-content span.quote-mark:nth-last-child(2) {
   bottom: -30px;
   right: 20px;
}

#quotes .quote-content img.quote-pointer_right {
   position: absolute;
   top: 30px;
   right: -45px;
}

#quotes .quote-content img.quote-pointer_down {
   position: absolute;
   left: 50px;
   bottom: -45px;
   margin: 0;
}

#quotes .author {
   display: block;
   float: right;
   width: 100%;
   padding: 25px 0 0 17px;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

#quotes .author h4 {
   margin: 16px 0 0 0;
}

#quotes .author h6 {
   color: #AFAFAF;
   font-size: 16px;
}

#quotes .author .avatar {
   display: block;
   float: left;
   width: 80px;
   height: 80px;
   margin-right: 15px;
   background: #233E94;
   border-radius: 50%;
   overflow: hidden;
}

#quotes .author.shopify .avatar {
   background: #96BF47;
}

#quotes .author.brinks .avatar {
   background: #233E94;
}

#quotes .author img.logo {
   margin: 28px auto;
}




@media only screen and (max-width : 1400px),
only screen and (max-device-width : 1400px) {
        
    #stats.row {
        padding: 50px 0;
    }
        
    #stats.row p {
        display: block;
        max-width: 200px;
        margin: -22px 0 0 2px;
    }
    
    #panels .panel-group {
        width: 600px;
        margin: 40px auto 30px;
    }
    
   #quotes .quote-content {
      font-size: 16px;
   }

}


@media only screen and (max-width : 1200px),
only screen and (max-device-width : 1200px) {

   #home-heading h1 {
      font-size: 40px;
   }

}

@media only screen and (max-width : 900px),
only screen and (max-device-width : 900px) {

   #home-heading {
      padding-top: 70px;
   }
   
   #home-heading #home-image {
      margin-bottom: -10px;
   }

    #stats.row {
        padding: 40px 0 20px;
    }
    
    #stats.row h2 {
        display: inline-block;
        color: #008FBE;
        font-size: 50px;
        font-weight: 700;
        line-height: 1em;
    }
    
    #stats.row p {
        display: inline-block;
        max-width: 110px;
        margin: 0 0 0 5px;
        color: #919395;
        font-size: 18px;
        font-weight: 200;
        line-height: 1.1em;
    }
    
   #quotes .quote-content {
      width: 100%;
   }
   
   #quotes .quote-content img.quote-pointer_right {
      display: none;
   }
   
   #quotes .quote-content img.quote-pointer_down {
      display: block;
   }
   
   #quotes .author {
      margin-top: 5px;
      margin-bottom: 30px;
   }
    
}

@media only screen and (max-width : 650px),
only screen and (max-device-width : 650px) {

   #home-heading {
      background-size: 1000px;
   }
   
   #home-heading h1 {
      font-size: 32px;
   }
   
   #home-heading p.large {
      font-size: 16px;
   }
   
   #home-heading #video-link {
      margin-top: 15px;
      margin-bottom: -95px;
   }
    
    #panels .panel-group {
        width: 300px;
        margin: 40px auto 30px;
    }
   
    #stats.row {
        padding: 40px 0 20px;
    }
    
    #stats.row h2 {
        margin-bottom: 0;
        font-size: 40px;
    }
    
    #stats.row p {
        margin: 0 0 20px 5px;
        font-size: 16px;
    }
    
}

@media only screen and (max-width : 500px),
only screen and (max-device-width : 500px) {

   #home-heading {
      padding-top: 55px;
   }
   
   #home-heading h1 {
      font-size: 28px;
   }
   
   #home-heading p.large {
      font-size: 14px;
      line-height: 1.3em;
   }
   
   #home-heading #home-image {
      max-width: 75%;
   }

    #stats.row {
        padding: 40px 0 20px;
    }
    
    #stats.row h2 {
        width: 90px;
        margin-bottom: 0;
        margin-left: 20%;
        text-align: right;
        font-size: 40px;
    }
    
    #stats.row p {
        max-width: 110px;
        margin: 0 0 20px 7px;
        font-size: 16px;
    }

}

@media only screen and (max-width : 400px),
only screen and (max-device-width : 400px) {
   
   #home-heading a.btn.orange, #home-heading .btn.orange {
      width: auto;
   }  
          
    #stats.row h2 {
        width: 70px;
        margin-bottom: 0;
        margin-left: 0;
        text-align: right;
        font-size: 30px;
    }
    
    #stats.row p {
        max-width: 190px;
        margin: 0 0 20px 7px;
        font-size: 16px;
        font-weight: 500;
    }
    
    #panels .panel-group {
        width: 250px;
    }
    
    #panels .panel {
        width: 250px;
        height: 250px;
        margin: 0 0 10px 0;
        padding: 20px;
    }
    
    #panels .panel img.graphic {
        width: 150px;
    }
       
    #panels .panel h3 {
        text-align: center;
        line-height: 1em;
        transition: color .7s;
        -webkit-transition: color .7s; /* Safari */
    }
    
    #panels .panel:hover .description, #panels .panel:active .description {
        padding: 10px 5px 0px 5px;
    }
    
    #panels .panel p {
        margin: -12px -4px 0 -4px;
        font-size: 10px;
        line-height: 1.2em;
    }
    
    #panels .panel .link {
        bottom: -45px;
        height: 45px;
        margin: 0 -20px;
        padding: 0 15px 0 4px;    
    }
    
    #panels .panel .link img {
        width: 40px;
        margin-top: 4px;
    }
    
    #panels .panel .link span {
        margin: 15px 0;
        font-size: 12px;
    }
    
    #panels .panel .link span.arrow {
        font-size: 28px;
        margin: 2px 0 2px 3px;
    }
    
    #panels .panel:hover .link, #panels .panel:active .link {
        height: 45px;
    }
    
   #quotes .quote-content {
      font-size: 14px;
   }
    
}

@media only screen and (max-width : 330px),
only screen and (max-device-width : 330px) {
    
 
    #stats.row p {
        max-width: 120px;
        font-size: 14px;
    }

    
}



/*
////////////////////////////////////////////////////////////////////////// 
//
// 01. FEATURES
//
////////////////////////////////////////////////////////////////////////// 
*/


/*--------------------- OVERVIEW ---------------------*/

#country-list #list{
   max-height: 400px;
   overflow: hidden;
   transition: max-height .8s;
   -webkit-transition: max-height .8s; /* Safari */
}

#country-list #list.expanded{
   max-height: 10000px;
   transition: max-height .8s;
   -webkit-transition: max-height .8s;
}

#country-list #list .list-group{
   display: block;
   float: left;
   width: 50%;   
}

#country-list #list .list-column{
   display: block;
   float: left;
   width: 45%;
   margin: 0 2.5%;
   padding-top: 5px; 
}

#country-list #list li {
   margin: 0 0 12px 0;
   padding-left: 37px;
   font-size: 14px;
   font-weight: 300;
   line-height: 16px;
   list-style: none;
   cursor: default;
   transition: font-weight.3s;
   -webkit-transition: font-weight .3s; /* Safari */
}

#country-list #list li.ofac {
   color: #CCC;
   font-style: italic;
}

#country-list #list li:hover {
   font-weight: 700;
   transition: font-weight.3s;
   -webkit-transition: font-weight .3s; /* Safari */
}

#country-list #list .ico {
   margin: -2px 0 0 -37px;
   opacity: .6;
   transition: opacity.3s;
   -webkit-transition: opacity .3s; /* Safari */
}

#country-list #list li.ofac .ico{
   opacity: .25;
   transition: opacity.3s;
   -webkit-transition: opacity .3s; /* Safari */
}

#country-list #list li:hover .ico {
   opacity: .9;
   transition: opacity.3s;
   -webkit-transition: opacity .3s; /* Safari */
}

#country-list #expand-list{
  display: block;
  padding: 10px;
  border-top: 1px solid #DDD;
  text-align: center;
}

#country-list #ofac{
   display: block;
   margin-top: 15px;
}

@media only screen and (max-width : 1100px),
only screen and (max-device-width : 1100px) {

   #features-heading .span-12 h1,
   #features-heading .span-12 span {
      display: block;
      max-width: 500px;
      margin: 0 auto 15px;
   }

}

@media only screen and (max-width : 900px),
only screen and (max-device-width : 900px) {

   #features-heading .span-12 h1,
   #features-heading .span-12 span {
      max-width: none;
   }
   
}

@media only screen and (max-width : 650px),
only screen and (max-device-width : 650px) {

   #country-list #list .list-column {
     width: 95%;
   }

}

@media only screen and (max-width :500px),
only screen and (max-device-width : 500px) {

   #checkout-options .container {
     width: 100%;
   }
   
   #checkout-options .span-12:nth-child(2) {
     width: 100%;
     margin: 0;
   }

}

@media only screen and (max-width : 400px),
only screen and (max-device-width : 400px) {

   #country-list #list .list-group {
     display: block;
     float: left;
     width: 100%;
   }
   
   #country-list .container {
      max-width: 250px;
   }

}

/*--------------------- INTERNATIONAL PAYMENTS ---------------------*/

#checkout-overview img {
    width: 350px;
}

/*
///// SELECTOR /////
*/

ul.selector {
    position: relative;
    width: 80%;
    min-width: 675px;
    height: 42px;
    margin: 25px auto 0 auto !important;
    z-index: 5;
}

ul.selector li {
    display: block;
    float: left;
    width: 33%;
    margin-right: 1px;
}

ul.selector li:last-child {
    margin-right: 0;
}

a.expand {
    display: block;
    padding: 8px 25px;
    font-weight: 700;
    text-align: center;
    transition: background .3s;
    -webkit-transition: background .3s; /* Safari */
    z-index: 5;
}

a.expand.active {
    padding: 7px 25px 10px;
}

a.expand:hover {
    border: none;
    text-decoration: none;
}

ul.selector li:first-child a.expand {
    border-radius: 3px 0 0 3px;
}

ul.selector li:last-child a.expand {
    border-radius: 0 3px 3px 0;
}

ul.selector li:first-child a.expand.active {
    border-radius: 3px 0 0 0;
}

ul.selector li:last-child a.expand.active {
    border-radius: 0 3px 0 0;
}


/*
///// LISTS /////
*/

#list-languages ul, #list-payments ul, #list-currencies ul, #list-unsupported-countries ul, #list-payout-methods ul, #list-payout-currencies ul {
    margin-bottom: 0;
    list-style: none !important;
}

#list-languages ul li, #list-payments ul li, #list-currencies ul li, #list-unsupported-countries ul li, #list-payout-methods ul li, #list-payout-currencies ul li {
    list-style: none !important;
}

#list-languages li:after, #list-unsupported-countries li:after {
    content: "";
    display: table;
    clear: both;
}

#list-languages li p, #list-unsupported-countries li p {
    float: left;
    font-size: 18px;
    line-height: 34px;
}

#list-languages li img, #list-unsupported-countries li img {
    float: left;
    width: 45px;
    margin-right: 10px;
/*    border: 1px solid #FFF;*/
    border-radius: 2px;
}

#list-currencies li span, #list-payout-currencies li span {
    display: inline-block;
    width: 53px;
    color: #FFF;
    font-weight: 700;
}


#list-payments li, #list-payout-methods li {
    float: left;
}

#list-payments li img, #list-payout-methods li img {
    width: 84px;
    margin-right: 7px;
    margin-bottom: 0;
}

/*
///// INTERNATIONAL OPTIONS /////
*/

#international-options .span-4 img {
    width: 220px;
    margin-bottom: 30px;
}

#international-options .span-4 h5 {
    min-height: 60px;
}

#international-options a.expand {
    color: #008FBE;
    background: #FFF;
    transition: background .3s;
    -webkit-transition: background .3s; /* Safari */
}

#international-options a.expand.active {
    color: #FFF;
    background: #008FBE;
    border: 1px solid #00657f;
    border-bottom: none;
    z-index: 5;
}

#international-options a.expand:hover {
    color: #FFF;
    background: #00BCDD;
    transition: background .3s;
    -webkit-transition: background .3s; /* Safari */
}

#international-options a.expand.active:hover {
    color: #FFF;
    background: #008FBE;
    transition: background .3s;
    -webkit-transition: background .3s; /* Safari */
}

#list-languages, #list-payments, #list-currencies {
    display: none;
    position: relative;
    margin-top: -70px;
    border-top: 1px solid #00657f;
    z-index: 0;
}

#list-languages {
    display: block;
}


/*
///// COUNTRIES /////
*/

#countries {
    padding: 100px 0;
    background: url(../upload/images/graphic_map-countries.png) 50% 70% no-repeat;
}

#countries a.expand {
    color: #FFF;
    background: #008FBE;
    transition: background .3s;
    -webkit-transition: background .3s; /* Safari */
}

#countries a.expand.active {
    color: #008FBE;
    background: #FFF;
    border: 1px solid #E6E6E6;
    border-bottom: none;
}

#countries a.expand:hover {
    color: #FFF;
    background: #00BCDD;
    border: none;
    transition: background .3s;
    -webkit-transition: background .3s; /* Safari */
}

#countries a.expand.active:hover {
    color: #008FBE;
    background: #FFF;
    border: 1px solid #E6E6E6;
    border-bottom: none;
}

#list-unsupported-countries, #list-payout-methods, #list-payout-currencies {
    display: none;
    position: relative;
    margin-top: -110px;
    border-top: 1px solid #E6E6E6;
    z-index: 0;
}

#list-unsupported-countries {
    display: block;
}

#list-payout-methods ul {
    max-width: 273px;
    margin: 0 auto;
}

#list-payout-currencies li span {
    color: #1A1A1A;
}

@media only screen and (max-width : 900px),
only screen and (max-device-width : 900px) {
    
    #international-heading.row {
        min-height: 180px;
    }
    
    #international-heading.row h1 {
        margin-top: 0px;
    }  
    
    #international-options .span-4 h5 {
        text-align: center;
        min-height: 0;
    }

    #international-options .span-4 img {
        margin-top: 20px;
    }
    
    #list-languages, #list-payments, #list-currencies {
        margin-top: -55px;
    }
    
}

@media only screen and (max-width : 800px),
only screen and (max-device-width : 800px) {
    
    ul.selector {
        width: 400px;
        min-width: 0;
        line-height: 1.1em;
        margin: 25px auto 0 auto !important;
    }
    
    a.expand {
        padding: 10px 15px;
    }
    
    a.expand.active {
        padding: 10px 15px 11px;
    }
    
}

@media only screen and (max-width : 600px),
only screen and (max-device-width : 600px) {
      
    #list-languages, #list-payments, #list-currencies {
        margin-top: -45px;
    }
    
    #list-languages img, #list-payments img, #list-currencies img {
        margin-right: 8px;
        margin-bottom: 10px;
    }
    
    #list-languages ul, #list-payments ul, #list-currencies ul {
        margin-bottom: 0px !important;
    }
    
}


@media only screen and (max-width : 530px),
only screen and (max-device-width : 530px) {
       
    ul.selector {
        width: 100%;
    }
    
}

@media only screen and (max-width : 400px),
only screen and (max-device-width : 400px) {
       
    a.expand {
        font-size: 12px;
        line-height: 1.1em;
    }
    
}

/*--------------------- HOSTED CHECKOUT ---------------------*/

#products-heading.row {
    background: #FAFAFA url(../upload/images/graphic_sales-increase.png) 50% 100% no-repeat;
}

#products-heading.row h1 {
    max-width: 1100px;
}

#products.row .product-description {
    min-height: 650px;
}

#products.row .product-description a:hover{
    text-decoration: none;
}

#products.row .product-description div {
    min-height: 170px;
}

#products.row img {
    width: 340px;
}

#products.row .v-line {
    display: block;
    margin: -60px auto -61px;
    width: 1px;
    height: 1440px;
    border-left: 1px solid #E6E6E6;
}

#products.row .feature-list {
    margin: 10px 0 0 0;
    color: #1a1a1a;
    list-style: none !important;
}

#products.row .feature-list .feature {
    display: block;
    width: 200px;
    margin: 10px auto;
    padding: 7px 5px 5px 40px;
    font-size: 18px;
}

#products.row .feature-list .feature.yes {
    background: url("../upload/images/checkmark_green.png") no-repeat 0 3px;
    color: #1A1A1A;
}

#products.row .feature-list .feature.no {
    background: url("../upload/images/checkmark_grey.png") no-repeat 0 3px;
    color: #CCCCCC;
}

#products.row .btn {
    display: block;
    width: 170px;
    margin: 40px auto;
}

#products.row .blurb {
    margin: 50px 0 0 0;
    text-align: center;
    font-family: "Minion Pro", Minion, Times New Roman, Cambria, Georgia, sans-serif;
    font-size: 32px;
    font-weight: normal;
    font-style: italic;
    line-height: 1.2em;
}

#customize .span-4 {
    padding-top: 60px;
}

#secure .span-7 {
    padding-top: 60px;
}

@media only screen and (max-width : 1300px),
only screen and (max-device-width : 1300px) {

   #products.row .product-description div {
       min-height: 195px;
   }

}

@media only screen and (max-width : 1200px),
only screen and (max-device-width : 1200px) {
    
    #products.row .product-description h2 {
        max-width: 250px;
    }
    
   #products.row .product-description div {
       min-height: 220px;
   }
    
}

@media only screen and (max-width : 1130px),
only screen and (max-device-width : 1130px) {
    
    #products.row .product-description {
        min-height: 700px;
    }
    
    #products.row .feature-list {
        margin-top: -40px;
    }
    
    #products.row .blurb {
        margin: 50px 0 0 0;
        font-size: 24px;
    }
  
}

@media only screen and (max-width : 960px),
only screen and (max-device-width : 960px) {

   #products.row .product-description div {
       min-height: 245px;
   }

}

@media only screen and (max-width : 900px),
only screen and (max-device-width : 900px) {
    
    #products.row .product-description {
        float: left;
        width: 45%;
        min-height: 0;
    }
    
   #products.row .product-description div {
       min-height: 0;
   }
    
    #products.row .feature-list {
        float: left;
        width: 45%;
        margin-top: 40px;
        margin-left: 10%;
    }
    
    #products.row .feature-list .feature {
        width: 100%;
    }
    
    #products.row .btn {
        float: left;
        margin: 20px 0 20px 16%;
    }
    
    #products.row .blurb {
        clear: both;
        margin: 20px 30px 0 30px;
    }
    
    #products.row .span-2 {
        width: 93.96%;
    }
    
    #products.row .v-line {
        margin: 60px auto;
        width: 100%;
        height: 1px;
        border-top: 1px solid #E6E6E6;
        border-left: none;
    }
    
    #international img {
        margin-bottom: 0;
    }
    
    #international .span-5 p {
        margin-bottom: 50px;
    }
    
    #customize .span-4 {
        padding-top: 0;
        margin-bottom: 40px;
    }
    
    #secure .span-7 {
        padding-top: 0;
    }

}

@media only screen and (max-width : 600px),
only screen and (max-device-width : 600px) {
    
    #products.row .product-description {
        float: none;
        width: 100%;
    }
    
    #products.row .feature-list {
        float: none;
        width: 100%;
        margin-top: 40px;
        margin-left: 0;
    }
    
    #products.row .feature-list .feature {
        width: 200px;
    }
    
    #products.row .btn {
        float: none;
        margin: 40px auto;
    }
    
    #products.row .blurb {
        clear: both;
        margin: 20px 30px 0 30px;
    }
    
    #products.row .span-2 {
        width: 93.96%;
    }
    
    #products.row .v-line {
        margin: 60px auto;
        width: 100%;
        height: 1px;
        border-top: 1px solid #E6E6E6;
        border-left: none;
    }

}

@media only screen and (max-width : 530px),
only screen and (max-device-width : 530px) {
       
    #products.row .span-2 {
        width: 90.00%;
    }
    
}

/*--------------------- PAYMENT API ---------------------*/

#api-heading.row {
    background: #F9F9F9 url(../upload/images/graphic_code-background.png) 50% 100% no-repeat;
}

#api-heading.row h1 {
    max-width: 1100px;
}

#api-heading.row h1 sup {
   padding: 6px 8px 5px;
   color: #959300;
   background: #d4e356;
   border-radius: 4px;
   font-size: 20%;
   font-weight: 700;
   letter-spacing: 0;
}

#api-heading.row .btn {
   height: 50px;
   margin-top: 20px;
   border-radius: 25px;
   line-height: 50px;
}

#api-summary .col a {
   clear: both;
   display: block;
   margin-bottom: 15px;
   padding-bottom: 15px;
   background: #transparent;
   -webkit-transition: background .3s;
   transition: background .3s;
}

#api-summary .col a:hover {
   text-decoration: none;
   background: #00657f;
   background: rgba(0, 101, 127, .4);
   border-radius: 6px;
   -webkit-transition: background .3s;
   transition: background .3s;
}

#api-summary .col img {
   max-width: 90px;
   float: left;
}

#api-summary .col h5,  #api-summary .col span {
   display: block;
   margin-bottom: 0;
   padding-left: 100px;
}

#api-summary .col h5 {
   padding-top: 15px;
}

#code {
   padding: 0;
}

#code img {
   margin-bottom: 15px;
}

#code h2 {
   text-align: center;
   margin-bottom: 0;
}

#code span.title {
   display: block;
   margin-bottom: 20px;
   color: #999;
   text-align: center;
}

#code p {
   min-height: 150px;
}

#code h5 {
   margin-bottom: 7px;
}

#client-side {
   padding: 60px 4% 60px 0;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
}

#server-side {
   padding: 60px 0 60px 4%;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
}

#api-language {
   float: right;
   width: 120px;
   min-width: 0;
   background: #CCC;
   border: none;
   border-radius: 3px 3px 0 0;
}

#pilot-form form {
   max-width: 450px;
   min-width: 280px;
   margin: 0 auto;
   padding: 40px;
   border: 1px solid #E6E6E6;
}

#first-name.form-group {
   float: left;
   width: 49%;
   margin-right: 2%;
}

#last-name.form-group {
   float: left;
   width: 49%;
}

#pilot-form input[type="text"], #pilot-form select {
   width: 100%;
   max-width: none;
   min-width: 0;
}

#pilot-form .btn {
   margin-top: 15px;
}

#pilot-form h2 {
   margin-top: 60px;
   font-size: 46px;
}

@media only screen and (max-width : 1300px),
only screen and (max-device-width : 1300px) {

   #api-summary .col a {
      clear: both;
      display: block;
      margin-bottom: 5px;
   }

   #api-summary .col a:first-child {
      margin-top: 0;
   }   

}

@media only screen and (max-width : 1050px),
only screen and (max-device-width : 1050px) {

   #api-summary .col img {
      max-width: 70px;
   }
   
   #api-summary .col h5, #api-summary .col span {
      padding-left: 80px;
   }
   
   #api-summary .col span {
      font-size: 14px;
   }

}

@media only screen and (max-width : 900px),
only screen and (max-device-width : 900px) {

   #api-summary .col a {
      float: left;
      clear: none;
      width: 27%;
      margin: 0 1.5% 30px;
      padding: 0 1.5% 15px;
   }

   #api-summary .col img {
      float: none;
      width: 150px;
      max-width: 100%;
      margin: 0 auto;
   }
   
   #api-summary .col h5, #api-summary .col span {
      float: none;
      padding-left: 0;
      text-align: center;
   }
      
   #client-side {
      padding: 45px 0;
      border-right: none;
      border-bottom: 1px solid #E6E6E6;
   }
   
   #server-side {
      padding: 45px 0;
   }
   
   #code p {
      min-height: 0;
      margin-bottom: 20px;
   }
   
   #pilot-form form {
      margin-top: 30px;
   }
    
}

@media only screen and (max-width : 576px),
only screen and (max-device-width : 576px) {

   #products-heading.row .btn {
      height: 40px;
      border-radius: 20px;
      font-size: 14px;
      line-height: 40px;
   }

   #api-summary .col a {
      float: none;
      clear: both;
      width: 100%;
      margin: 0 0 10px;
      padding: 0 0 15px 0;
   }
   
   #api-summary .col a:last-child {
      margin: 0 0 40px;
   }

   #api-summary .col img {
      float: left;
      width: 90px;
      max-width: 100%;
      margin: 0;
   }
   
   #api-summary .col h5, #api-summary .col span {
      padding-left: 100px;
      text-align: left;
   }

   #pilot-form .btn{
      width: 100%;
   }
   
}

/*--------------------- CUSTOM CHECKOUT ---------------------*/

#edit-heading ol {
    padding-left: 30px;
}

#theme-options.row img.arrow {
    display: block;
    margin: 60px auto -91px auto;
}

#theme-options.row .span-4 img {
    margin-top: 25px;
}

@media only screen and (max-width : 900px),
only screen and (max-device-width : 900px) {
    
    #theme-options.row img.arrow {
        margin: 40px auto -76px auto;
    }
    
}

@media only screen and (max-width : 600px),
only screen and (max-device-width : 600px) {
    
    #theme-options.row img.arrow {
        margin: 30px auto -66px auto;
    }
    
}

/*--------------------- RECURRING BILLING ---------------------*/

#recurring-heading.row img {
    width: 205px;
    margin: 20px auto 30px;
}

#recurring-heading.row p {
   max-width: 750px;
   margin: auto;
}

#recurring-features.row {
   padding: 60px 0;
}

#recurring-features.row .arrow {
   display: block;
   margin: -61px auto 40px;
}

#recurring-features .span-4 img {
   margin: 0 auto 10px;
}

@media only screen and (max-width : 500px),
only screen and (max-device-width : 500px) {

   #recurring-heading.row img {
       width: 130px;
       margin: 0 auto 15px;
   }
  
   #recurring-features .span-4 img {
      max-width: 200px;
   }
   
   #recurring-features .span-4 h5 {
      text-align: center;
   }
    
}

/*--------------------- 2CHECKOUT MOBILE ---------------------*/

#mobile-heading.row img {
    margin: -30px auto 10px;
}

#two-phones.row h2 {
    margin-top: 80px;
}

#two-phones.row img {
    margin: -40px auto;
}

#dashboard.row h2 {
    margin-top: 100px;
}

#dashboard.row img {
    margin: -40px auto;
}

#ipads.row h5 {
    margin-top: 20px;
}

#communicate.row h2 {
    margin-top: 40px;
}

#communicate.row img {
    margin: -40px auto;
}


@media only screen and (max-width : 900px),
only screen and (max-device-width : 900px) {
   
    #mobile-heading.row img {
        margin: -10px auto;
    }
    
    #two-phones.row h2 {
        margin-top: 30px;
    }
    
    #two-phones.row img {
        margin: -10px auto;
    }
    
    #dashboard.row h2 {
        margin-top: 0;
    }
    
    #dashboard.row img {
        margin: 10px auto;
    }
    
    #ipads.row h5 {
        text-align: center;
    }
    
    #communicate.row h2 {
        margin-top: 20px;
    }
    
    #communicate.row img {
        margin: -10px auto;
    }
    
}
    


/*
////////////////////////////////////////////////////////////////////////// 
//
// 02. PRICING
//
////////////////////////////////////////////////////////////////////////// 
*/

#pricing #top-heading {
   margin-top: -61px;
   padding-top: 120px;
   margin-bottom: -132px;
   padding-bottom: 192px;
   background: url('../upload/images/background_globe-grey.png') 50% 40% no-repeat;
}

#pricing #top-heading .span-10 {
    text-align: center;
}

/*--------------------- COUNTRY SELECT ---------------------*/

#pricing #top-heading .selectricWrapper {
   margin: 0 auto;
   width: 400px;
}

#pricing #top-heading #country, #pricing #top-heading .selectric {
   display: block;
   float: none;
   width: 100%;
   max-width: 400px;
   min-width: 0;
   height: 60px;
   margin: 0 auto;
   padding: 15px;
   color: #EEE;
   background: #AAA;
   border: 1px solid #AAA;
   border-radius: 3px 3px 0 0;
   font-size: 14px;
   text-align: left;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   transition: color, background, border, .3s;
   -webkit-transition: color, background, border, .3s;
   
}

#pricing #top-heading #country {
   width: 400px;
}

#pricing #top-heading #country:hover, #pricing #top-heading .selectric:hover {
   color: #FFF;
   border: 1px solid #888;
}

#pricing #top-heading #country:focus, #pricing #top-heading .selectricOpen .selectric {
   color: #FFF;
   background: #888;
   border: 1px solid #888;
}

#pricing #top-heading .ico {
   background: url('../upload/images/sprite_flags.png') 0 0 no-repeat;
}

#pricing #top-heading .selectric .ico {
   display: block;
   float: left;
   width: 30px;
   height: 20px;
   margin: 5px 0 5px 7px;
   overflow: hidden;
}

#pricing #top-heading .selectric p.label {
   margin-bottom: 0;
   padding: 6px 0 6px 6px;
   color: #eee;
   font-size: 14px;
}

#pricing #top-heading .selectric .button {
   right: 5px;
   top: 10px;
   width: 40px;
   height: 40px;
   color: #EEE;
   text-align: center;
   font: 30px/40px a;
}

#pricing #top-heading .selectric .button:after {
   content: none;
}

#pricing #top-heading .selectricItems {
   margin-top: 1px;
   background: #888;
   border: none;
   border-radius: 0 0 3px 3px;
   box-shadow: none;
}

#pricing #top-heading .selectricItems ul {
   margin: 0;
}

#pricing #top-heading .selectricItems li {
   display: block;
   margin: 0;
   padding: 5px 0 5px 23px;
   color: #EEE;
   border-top: none;
   border-bottom: 1px solid #999;
   font-size: 14px;
   text-align: left;
   vertical-align: top;
}

#pricing #top-heading .selectricItems li:hover {
   color: #FFF;
   background: #999;
}

#pricing #top-heading .selectricItems li.selected {
   color: #FFF;
   background: #00BCDD;
   border-bottom: 1px solid #00BCDD;
}

#pricing #top-heading .selectricItems .ico {
   display: inline-block;
   vertical-align: middle;
   zoom: 1;
   width: 30px;
   height: 20px;
   margin: -1px 7px 0 0;
}

#pricing #top-heading .ico-AX { background-position: -30px 0; }
#pricing #top-heading .ico-AF { background-position: -60px 0; }
#pricing #top-heading .ico-AL { background-position: -90px 0; }
#pricing #top-heading .ico-DZ { background-position: -120px 0; }

#pricing #top-heading .ico-AS { background-position: -0px -20px; }
#pricing #top-heading .ico-AN { background-position: -30px -20px; }
#pricing #top-heading .ico-AO { background-position: -60px -20px; }
#pricing #top-heading .ico-AI { background-position: -90px -20px; }
#pricing #top-heading .ico-AQ { background-position: -120px -20px; }

#pricing #top-heading .ico-AG { background-position: -0px -40px; }
#pricing #top-heading .ico-AR { background-position: -30px -40px; }
#pricing #top-heading .ico-AM { background-position: -60px -40px; }
#pricing #top-heading .ico-AW { background-position: -90px -40px; }
#pricing #top-heading .ico-AU { background-position: -120px -40px; }

#pricing #top-heading .ico-AT { background-position: -0px -60px; }
#pricing #top-heading .ico-AZ { background-position: -30px -60px; }
#pricing #top-heading .ico-BS { background-position: -60px -60px; }
#pricing #top-heading .ico-BH { background-position: -90px -60px; }
#pricing #top-heading .ico-BD { background-position: -120px -60px; }

#pricing #top-heading .ico-BB { background-position: -0px -80px; }
#pricing #top-heading .ico-BY { background-position: -30px -80px; }
#pricing #top-heading .ico-BE { background-position: -60px -80px; }
#pricing #top-heading .ico-BZ { background-position: -90px -80px; }
#pricing #top-heading .ico-BJ { background-position: -120px -80px; }

#pricing #top-heading .ico-BM { background-position: -0px -100px; }
#pricing #top-heading .ico-BT { background-position: -30px -100px; }
#pricing #top-heading .ico-BO { background-position: -60px -100px; }
#pricing #top-heading .ico-BQ { background-position: -90px -100px; }
#pricing #top-heading .ico-BA { background-position: -120px -100px; }

#pricing #top-heading .ico-BV { background-position: -0px -120px; }
#pricing #top-heading .ico-BW { background-position: -30px -120px; }
#pricing #top-heading .ico-BR { background-position: -60px -120px; }
#pricing #top-heading .ico-IO { background-position: -90px -120px; }
#pricing #top-heading .ico-BN { background-position: -120px -120px; }

#pricing #top-heading .ico-BG { background-position: -0px -140px; }
#pricing #top-heading .ico-BF { background-position: -30px -140px; }
#pricing #top-heading .ico-BI { background-position: -60px -140px; }
#pricing #top-heading .ico-KH { background-position: -90px -140px; }
#pricing #top-heading .ico-CM { background-position: -120px -140px; }

#pricing #top-heading .ico-CA { background-position: -0px -160px; }
#pricing #top-heading .ico-CV { background-position: -30px -160px; }
#pricing #top-heading .ico-KY { background-position: -60px -160px; }
#pricing #top-heading .ico-CF { background-position: -90px -160px; }
#pricing #top-heading .ico-TD { background-position: -120px -160px; }

#pricing #top-heading .ico-CL { background-position: -0px -180px; }
#pricing #top-heading .ico-CN { background-position: -30px -180px; }
#pricing #top-heading .ico-CX { background-position: -60px -180px; }
#pricing #top-heading .ico-CC { background-position: -90px -180px; }
#pricing #top-heading .ico-CO { background-position: -120px -180px }

#pricing #top-heading .ico-KM { background-position: -0px -200px }
#pricing #top-heading .ico-CG { background-position: -30px -200px }
#pricing #top-heading .ico-CD { background-position: -60px -200px }
#pricing #top-heading .ico-CK { background-position: -90px -200px }
#pricing #top-heading .ico-CR { background-position: -120px -200px }

#pricing #top-heading .ico-CI { background-position: -0px -220px }
#pricing #top-heading .ico-HR { background-position: -30px -220px }
#pricing #top-heading .ico-CU { background-position: -60px -220px }
#pricing #top-heading .ico-CY { background-position: -90px -220px }
#pricing #top-heading .ico-CZ { background-position: -120px -220px }


#pricing #top-heading .ico-DK { background-position: -0px -240px }
#pricing #top-heading .ico-DJ { background-position: -30px -240px }
#pricing #top-heading .ico-DM { background-position: -60px -240px }
#pricing #top-heading .ico-DO { background-position: -90px -240px }
#pricing #top-heading .ico-EC { background-position: -120px -240px }

#pricing #top-heading .ico-EG { background-position: -0px -260px }
#pricing #top-heading .ico-SV { background-position: -30px -260px }
#pricing #top-heading .ico-GQ { background-position: -60px -260px }
#pricing #top-heading .ico-ER { background-position: -90px -260px }
#pricing #top-heading .ico-EE { background-position: -120px -260px }

#pricing #top-heading .ico-ET { background-position: -0px -280px }
#pricing #top-heading .ico-FK { background-position: -30px -280px }
#pricing #top-heading .ico-FO { background-position: -60px -280px }
#pricing #top-heading .ico-FJ { background-position: -90px -280px }
#pricing #top-heading .ico-FI { background-position: -120px -280px }

#pricing #top-heading .ico-FR { background-position: -0px -300px }
#pricing #top-heading .ico-GY { background-position: -30px -300px }
#pricing #top-heading .ico-PF { background-position: -60px -300px }
#pricing #top-heading .ico-TF { background-position: -90px -300px }
#pricing #top-heading .ico-GA { background-position: -120px -300px }

#pricing #top-heading .ico-GB { background-position: -0px -320px }
#pricing #top-heading .ico-GE { background-position: -30px -320px }
#pricing #top-heading .ico-DE { background-position: -60px -320px }
#pricing #top-heading .ico-GH { background-position: -90px -320px }
#pricing #top-heading .ico-GI { background-position: -120px -320px }

#pricing #top-heading .ico-GR { background-position: -0px -340px }
#pricing #top-heading .ico-GL { background-position: -30px -340px }
#pricing #top-heading .ico-GD { background-position: -60px -340px }
#pricing #top-heading .ico-GP { background-position: -90px -340px }
#pricing #top-heading .ico-GU { background-position: -120px -340px }

#pricing #top-heading .ico-GT { background-position: -0px -360px }
#pricing #top-heading .ico-GG { background-position: -30px -360px }
#pricing #top-heading .ico-GN { background-position: -60px -360px }
#pricing #top-heading .ico-GW { background-position: -90px -360px }
#pricing #top-heading .ico-GY { background-position: -120px -360px }

#pricing #top-heading .ico-HT { background-position: -0px -380px }
#pricing #top-heading .ico-HM { background-position: -30px -380px }
#pricing #top-heading .ico-HN { background-position: -60px -380px }
#pricing #top-heading .ico-HK { background-position: -90px -380px }
#pricing #top-heading .ico-HU { background-position: -120px -380px }

#pricing #top-heading .ico-IS { background-position: -0px -400px }
#pricing #top-heading .ico-IN { background-position: -30px -400px }
#pricing #top-heading .ico-ID { background-position: -60px -400px }
#pricing #top-heading .ico-IR { background-position: -90px -400px }
#pricing #top-heading .ico-IQ { background-position: -120px -400px }

#pricing #top-heading .ico-IE { background-position: -0px -420px }
#pricing #top-heading .ico-IM { background-position: -30px -420px }
#pricing #top-heading .ico-IL { background-position: -60px -420px }
#pricing #top-heading .ico-IT { background-position: -90px -420px }
#pricing #top-heading .ico-JM { background-position: -120px -420px }

#pricing #top-heading .ico-JP { background-position: -0px -440px }
#pricing #top-heading .ico-JE { background-position: -30px -440px }
#pricing #top-heading .ico-JO { background-position: -60px -440px }
#pricing #top-heading .ico-KZ { background-position: -90px -440px }
#pricing #top-heading .ico-KE { background-position: -120px -440px }

#pricing #top-heading .ico-KI { background-position: -0px -460px }
#pricing #top-heading .ico-KP { background-position: -30px -460px }
#pricing #top-heading .ico-KR { background-position: -60px -460px }
#pricing #top-heading .ico-KS { background-position: -90px -460px }
#pricing #top-heading .ico-KW { background-position: -120px -460px }

#pricing #top-heading .ico-KG { background-position: -0px -480px }
#pricing #top-heading .ico-LA { background-position: -30px -480px }
#pricing #top-heading .ico-LV { background-position: -60px -480px }
#pricing #top-heading .ico-LB { background-position: -90px -480px }
#pricing #top-heading .ico-LS { background-position: -120px -480px }

#pricing #top-heading .ico-LR { background-position: -0px -500px }
#pricing #top-heading .ico-LY { background-position: -30px -500px }
#pricing #top-heading .ico-LI { background-position: -60px -500px }
#pricing #top-heading .ico-LT { background-position: -90px -500px }
#pricing #top-heading .ico-LU { background-position: -120px -500px }

#pricing #top-heading .ico-MO { background-position: -0px -520px }
#pricing #top-heading .ico-MK { background-position: -30px -520px }
#pricing #top-heading .ico-MG { background-position: -60px -520px }
#pricing #top-heading .ico-MW { background-position: -90px -520px }
#pricing #top-heading .ico-MY { background-position: -120px -520px }

#pricing #top-heading .ico-MV { background-position: -0px -540px }
#pricing #top-heading .ico-ML { background-position: -30px -540px }
#pricing #top-heading .ico-MT { background-position: -60px -540px }
#pricing #top-heading .ico-MH { background-position: -90px -540px }
#pricing #top-heading .ico-MQ { background-position: -120px -540px }

#pricing #top-heading .ico-MR { background-position: -0px -560px }
#pricing #top-heading .ico-MU { background-position: -30px -560px }
#pricing #top-heading .ico-YT { background-position: -60px -560px }
#pricing #top-heading .ico-MX { background-position: -90px -560px }
#pricing #top-heading .ico-FM { background-position: -120px -560px }

#pricing #top-heading .ico-MD { background-position: -0px -580px }
#pricing #top-heading .ico-MC { background-position: -30px -580px }
#pricing #top-heading .ico-MN { background-position: -60px -580px }
#pricing #top-heading .ico-ME { background-position: -90px -580px }
#pricing #top-heading .ico-MS { background-position: -120px -580px }

#pricing #top-heading .ico-MA { background-position: -0px -600px }
#pricing #top-heading .ico-MZ { background-position: -30px -600px }
#pricing #top-heading .ico-MM { background-position: -60px -600px }
#pricing #top-heading .ico-NA { background-position: -90px -600px }
#pricing #top-heading .ico-NR { background-position: -120px -600px }

#pricing #top-heading .ico-NP { background-position: -0px -620px }
#pricing #top-heading .ico-NL { background-position: -30px -620px }
#pricing #top-heading .ico-AN { background-position: -60px -620px }
#pricing #top-heading .ico-NC { background-position: -90px -620px }
#pricing #top-heading .ico-NZ { background-position: -120px -620px }

#pricing #top-heading .ico-NI { background-position: -0px -640px }
#pricing #top-heading .ico-NE { background-position: -30px -640px }
#pricing #top-heading .ico-NG { background-position: -60px -640px }
#pricing #top-heading .ico-NU { background-position: -90px -640px }
#pricing #top-heading .ico-NF { background-position: -120px -640px }

#pricing #top-heading .ico-MP { background-position: -0px -660px }
#pricing #top-heading .ico-NO { background-position: -30px -660px }
#pricing #top-heading .ico-OM { background-position: -60px -660px }
#pricing #top-heading .ico-PK { background-position: -90px -660px }
#pricing #top-heading .ico-PW { background-position: -120px -660px }

#pricing #top-heading .ico-PS { background-position: -0px -680px }
#pricing #top-heading .ico-PA { background-position: -30px -680px }
#pricing #top-heading .ico-PG { background-position: -60px -680px }
#pricing #top-heading .ico-PY { background-position: -90px -680px }
#pricing #top-heading .ico-PE { background-position: -120px -680px }

#pricing #top-heading .ico-PH { background-position: -0px -700px }
#pricing #top-heading .ico-PN { background-position: -30px -700px }
#pricing #top-heading .ico-PL { background-position: -60px -700px }
#pricing #top-heading .ico-PT { background-position: -90px -700px }
#pricing #top-heading .ico-PR { background-position: -120px -700px }

#pricing #top-heading .ico-QA { background-position: -0px -720px }
#pricing #top-heading .ico-RE { background-position: -30px -720px }
#pricing #top-heading .ico-RO { background-position: -60px -720px }
#pricing #top-heading .ico-RU { background-position: -90px -720px }
#pricing #top-heading .ico-RW { background-position: -120px -720px }

#pricing #top-heading .ico-SH { background-position: -0px -740px }
#pricing #top-heading .ico-KN { background-position: -30px -740px }
#pricing #top-heading .ico-LA { background-position: -60px -740px }
#pricing #top-heading .ico-PM { background-position: -90px -740px }
#pricing #top-heading .ico-VC { background-position: -120px -740px }

#pricing #top-heading .ico-WS { background-position: -0px -760px }
#pricing #top-heading .ico-SM { background-position: -30px -760px }
#pricing #top-heading .ico-ST { background-position: -60px -760px }
#pricing #top-heading .ico-SA { background-position: -90px -760px }
#pricing #top-heading .ico-SN { background-position: -120px -760px }

#pricing #top-heading .ico-RS { background-position: -0px -780px }
#pricing #top-heading .ico-CS { background-position: -30px -780px }
#pricing #top-heading .ico-SC { background-position: -60px -780px }
#pricing #top-heading .ico-SL { background-position: -90px -780px }
#pricing #top-heading .ico-SG { background-position: -120px -780px }

#pricing #top-heading .ico-SK { background-position: -0px -800px }
#pricing #top-heading .ico-SI { background-position: -30px -800px }
#pricing #top-heading .ico-SB { background-position: -60px -800px }
#pricing #top-heading .ico-SO { background-position: -90px -800px }
#pricing #top-heading .ico-ZA { background-position: -120px -800px }

#pricing #top-heading .ico-GS { background-position: -0px -820px }
#pricing #top-heading .ico-ES { background-position: -30px -820px }
#pricing #top-heading .ico-LK { background-position: -60px -820px }
#pricing #top-heading .ico-SD { background-position: -90px -820px }
#pricing #top-heading .ico-SR { background-position: -120px -820px }

#pricing #top-heading .ico-SJ { background-position: -0px -840px }
#pricing #top-heading .ico-SZ { background-position: -30px -840px }
#pricing #top-heading .ico-SE { background-position: -60px -840px }
#pricing #top-heading .ico-CH { background-position: -90px -840px }
#pricing #top-heading .ico-SY { background-position: -120px -840px }

#pricing #top-heading .ico-TW { background-position: -0px -860px }
#pricing #top-heading .ico-TJ { background-position: -30px -860px }
#pricing #top-heading .ico-TZ { background-position: -60px -860px }
#pricing #top-heading .ico-TH { background-position: -90px -860px }
#pricing #top-heading .ico-TL { background-position: -120px -860px }

#pricing #top-heading .ico-TG { background-position: -0px -880px }
#pricing #top-heading .ico-TK { background-position: -30px -880px }
#pricing #top-heading .ico-TO { background-position: -60px -880px }
#pricing #top-heading .ico-TT { background-position: -90px -880px }
#pricing #top-heading .ico-TN { background-position: -120px -880px }

#pricing #top-heading .ico-TR { background-position: -0px -900px }
#pricing #top-heading .ico-TM { background-position: -30px -900px }
#pricing #top-heading .ico-TC { background-position: -60px -900px }
#pricing #top-heading .ico-TV { background-position: -90px -900px }
#pricing #top-heading .ico-UG { background-position: -120px -900px }

#pricing #top-heading .ico-UA { background-position: -0px -920px }
#pricing #top-heading .ico-AE { background-position: -30px -920px }
#pricing #top-heading .ico-GB { background-position: -60px -920px }
#pricing #top-heading .ico-US { background-position: -90px -920px }
#pricing #top-heading .ico-UM { background-position: -120px -920px }

#pricing #top-heading .ico-UY { background-position: -0px -940px }
#pricing #top-heading .ico-UZ { background-position: -30px -940px }
#pricing #top-heading .ico-VU { background-position: -60px -940px }
#pricing #top-heading .ico-VA { background-position: -90px -940px }
#pricing #top-heading .ico-VE { background-position: -120px -940px }

#pricing #top-heading .ico-VN { background-position: -0px -960px }
#pricing #top-heading .ico-VG { background-position: -30px -960px }
#pricing #top-heading .ico-VI { background-position: -60px -960px }
#pricing #top-heading .ico-WF { background-position: -90px -960px }
#pricing #top-heading .ico-EH { background-position: -120px -960px }

#pricing #top-heading .ico-YE { background-position: -0px -980px }
#pricing #top-heading .ico-YU { background-position: -30px -980px }
#pricing #top-heading .ico-CD { background-position: -60px -980px }
#pricing #top-heading .ico-ZM { background-position: -90px -980px }
#pricing #top-heading .ico-ZW { background-position: -120px -980px }

#pricing #top-heading #country option {
   padding-left: 30px;
   background-repeat: no-repeat;
   background-position: bottom left;
}

/*--------------------- PRICING BRACKET ---------------------*/

#pricing-bracket {
   display: block;
   width: 400px;
   max-width: 100%;
   margin: 1px auto 20px;
   padding: 25px 0 30px;
   color: #EEE;
   background: #AAA;
   border-radius: 0 0 3px 3px;
   text-align: center;
}

#pricing-bracket h2 {
   margin-bottom: 0;
   color: #FFF;
}

#pricing-bracket p {
    margin: 0px;
    color: #EEE;
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    line-height: 1em;
}

#pricing-bracket a, #pricing-bracket a:visited {
   color: #EEE;
   text-decoration: underline;
}

#pricing #top-heading .btn {
    float: none;
    margin: 0 auto;
}

/*--------------------- VOLUME & DISCLAIMER ---------------------*/

#volume-pricing {
   padding: 35px 0;
   background: transparent;
   border-top: 1px solid #E6E6E6;
}

#volume-pricing h3 {
   margin-bottom: 0;
}

#volume-pricing p {
   margin-bottom: 0;
   font-size: 18px;
   line-height: 1.3em;
}

p#disclaimer {
    margin-top: 50px;
    margin-bottom: -30px;
    color: #a0a0a0;
    font-size: 12px;
    line-height: 1.2em;
    text-align: center;
}

/*--------------------- QUARTER LIST ---------------------*/

#pricing #quarter-list .span-6 {
   margin-bottom: 20px;
}

#pricing #quarter-list .span-6:nth-child(odd) {
   clear: both;
}

#quarter-list img {
   width: 35px;
   max-width: none;
}

#pricing #quarter-list .span-6 div {
   float: none;
   width: auto;
   margin-left: 0;
   padding: 4px 30px 0 55px;
}

#pricing #quarter-list .span-6 div h5 {
   margin-bottom: 4px;
}


@media only screen and (max-width : 1100px),
only screen and (max-device-width : 1100px) {

   #pricing #top-heading {
      padding-top: 80px;
   }
   
   #pricing #quarter-list .span-6 div h5 {
      margin-bottom: 5px;
   }
   
   #pricing #quarter-list .span-6 div p {
      margin-bottom: 0;
      font-size: 14px;
   }
   
}

@media only screen and (max-width : 900px),
only screen and (max-device-width : 900px) {

   #pricing #top-heading {
      margin-bottom: -125px;
      padding-bottom: 165px;
   }
    
}

@media only screen and (max-width : 650px),
only screen and (max-device-width : 650px) {

   #pricing #top-heading {
      margin-bottom: -179px;
      padding-bottom: 209px;
   }
    
}

@media only screen and (max-width : 500px),
only screen and (max-device-width : 500px) {

   #pricing #top-heading {
      margin-bottom: -153px;
      padding-bottom: 183px;
      background-size: 1200px;
      background-position: 30% 50%;
   }
  
   #pricing #top-heading #country {
      width: 250px;
      height: 40px;
      padding: 10px;
   }
   
   #pricing #top-heading .selectricWrapper {
      width: 250px;   
   }
   
   #pricing #top-heading .selectric {
      height: 40px;
      padding: 5px;
   }
   
   #pricing #top-heading .selectric .button {
      right: 0;
      top: 0;
   }
   
   #pricing-bracket {
      width: 250px;
      padding: 15px 0 20px;
   }
   
   #pricing-bracket h2 {
      font-size: 24px;
      letter-spacing: 0;
   }
   
   #pricing-bracket p {
      font-size: 14px;
   }
   
   #pricing #top-heading .btn {
      width: 250px;
      margin-top: -20px;
   }
   
   #pricing #quarter-list img {
      width: 70px;
      margin: 25px auto 20px;
   }

   #pricing #quarter-list .span-6 div {
      padding: 0;
   }
   
   #volume-pricing h3 {
      margin-bottom: 0;
      font-size: 18px;
      font-weight: 700;
      letter-spacing: 0;
   }
   
   #volume-pricing p {
      font-size: 16px;
   }
   
}


/*
////////////////////////////////////////////////////////////////////////// 
//
// 03. RESOURCES
//
////////////////////////////////////////////////////////////////////////// 
*/

/*--------------------- OVERVIEW ---------------------*/

#ecommerce-resources #search-bar {
   background: #FAFAFA url(../upload/images/graphic_resources.png) 50% 150% no-repeat;
}

#ecommerce-resources #search-bar .form-group {
   display: none;
}

#featured-content {
   overflow: hidden;
}

#featured-content .content-category {
   margin-bottom: 40px;
}

#featured-content ul#tabs {
   margin: 0 !important;
   list-style-type: none !important;
}

#featured-content ul#tabs li {
   display: inline-block;
   margin: 0 !important;
   padding: 0 30px 15px 0;
   list-style-type: none !important;
}
   
#featured-content ul#tabs li:last-child {
   padding-right: 0;
}

#featured-content ul#tabs li a {
   color: #333;
   font-size: 24px;
   font-weight: 700;
   transition: color .3s;
   -webkit-transition: color .3s;

}

#featured-content ul#tabs li a.inactive {
   color: #CCC;
   transition: color .3s;
   -webkit-transition: color .3s;

}

#featured-content ul#tabs li:hover a, #featured-content ul#tabs li:hover a.inactive {
   color: #008FBE;
   text-decoration: none;
   transition: color .3s;
   -webkit-transition: color .3s;
}

#featured-content .content-category ul {
   margin: 0 !important;
   list-style-type: none !important;
   border-top: 1px solid #E6E6E6;
}

#featured-content .content-category ul li {
   display: block;
   list-style-type: none !important;
   padding: 15px 0 20px;
   margin: 0  !important;
   border-bottom: 1px solid #E6E6E6;
}

#featured-content .content-image {
   display: block;
   position: relative;
   float: left;
   width: 100px;
   overflow: hidden;
}

#featured-content #case-studies_content .content-image {
   display: block;
   position: relative;
   float: left;
   width: 100px;
   height: 100px;
   border: 1px solid #E6E6E6;
   overflow: hidden;
}

#featured-content #case-studies_content .content-image img {
   max-width: 180%;
   margin: -5% -50% 0 0;
}

#featured-content .content-description {
   display: block;
   margin-top: 4px;
   padding-left: 120px;
}

#featured-content .content-description h4 {
   margin-bottom: 0;
   font-size: 21px;
}

#featured-content .content-description span.tags {
   display: block;
   margin-bottom: 10px;
   color: #AAA;
   font-size: 14px;
}

#featured-content .content-description p {
   margin-bottom: 10px;
}

.content-description a.btn.small {
   padding: 0 15px 0 10px;
}

.content-description .btn img {
   width: 20px;
   margin: 0 0 -6px 0;
}

#highlighted-content {
   margin-top: -60px;
   margin-bottom: -15000px;
   padding: 60px 35px 15000px 35px;
   border-left: 1px solid #E6E6E6;
   box-sizing: border-box;
}

#highlighted-content h5 {
   margin-bottom: 0;
}

#blog-highlight {
   margin-bottom: 50px;
}

#blog-highlight img {
   margin-bottom: 15px;
}

#blog-highlight #subscribe .btn {
   float: right;
   width: 110px;
   height: 35px;
   margin: 0;
   padding: 0;
   font-size: 14px;
   line-height: 35px;
}

#blog-highlight #subscribe input[type=text] {
   display: block;
   float: none;
   width: auto;
   margin-right: 115px;
}

#fraud-index img {
   width: 220px;
}

#additional-resources {
   padding: 0;
}

.resources-highlight:first-child {
   padding: 60px 40px 70px 0;
   border-right: 1px solid #E6E6E6;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

.resources-highlight:nth-child(2) {
   padding: 60px 0 70px 40px;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

.resources-highlight img {
   float: left;
}

.resources-highlight .content {
   float: left;
   width: 100%;
   margin-left: -85px;
   padding-left: 120px;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

.resources-highlight #subscribe {
   margin: 20px 0 0 0;
}

.resources-highlight #subscribe .btn {
   height: 35px;
   margin-left: 10px;
   line-height: 35px;
}

/*--------------------- CONTENT LIST ---------------------*/

.resources-list-item {
   padding: 40px 0;
   border-bottom: 1px solid #E6E6E6;
}

.resources-list-item:first-child {
   padding: 0 0 40px;
}

.resources-list-item img {
   display: block;
   float: left;
   width: 20%;
}

.resources-list-item .description {
   float: left;
   width: 75%;
   margin-left: 5%;
}

.resources-list-item .description p {
   font-size: 16px;
}

.resources-list-item .btn {
   height: 35px;
   font-size: 14px;
   line-height: 35px;
}

.resources-list-item .description img.icon {
   float: right;
   width: auto;
}


/*--------------------- GLOSSARY ---------------------*/

#glossary-index ul.none li {
   list-style: none;
}


/*--------------------- MOBILE ---------------------*/

@media only screen and (max-width : 1400px),
only screen and (max-device-width : 1400px) {

   #blog-highlight #subscribe {
      padding: 50px 0;
   }

   #blog-highlight #subscribe .btn {
      float: none;
      width: 100%;
      margin: 0;
   }

   #blog-highlight #subscribe input[type=text] {
      width: 100%;
      margin: -80px 0 0;
   }

}

@media only screen and (max-width : 1200px),
only screen and (max-device-width : 1200px) {

   .resources-highlight #subscribe .btn {
      width: 80%;
      max-width: 315px;
      margin: 50px 0 0 0;
   }

   .resources-highlight #subscribe input[type=text] {
      width: 80%;
      margin-top: -80px;
   }

}

@media only screen and (max-width : 1100px),
only screen and (max-device-width : 1100px) {

   #blog-highlight p.small, #fraud-index p.small {
      font-size: 14px;
   }
   
   #fraud-index h6 {
      display: block;
      font-size: 18px;
      line-height: 1.3em;
   }

}

@media only screen and (max-width : 900px),
only screen and (max-device-width : 900px) {
 
   #highlighted-content {
      margin-top: 0;
      margin-bottom: 30px;
      padding: 0;
      border-left: none;
   }
   
   #blog-highlight, #fraud-index {
      margin-bottom: 35px;
      padding: 0 0 35px;
      border-bottom: 1px solid #E6E6E6;
   }

   #blog-highlight img {
      float: left;
      padding-left: 7px;
   }
   
   #blog-highlight .content {
      padding-left: 120px;
      text-align: left;
   }

   #blog-highlight #subscribe {
      padding: 0;
   }

   #blog-highlight #subscribe .btn {
      float: right;
      width: 35%;
   }

   #blog-highlight #subscribe input[type=text] {
      width: 60%;
      max-width: none;
      min-width: 0;
      height: 35px;
      margin: 0;
   }
   
   #fraud-index .index-highlight {
      margin: 20px auto 0;
   }
   
   #fraud-index h6 {
      padding-left: 120px;
      text-align: left;
      margin-bottom: -70px;
   }
   
   #fraud-index img {
      float: left;
      width: 100px;
   }
   
   #fraud-index .content {
      text-align: left;
      margin-left: 120px;
      padding-top: 60px;
   }
   
   #fraud-index h5, #fraud-index p {
      margin-bottom: 0;
   }

   .resources-highlight:first-child {
      padding: 60px 0 30px 0;
      border: none;
   }
   
   .resources-highlight:nth-child(2) {
      padding: 30px 0 60px 0;
   }
   
   .resources-highlight #subscribe input[type=text] {
      min-width: 0;
      margin-top: -85px;
   }

}

@media only screen and (max-width : 600px),
only screen and (max-device-width : 600px) {

   #blog-highlight img {
      width: 80px;
      padding: 0;
   }
   
   #blog-highlight .content {
      padding-left: 100px;
   }
   
   #fraud-index h6 {
      padding-left: 100px;
   }

   #fraud-index img {
      width: 80px;
   }
   
   #fraud-index .content {
      margin-left: 100px;
   }

   .resources-highlight img {
      float: left;
      width: 60px;
   }
   
   .resources-highlight .content {
      margin-left: -60px;
      padding-left: 80px;
   }
   
   #featured-content ul#tabs li {
      padding: 0 10px 15px 0;
   }
   
   #featured-content ul#tabs li a {
      font-size: 21px;
   }
   
   #featured-content .content-image {
      width: 80px;
   }
   
   #featured-content #case-studies_content .content-image {
      width: 80px;
      height: 80px;
   }
   
   #featured-content .content-description {
      padding-left: 100px;
   }
   
   #featured-content .content-description span.tags {
      font-size: 12px;
   }
   
   #featured-content .content-description p {
      font-size: 14px;
   }

}

@media only screen and (max-width : 500px),
only screen and (max-device-width : 500px) {

   #blog-highlight #subscribe {
      padding: 50px 0;
   }
   
   #blog-highlight #subscribe .btn {
      float: none;
      width: 100%;
      margin: 0;
   }
   
   #blog-highlight #subscribe input[type=text] {
      width: 100%;
      margin: -80px 0 0;
   }

}

@media only screen and (max-width : 400px),
only screen and (max-device-width : 400px) {

   .resources-highlight img {
     display: block; 
      float: none;
      width: 85px;
      margin: 0 auto 30px auto;
   }
   
   .resources-highlight .content {
      margin-left: 0;
      padding-left: 0;
   }
   
   .resources-highlight .content h5 {
      text-align: center;
   }
   
   .resources-highlight #subscribe input[type=text], .resources-highlight #subscribe .btn {
      width: 100%;
      max-width: none;
      min-width: 0;
   }
     
   #featured-content ul#tabs li a {
      font-size: 16px;
   }
   
   #featured-content .content-description .btn {
      width: auto;
   }

}

/*
////////////////////////////////////////////////////////////////////////// 
//
// 04. DEVELOPERS
//
////////////////////////////////////////////////////////////////////////// 
*/

#developers-heading {
   margin-top: -60px;
   padding-top: 120px;
   background: #F9F9F9 url('../upload/images/background_globe-grey.png') 50% 40% no-repeat;
}

#developers-heading img {
   display: block;
   margin: 20px auto 30px;
}

#developers-heading h2 {
   font-weight: 700;
   font-size: 24px;
   line-height: 1.2em;
   margin-bottom: 10px;
   text-align: center;
}

#developers-faq h3 {
   margin-bottom: 35px;
}

#developers-faq ul {
   margin-bottom: 15px;
   list-style: disc !important;
   font-weight: 300;
}

#developers-faq ul li {
   list-style: disc;
}
 
#developers-faq #faq-list a {
   display: block;
   margin-bottom: 2px;
   padding: 4px 0 6px;
   border-bottom: 1px solid #E6E6E6;
}

#developers-faq #faq-list a:last-child, #developers-faq .faq-entry:last-child {
   border-bottom: none;
}

#developers-help h3 {
   margin-bottom: 10px;
}

/*--------------------- OVERVIEW ---------------------*/

@media only screen and (max-width : 1100px),
only screen and (max-device-width : 1100px) {

   #developers-heading p {
      font-size: 16px;
   }

}

@media only screen and (max-width : 900px),
only screen and (max-device-width : 900px) {

   #developers-heading {
      padding-top: 80px;
   }

   #developers-heading .span-3:nth-child(4) {
      clear: both;
   }
   
   #developers-faq #faq-list {
      margin-bottom: 30px;
   }

}

@media only screen and (max-width : 530px),
only screen and (max-device-width : 530px) {

   #developers-heading img {
      margin: 25px auto 20px;
      width: 70px;
   }   

}

@media only screen and (max-width: 500px),
only screen and (max-device-width: 500px) {

   #developers-heading {
      background-size: 1200px;
      background-position: 30% top;
   }
   
}
/*
////////////////////////////////////////////////////////////////////////// 
//
// 05. PARTNERS
//
////////////////////////////////////////////////////////////////////////// 
*/

/*--------------------- OVERVIEW ---------------------*/

/* container */
.partners .container { overflow:hidden; }
 
/* global/assets */
.partners #nav { backface-visibility:hidden; }
.partners .row h2 { margin-bottom:40px; }
.partners .row .large { font-weight:400; margin-bottom:40px; }
.partners .text-white { color:#fff; }
.partners .section-sm { padding:30px 0; }
.partners .nomargin { margin:0 !important; }
.partners .circle { display:block; width:42px; font-size:40px; font-weight:700; line-height:42px; text-align:center; border-radius:50%; margin:auto; padding:14px; }
.partners .circle.light-blue { color:#fff; background-color:#00bcdd; }
.partners .bottom-align { padding-bottom:0; }
.partners .bottom-align .base { margin-bottom:0px; }
.partners .bottom-align .base p, .partners .bottom-align .base img { display:block; margin-bottom:0; }
 
/* page header */
.partners .page-header { background-position:50% 100%; background-color:#f9f9f9; background-repeat:no-repeat; }

/* cta section */
.partners .cta { background-size:cover; background-position:50% 50%; background-color:#f9f9f9; background-repeat:no-repeat; }
.partners .cta p { display:block; max-width:650px; margin-left:auto; margin-right:auto; }

/* photo section */
.partners .photo { color:#fff; background-repeat:no-repeat; padding:30px 0; }
.partners .photo a { color:#fff; }
.partners .photo * { text-shadow:0 1px 1px rgba(28,103,127,.6); }
.partners-enterprise .photo { background-image:url(../upload/images/partners-enterprise-photo-bg.jpg); background-position:0 0;    background-color:#43a9be; }
.partners-developer  .photo { background-image:url(../upload/images/partners-developer-photo-bg.jpg);  background-position:100% 0; background-color:#578491; }
.partners-standard   .photo { background-image:url(../upload/images/partners-standard-photo-bg.jpg);   background-position:100% 0; background-color:#5b4a3f; }

/* viewport adjustments & helpers */
.partners .visible-mobile { display:none; }
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) {
  .partners .visible-mobile { display:block !important; }
  .partners .visible-desktop { display:none !important; }
  .partners .photo { padding:0; }
  .partners .photo .row { padding:60px 0; }
  .partners-enterprise .photo .row { background-color:rgba(67,169,190,.8); }
  .partners-developer  .photo .row { background-color:rgba(87,132,145,.8); }
  .partners-standard   .photo .row { background-color:rgba(91,74,63,.8); }
  .partners-standard   .photo { background-position:50% 50%; }
}
@media only screen and (max-width: 600px), only screen and (max-device-width: 600px) {
  .partners #secondary-navigation_box li { display:block; }
  .partners #secondary-navigation_box li a { width:auto; }
}
@media only screen and (min-width: 901px){
  .partners .page-header { background-size:contain; }
  .partners .right-align { text-align:right; }
  .partners .right-align img { float:right; }
  .partners .table { display:table; }
  .partners .table .span-6 { display:table-cell; float:none; height:100%; vertical-align:middle; padding-left:6%; margin-left:0; }
}

/**
 * Layouts
 */
.partners-default .page-header .container { max-width:720px; }

/* subpages */
.partners-subpage .page-header .container p { max-width:650px; margin-left:auto; margin-right:auto; }
.partners-subpage .page-header .container p .btn { padding-left:60px; padding-right:60px; }

/**
 * Page headers
 */
.partners-default    .page-header { background-image:url(../upload/images/partners-default-spotlight-bg.jpg); }
.partners-enterprise .page-header { background-image:url(../upload/images/partners-enterprise-spotlight-bg.jpg); }
.partners-developer  .page-header { background-image:url(../upload/images/partners-developer-spotlight-bg.jpg); }
.partners-standard   .page-header { background-image:url(../upload/images/partners-standard-spotlight-bg.jpg); }


/**
 * Callouts
 */
.partners-enterprise .cta { background-image:url(../upload/images/partners-enterprise-cta-bg.jpg); }
.partners-developer  .cta { background-image:url(../upload/images/partners-developer-cta-bg.jpg); }
.partners-standard   .cta { background-image:url(../upload/images/partners-standard-cta-bg.jpg); }


/**
 * CSS gallery
 */
.css-gallery { max-width:930px; height:0; text-align:center; position:relative; overflow:hidden; margin:auto; padding-bottom:9.4%; }
.css-gallery img { position:absolute; left:0; right:0; opacity:0;
  -webkit-animation:gallery-fade 12s infinite;
     -moz-animation:gallery-fade 12s infinite;
       -o-animation:gallery-fade 12s infinite;
          animation:gallery-fade 12s infinite;
}
.css-gallery img:nth-child(1) {
  -webkit-animation-delay:0s;
     -moz-animation-delay:0s;
       -o-animation-delay:0s;
          animation-delay:0s;
}
.css-gallery img:nth-child(2) {
  -webkit-animation-delay:6s;
     -moz-animation-delay:6s;
       -o-animation-delay:6s;
          animation-delay:6s;
}

/**
 * Keyframes
 */
@-webkit-keyframes gallery-fade {
  15%, 50% { opacity:1; }
  80%      { opacity:0; }
}
@-moz-keyframes gallery-fade {
  15%, 50% { opacity:1; }
  80%      { opacity:0; }
}
@-o-keyframes gallery-fade {
  15%, 50% { opacity:1; }
  80%      { opacity:0; }
}
@keyframes gallery-fade {   
  15%, 50% { opacity:1; }
  80%      { opacity:0; }
};

/*
////////////////////////////////////////////////////////////////////////// 
//
// 06. SUPPORT
//
////////////////////////////////////////////////////////////////////////// 
*/

/*--------------------- OVERVIEW ---------------------*/

#support-heading.row .blurb, #contact-heading.row .blurb {
    max-width: 60%;
}

#support-heading.row a {
    position: relative;
    z-index: 10;
}

.support-image {
    float: left;
    width: auto;
    height: auto;
    margin: -150px 50px -61px -450px;
    overflow: hidden;
    z-index: 50;
}

.support-image img {
    position: relative;
    max-width: none;
    width: 1200px;
    margin: -50px 20px -150px 20px;
    z-index: 0;
}

#salesforce-iframe {
   height:420px;
   width:100%;
}

@media only screen and (max-width : 976px),
only screen and (max-device-width : 976px) {

    .support-image {
        float: right;
        margin: 0px -350px -61px 0px;
    }
    
    .support-image img {
        max-width: none;
        width: 1000px;
        margin: -50px 20px -20px 0px;
    }
    
}

@media only screen and (max-width : 900px),
only screen and (max-device-width : 900px) {
  
    #support-heading.row .span-5 {
        overflow: visible;
    }
    
    #support-heading.row .blurb, #contact-heading.row .blurb {
        max-width: 100%;
    }

    .support-image {
        float: right;
        margin: 0px 0px -46px 0px;
        overflow: visible;
    }
    
    .support-image img {
        max-width: 100%;
        width: 1000px;
        margin: -25px 20px 0px 0px;
    }
    
    #salesforce-iframe {
        height: 940px;
    }
}

@media only screen and (max-width : 650px),
only screen and (max-device-width : 650px) {

   #salesforce-iframe {
        height: 940px;
    }
}

@media only screen and (max-width : 600px),
only screen and (max-device-width : 600px) {
   
    .support-image {
        float: left;
        margin: 0px auto -36px auto;
    }
    
    .support-image img {
        width: 100%;
        max-width: 700px;
        min-width: 450px;
        margin: -25px auto 0px auto;
    }
    
}

/*--------------------- FAQ ---------------------*/

#faq-heading.row .col {
    margin-top: -1px;
    margin-bottom: 0;
}

#faq-heading.row .span-6 {
    border-top: 1px solid #E6E6E6;
}

#faq-heading.row h1 {
    text-align: center;
}

#faq-heading.row a {
   display: block;
    padding: 10px 0;
    font-size: 18px;
}

.faq-entry {
    position: relative;
    margin-bottom: 35px;
    padding-bottom: 15px;
    border-bottom: 1px solid #E6E6E6;
}

.faq-entry ul {
    padding-left: 17px;
}

.faq-entry p {
    font-size: 16px;
}

.faq-entry h3 {
    margin-bottom: 8px;
}

.faq-anchor {
    position: absolute;
    top: -110px;
}

@media only screen and (max-width : 900px),
only screen and (max-device-width : 900px) {

   #faq-heading.row a {
       padding: 7px 0;
       font-size: 16px;
   }

}

@media only screen and (max-width : 500px),
only screen and (max-device-width : 500px) {

   #faq-heading.row a {
       padding: 6px 0;
       font-size: 14px;
   }

}

/*--------------------- CONTACT ---------------------*/

span#warning-message {
   display: block;
   margin: -40px 0 80px;
   padding: 20px;
   background: #f9f6ca;
   border: 1px solid #ffca07;
   border-radius: 3px;
   font-size: 14px;
   text-align: center;
}

.contact-image {
    float: left;
    width: auto;
    height: auto;
    margin: -110px 50px -61px -450px;
    overflow: hidden;
    z-index: 50;
}

.contact-image img {
    max-width: none;
    width: 1200px;
    margin: -60px 20px -80px 0px;
}

#contact-map.row {
    min-height: 500px;
    background: #FFFFFF url(../upload/images/contact-map.png) top center no-repeat;
}

#contact-map.row #addresses {
    position: relative;
    width: 700px;
    height: 340px;
    margin: 0 auto;
}

#contact-map.row #addresses .address {
    width: 186px;
    height: 74px;
    padding: 20px;
}

#contact-map.row #addresses .address p {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4em;
}

#contact-map.row #addresses .address.us {
    position: absolute;
    left: 33px;
    top: 92px;
}

#contact-map.row #addresses .address.ireland {
    position: absolute;
    left: 331px;
    top: -25px;
    width: 225px;
}

#contact-map.row #addresses .address.hong_kong {
    position: absolute;
    left: 467px;
    top: 160px;
}

#contact-map.row .phone p {
    float: left;
    margin-right: 10%;
}


@media only screen and (max-width : 976px),
only screen and (max-device-width : 976px) {
    
    #contact-heading.row {
        padding-top: 140px;
    }
    
    .contact-image {
        float: right;
        margin: 0px -350px -61px 0px;
    }
    
    .contact-image img {
        max-width: none;
        width: 1000px;
        margin: -50px 20px -20px 0px;
    }
    
}

@media only screen and (max-width : 900px),
only screen and (max-device-width : 900px) {
  
   span#warning-message {
      margin: -40px 0 30px;
   }

    #contact-heading.row .span-5 {
        overflow: visible;
    }

    .contact-image {
        float: right;
        margin: 0px 0px -46px 0px;
        overflow: visible;
    }
    
    .contact-image img {
        max-width: 100%;
        width: 1000px;
        margin: -25px 20px 0px 0px;
    }
    
    #contact-map.row #addresses {
        margin-top: 10px;
    }
    
}

@media only screen and (max-width : 750px),
only screen and (max-device-width : 750px) {

    
    #contact-map.row {
        min-height: 500px;
        background: #FFFFFF url(../upload/images/contact-map-mobile.png) top center no-repeat;
    }
    
    #contact-map.row #addresses {
        width: auto;
        height: 340px;
        margin: 0 auto;
    }
    
    #contact-map.row #addresses .address, #contact-map.row #addresses .address.ireland {
        width: 93.96%;
        height: auto;
        margin: 0 3% 30px 3%;
        background: #41C3DC;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
    }
    
    #contact-map.row #addresses .address p {
        font-size: 16px;
    }
    
    #contact-map.row #addresses .address.us, #contact-map.row #addresses .address.ireland, #contact-map.row #addresses .address.hong_kong {
        position: static;
        float: left;
        left: auto;
        top: auto;
    }
       
    #contact-map.row .phone p {
        float: left;
        margin-right: 10%;
    }
    
}

@media only screen and (max-width : 600px),
only screen and (max-device-width : 600px) {

    #contact-heading.row {
        padding-top: 140px;
    }
    
    .contact-image {
        float: left;
        margin: 0px auto -36px auto;
    }
    
    .contact-image img {
        width: 100%;
        max-width: 700px;
        min-width: 450px;
        margin: -25px auto 0px auto;
    }
    
}

@media only screen and (max-width : 530px),
only screen and (max-device-width : 530px) {

   span#warning-message {
      margin: 0px 0 20px;
   }
    
    #contact-heading.row {
        padding-top: 90px;
    }
    
}

/*--------------------- POLICIES ---------------------*/

#policies.row a {
    display: block;
    margin-bottom: 2px;
    padding: 12px 12px 12px 38px;
    background: url(../upload/images/policies_icon.png) 2% 50% no-repeat;
    background-size: 22px auto;
    font-size: 21px;
}

#policies.row a:hover {
    background: #FAFAFA url(../upload/images/policies_icon.png) 2% 50% no-repeat;
    background-size: 22px auto;
}

#policies.row p.fineprint {
   margin-top: 20px;
   text-align: center;
} 

@media only screen and (max-width : 600px),
only screen and (max-device-width : 600px) {
    
    #policies.row a {
        background: url(../upload/images/policies_icon.png) 2% 50% no-repeat;
        background-size: 22px auto;
        font-size: 18px;
    }
    
    #policies.row a:hover {
        background: #FAFAFA url(../upload/images/policies_icon.png) 2% 50% no-repeat;
        background-size: 22px auto;
    }
    
}


/*
////////////////////////////////////////////////////////////////////////// 
//
// 07. COMPANY
//
////////////////////////////////////////////////////////////////////////// 
*/

/*--------------------- ABOUT ---------------------*/

#about-heading.row {
   min-height: 230px;
   color: #FFF;
   background: url(../upload/images/image_office-2.jpg) 50% 80% no-repeat;
   background-size: 2100px;
}

#about-summary.row .stat {
   margin-bottom: 20px;
}

#about-summary.row .stat h5 {
   margin-bottom: 0;
}

#about-summary.row .stat span {
   display: block;
   font-size: 14px;
   line-height: 1.3em;
}

#press-releases h5 {
   margin: 20px 0 10px;
   padding-bottom: 3px;
   border-bottom: 1px solid #E6E6E6;
   font-size: 16px;
}

#press-releases .press-release .title {
   display: block;
   padding: 5px 30px 9px 120px;
   background: url('/upload/images/icon_document_PDF.png') 100% -5% no-repeat;
   background-size: 28px;
   font-size: 16px;
   line-height: 1.2em;
   overflow: visible;
}

#press-releases .press-release .date {
   display: block;
   float: left;
   width: 120px;
   margin-right: -120px;
   padding: 5px 0 9px;
   color: #999;
   font-size: 16px;
   font-weight: 500;
   letter-spacing: 1px;
   line-height: 1.2em;
}

#media-contact {
   text-align: center;
}

#media-contact .avatar {
   width: 110px;
   margin-bottom: 15px;
   border-radius: 50%;
}

#media-contact h5 {
   margin-bottom: 5px;
}

#history #timeline {
   position: relative;
}

#history #timeline ul {
   position: relative;
   margin: -60px 0 -61px 75px;
   padding: 60px 0;
   border-left: 2px solid #E2E2E2; 
   z-index: 20;
}

#history #timeline ul li {
   margin-left: 13px;
   padding-left: 5px;
   list-style-image: url('/upload/images/icon_li-disc_grey.png');
}

#history #timeline ul li.year {
   margin: -15px 0 20px -65px;
   padding-left: 0;
   border-bottom: 1px solid #E6E6E6;
   font-weight: 700;
   list-style: none;
}

#history #timeline ul li.event {
   margin-bottom: 7px;
}

#history #timeline ul li.event .description {
   display: block;
   font-size: 16px;
}

#history #timeline ul li.event .month {
   display: block;
   color: #AFAFAF;
   font-size: 12px;
   font-weight: 500;
   text-transform: uppercase;
}

#personnel.row {
   background: url(../upload/images/image_employees-2.jpg) 50% 60% no-repeat;
   background-size: 2100px;
}

#personnel a {
 color: #FFF;
}

@media only screen and (max-width : 900px),
only screen and (max-device-width : 900px) {

   #media-contact {
      padding-top: 50px;
      text-align: left;
   }
     
   #media-contact .avatar {
      float: left;
      margin-right: -110px;
   }
   
   #media-contact h5, #media-contact ul {
      display: block;
      padding-left: 140px;
   }
   
   #media-contact h5 {
      margin-top: 35px;
     
   }
   
   #history h2 {
      margin-left: 93px;
   }
   
   #history #timeline ul {
      margin: -101px 0 -46px 75px;
      padding-top: 100px;
   }
   
   #personnel.row {
      background-size: 1200px;
   }
    
}

@media only screen and (max-width : 600px),
only screen and (max-device-width : 600px) {

   #history #timeline ul {
      margin: -91px 0 -36px 75px;
   }
    
}

@media only screen and (max-width : 530px),
only screen and (max-device-width : 530px) {
    
   #press-releases .press-release .title {
      padding: 0 30px 8px 0;
   }
   
   #press-releases .press-release .date {
      float: none;
      margin-right: 0;
      padding: 7px 0 0px;
      font-size: 12px;
   }
   
   #history #timeline ul {
      margin: -91px 0 -36px 60px;
   }
   
   #history h2 {
      margin-left: 78px;
   }
    
}

/*--------------------- LEADERSHIP ---------------------*/

#leadership-heading.row {
    min-height: 200px;
    padding-top: 130px;
    color: #FFF;
    background: url(../upload/images/image_conference-room.jpg) 50% 0% no-repeat;
}

#executive-committee .container .col:nth-child(3), #executive-committee .container .col:nth-child(5), #executive-committee .container .col:nth-child(7) {
    clear: both;
}

#executive-committee img {
    float: left;
    width: 30%;
    margin: 0 30px 30px 0;
    border-radius: 50%;
}

#executive-committee .name h3, #bod h3, #bod h5 {
    margin-bottom: 0px;
}

#executive-committee .bio {
    margin-bottom: 45px;
}

#bod p {
    margin-bottom: 40px;
}



/*--------------------- CAREERS ---------------------*/

#careers-heading.row {
    min-height: 200px;
    padding-top: 130px;
    color: #FFF;
    background: url(../upload/images/image_employees.jpg) 50% 40% no-repeat;
}

#who-we-are ul {
    max-width: 812px;
    margin: 30px auto 0;
}

#who-we-are ul li {
    float: left;
    display: block;
    width: 230px;
    height: 230px;
    margin: 0 20px 40px;
    padding: 80px 15px 0px;
    border-radius: 50%;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

#who-we-are ul li h5 {
    margin-bottom: 0;
}

#who-we-are ul li p {
    font-size: 16px;
    line-height: 1.1em;
}

#who-we-are ul li:nth-child(1) {
    color: #AFDDEB;
    background: #008fbe;
}

#who-we-are ul li:nth-child(1) h5 {
    color: #FFF;
}

#who-we-are ul li:nth-child(2) {
    color: #1A1A1A;
    background: #C3D500;
}

#who-we-are ul li:nth-child(2) h5 {
    color: #1A1A1A;
}

#who-we-are ul li:nth-child(3) {
    color: #FBBA8F;
    background: #AD431C;
}

#who-we-are ul li:nth-child(3) h5 {
    color: #FFF;
}

#who-we-are ul li:nth-child(4) {
    color: #FBBA8F;
    background: #E75200;
}

#who-we-are ul li:nth-child(4) h5 {
    color: #FFF;
}

#who-we-are ul li:nth-child(5) {
    color: #A7D5E3;
    background: #00657F;
}

#who-we-are ul li:nth-child(5) h5 {
    color: #FFF;
}

#who-we-are ul li:nth-child(6) {
    color: #E4E76C;
    background: #959300;
}

#who-we-are ul li:nth-child(6) h5 {
    color: #FFF;
}

#different.row svg {
    width: 50px;
    height: 50px;
    margin: 0 0 -7px 70px;
}

#different.row polygon {
    fill: #F9F9F9;
}

#different blockquote {
    border: none;
}

#different blockquote p {
    font-family: "Minion Pro", Times New Roman, serif;
    font-size: 50px;
    line-height: 1.2em;
    text-align: center;
}

@media only screen and (max-width : 700px),
only screen and (max-device-width : 700px) {
    
    #careers-heading.row {
        background-size: 1400px;
    }
    
    #who-we-are ul {
        max-width: 420px;
    }
    
    #who-we-are ul li {
        width: 180px;
        height: 180px;
        margin: 0 15px 40px;
        padding: 60px 15px 0px;
    }
    
    #who-we-are ul li p {
        font-size: 14px !important;
    }
    
    #different blockquote p {
        font-size: 36px;
    }
    
}

@media only screen and (max-width : 530px),
only screen and (max-device-width : 530px) {
    
    #who-we-are ul {
        max-width: 200px;
    }
    
    #who-we-are ul li {
        width: 200px;
        height: 200px;
        margin: 0 0 25px 0;
        padding: 75px 15px 0px;
    }
    
    #who-we-are ul li p {
        font-size: 14px !important;
    }
    
}

/*--------------------- JOB POSTINGS ---------------------*/

#job-list #resume {
   background: #FFF;
   border: 1px solid #E6E6E6;
   text-align: center;
}

#job-list #resume p {
   margin: 15px;
}

#job-list ul {
   list-style-type: none !important;
   border-top: 1px solid #E6E6E6;
   margin-left: 0 !important;
}

#job-list ul li {
   margin: 0  !important;
   padding: 5px 0;
   list-style-type: none !important;
   border-bottom: 1px solid #E6E6E6;
}

.job-location {
    color: #888;
}

#job-list .job-location {
   display: inline-block;
   float: right;
   margin-top: 5px;
   font-size: 14px;
}

#job-postings .posting {
    position: relative;
}

#job-postings .posting a.jump-link {
    position: absolute;
    margin-top: -100px;
}

#job-postings .posting h6 {
   margin-bottom: 5px;
}

#job-postings .posting p {
   font-size: 16px;
   font-weight: 300;
}

#job-postings .posting ul {
    margin-bottom: 25px !important;
    padding-left: 15px;
    margin-left: 15px !important;
}

#job-postings .posting blockquote ul {
    margin-bottom: 0px !important;
}

#job-postings .posting ul li {
   margin-bottom: 7px;
   list-style: disc;
   font-size: 16px;
   font-weight: 300;
   line-height: 1.2em;

}

@media only screen and (max-width : 900px),
only screen and (max-device-width : 900px) {

   #job-list #resume {
      width: 93.96%;
      margin-bottom: 35px;
   }
   
   #job-list #resume p {
      margin: 20px;
   }
   
   #job-postings .span-3 {
      width: 93.96%;
   }
   
   #job-postings .posting h3 {
      margin-bottom: 0;
   }
   
   #job-postings .posting h5 {
      font-size: 18px;
      margin: 15px 0 0;
   }
   
   #job-postings .posting .job-location {
      margin-bottom: 15px;
   }
   
   .horizontal-rule {
      margin-top: 25px;
      margin-bottom: 35px;
   }

}

@media only screen and (max-width : 500px),
only screen and (max-device-width : 500px) {

   #job-list #resume {
      width: 90%;
      margin-bottom: 25px;
   }
   
   #job-list #resume p {
      margin: 15px;
   }
   
   #job-list .job-location {
      display: block;
      float: none;
      margin-top: 0px;
   }

}

/*--------------------- GLOBAL GIVING ---------------------*/

#gg-heading.row {
    min-height: 360px;
    margin-top: 54px;
    padding-top: 180px;
    color: #FFF;
    background: url(../upload/images/image_spices.jpg) 50% 60% no-repeat;
}

#impact ul {
    display: block;
    width: 1040px;
    margin: 30px auto 20px auto;
    list-style: none !important;
}

#impact ul li {
    display: block;
    float: left;
    min-height: 320px;
    width: 200px;
    margin: 0 30px;
    list-style: none !important;
}

#impact ul li h1 {
    width: 200px;
    height: 200px;
    margin-bottom: 30px;
    padding: 70px 15px 0 15px;
    color: #FFF;
    background: #00BCDD;
    border-radius: 50%;
    font-weight: 700;
    text-align: center;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

#impact ul li p {
    font-size: 16px;
}

#people ul {
    width: 936px;
    margin: 0 auto 50px;
    list-style: none !important;
}

#people ul li {
    float: left;
    width: 280px;
    margin-top: 35px;
    margin-right: 30px;
    list-style: none !important;
    border: 1px solid #bdbdbd;
    -moz-box-shadow: 10px 10px 0px #dbdbdb;
    -webkit-box-shadow: 10px 10px 0px #dbdbdb;
    box-shadow: 10px 10px 0px #dbdbdb;
    filter: progid:DXImageTransform.Microsoft.DropShadow(offX='10', offY='10', Color='#DBDBDB');
    -ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(offX='10', offY='10', Color='#DBDBDB')";
}

#people .title {
    padding: 15px;
    padding-bottom: 12px;
    color: #1A1A1A;
    font-size: 12px;
    line-height: 16px;
}

#people .title h5, #people .title p {
    margin-bottom: 0;
}

#people .description .image {
    display: block;
    width: 280px;
    height: 145px;
    margin-bottom: 0;
    list-style: none !important;
    opacity: 1;
    visibility: visible;
    transition: opacity .7s;
    -webkit-transition: opacity .7s; /* Safari */
}

#people .description .story {
    display: block;
    margin-bottom: 0;
    padding: 0px;
    width: 250px;
    cursor: default;
    font-size: 14px;
    line-height: 21px;
    list-style: none !important;
    opacity: 0;
    visibility: hidden;
    height: 0;
    transition: opacity .7s;
    -webkit-transition: opacity .7s; /* Safari */
}

#people .description:hover .image {
    opacity: 0;
    visibility: hidden;
    height: 0;
    transition: opacity .7s;
    -webkit-transition: opacity .7s; /* Safari */
}

#people .description:hover .story {
    display: block;
    padding: 15px;
    height: 115px;
    opacity: 1;
    visibility: visible;
    transition: opacity .7s;
    -webkit-transition: opacity .7s; /* Safari */
}

@media only screen and (max-width : 1230px),
only screen and (max-device-width : 1230px) {
    
    #impact ul {
        width: 520px;
    }
    
    #people ul {
        width: 624px;
        margin: 0 auto 50px;
    }
    
}

@media only screen and (max-width : 960px),
only screen and (max-device-width : 960px) {
    
    #gg-heading.row {
        margin-top: 34px;
        padding-top: 190px;
    }    
    
    #impact ul li h1 {
        padding: 80px 15px 0 15px;
    }
    
}

@media only screen and (max-width : 700px),
only screen and (max-device-width : 700px) {
    
    #gg-heading.row {
        margin-top: -7px;
        padding-top: 220px;
    }
    
    #impact ul {
        width: 260px;
    }    
    
    #people ul {
        width: 290px;
        margin: 0 auto 50px;
    }
    
}

@media only screen and (max-width : 530px),
only screen and (max-device-width : 530px) {
    
    #gg-heading.row {
        margin-top: -52px;
        padding-top: 220px;
    }    
    
}

@media only screen and (max-width : 350px),
only screen and (max-device-width : 350px) {
    
    #gg-heading.row {
        margin-top: -62px;
        padding-top: 220px;
    }    
    
}

/*
////////////////////////////////////////////////////////////////////////// 
//
// 08. SEARCH
//
////////////////////////////////////////////////////////////////////////// 
*/

.search-heading {
   margin: 0 0 40px;
   padding: 25px;
   padding-bottom: 20px;
   color: #AAA !important;
   background: #F1F1F1;
   border-radius: 3px;
   font-size: 28px;
   font-family:  "Minion Pro", Times New Roman, serif;
   font-style: italic;
   font-weight: 700;
   letter-spacing: 0;
   text-align: center;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

.search-heading span {
   clear: both;
   color: #AAA !important;
   font-weight: 300;
   font-style: normal;
   letter-spacing: 0;
   text-align: center;
}

p.search-excerpt {
   margin-bottom: 50px;
   padding-bottom: 30px;
   border-bottom: 1px solid #E6E6E6;
}

#search-results .search-result {
   margin-bottom: 30px;
}

#search-results .search-result h4 {
   margin: 0;
}

#search-results .search-result span {
   display: block;
}

#search-results .search-result .url {
   margin: -1px 0 3px;
   color: #AAA;
   font-size: 14px;
   font-style: italic;
   font-weight: 300;
}

.pagenavi.row {
   padding: 0 0 80px;
}

.pagination-nav {
   display: inline-block;
   color: #999;
   text-align: center;
   margin: 7px 0;
   font-size: 14px;
}

.newer {
  float: right;
}

.newer .btn {
   margin-right: 0;
}

.older {
  float: left;
}

@media only screen and (max-width : 650px),
only screen and (max-device-width : 650px) {

   .search-heading {
      padding: 15px;
      padding-bottom: 10px;
      font-size: 21px;
   }

}

@media only screen and (max-width : 500px),
only screen and (max-device-width : 500px) {

   .pagination-nav {
      display: block;
      width: 100%;
      margin: 0 0 40px;
   }

}