/*
Theme Name: Appdev
Theme URI: http://www.portfoliotheme.org/appdev
Description: A clean, responsive Mobile App Showcase theme from LiveMesh. Follow us on <a href="http://twitter.com/live_mesh">Twitter</a> for updates
Version: 1.0
Author: <a href="http://portfoliotheme.org">LiveMesh</a>
Author URI: http://www.portfoliotheme.org/
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, fixed-width, theme-options, threaded-comments, translation-ready,portfolio,mobile,app,one-page,single-page,ios,android
*/

/* --------- Reset default browser CSS. http://meyerweb.com/eric/tools/css/reset/index.html ----------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption,
figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    border: 0;
    /* TODO - revisit. Leads to lots of inheritance and overriding. See csswizardry for better reset. font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; */
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

:focus {
    /* remember to define focus styles! */
    outline: 0;
}

body {
    background: #fff;
}

.gsc-overflow-hidden {
    overflow: auto!important;
}

ol, ul {
    list-style: none;
}

nav ul {
    list-style: none;
}

table {
    /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    font-weight: normal;
    text-align: left;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

a img {
    border: 0;
    display: block;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

/*----------- Clearfix for floats ----------- */

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix:after {
    clear: both;
}

/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix {
    zoom: 1;
}

/*--------- General ------------ */
body {
    color: #666666;
    font: 14px/24px 'PT Sans', Arial, Verdana, sans-serif;
    font-weight: 400;
    font-style: normal;
}

#container {
    width: 100%;
    clear: both;
}

body.boxed {
    height: 100%;
    width: 100%;
}

.boxed #container {
    max-width: 1180px;
    width: 96%;
    margin: 0px auto;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .3);
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.hidden {
    display: none;
    visibility: hidden;
}

.invisible {
    visibility: hidden;
}

/*--------- Alignment ------------ */
.center {
    text-align: center;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.alignleft {
    float: left;
    margin: 0 20px 5px 0;
}

.alignright {
    float: right;
    margin: 0 0 0 20px;
}

.aligncenter {
    display: block;
    margin: 0 auto 20px auto;
    clear: both;
}

.block, .alignnone {
    display: block;
    margin: 0 0 20px 0;
}

/*------------------- Basic Styling ------------------------------------*/

/* Heading styling */
h1, h2, h3, h4, h5, h6 {
    font-family: 'PT Sans', Arial, Verdana, sans-serif;
    font-style: normal;
    font-weight: 500;
    padding: 0;
    color: #494D4E;
}

h1 {
    font-size: 40px;
    line-height: 48px;
}

h2 {
    font-size: 36px;
    line-height: 44px;
}

h3 {
    font-size: 28px;
    line-height: 36px;
}

h4 {
    font-size: 24px;
    line-height: 34px;
}

h5 {
    font-size: 18px;
    line-height: 28px;
}

h6 {
    font-size: 16px;
    line-height: 24px;
}

h1, h2 {
    margin-bottom: 20px;
}

h3, h4, h5, h6 {
    margin-bottom: 10px;
}

.dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6, .dark-bg a {
    color: #fafafa !important;
}

.dark-bg p, .dark-bg div {
    color: #e5e5e5;
}

/* List Style */
ul {
    list-style-type: square;
}

ul ul {
    list-style-type: disc;
}

ul ul ul {
    list-style-type: circle;
}

ol {
    list-style-position: outside;
    list-style-type: decimal;
}

ol ol {
    list-style: upper-roman;
}

ol ol ol {
    list-style: lower-roman;
}

ol ol ol ol {
    list-style: upper-alpha;
}

ol ol ol ol ol {
    list-style: lower-alpha;
}

ul {
    margin: 0 0 20px 18px;
}

ol {
    margin: 0 0 20px 28px;
}

ul li, ol li {
    margin: 5px;
}

ul ol, ol ul, ol ol, ul ul {
    margin-bottom: 0;
}

dl {
    margin: 0 0 18px 3px;
}

dl dt {
    font-weight: bold;
    margin: 12px 0 0 0;
}

dl dd {
    margin: 6px 0 0 24px;
}

.small {
    font-size: 12px;
}

.large {
    font-size: 14px;
}

cite, em, i {
    font: italic 13px/20px 'Arvo', Georgia, Times, serif;
}

/* Paragraphs */
p {
    /* 12px */
    /* 20px */
    margin: 0 0 20px 0;
}

p:empty {
    display: none;
}

/* Input Boxes */
input, textarea {
    display: block;
    padding: 5px;
    border: 1px solid #DEDEDE;
    font-family: inherit;
}

/* Abbreviations */
abbr[title], dfn[title] {
    border-bottom: 0;
    cursor: auto;
}

/*---------------- Media Styles ------------ */
img {
    display: block;
    height: auto;
}

img.alignleft, .wp-caption.alignleft {
    margin: 5px 20px 10px 0;
}

img.alignright, .wp-caption.alignright {
    margin: 5px 5px 10px 20px;;
}

img.aligncenter, .wp-caption.aligncenter {
    display: block;
    margin: 0 auto;
}

img.alignnone, .wp-caption.alignnone {
    display: block;
    margin: 5px 0 20px 0;
}

.entry-content img, .comment-content img {
    overflow: hidden;
}

.entry-content .thumbnail.large {
    float: none;
    margin: 0;
    padding: 0;
    width: 620px;
}

/* ------------ Image Frame Styles ---------------- */
.image-box {
    display: block;
}

.custom-img.image-box, .photo-frame.image-box {
    display: table; /* Use sparingly to avoid firefox max-width issue */
}

.client-info .image-area {
    background-color: transparent;
}

.image-area {
    position: relative; /* line-height: 0; */
}

.image-area a {
    display: block;
    text-decoration: none;
    color: #fff;
}

/*---------- Image Info Hover --------------------------*/
.image-info {
    display: block;
    z-index: 120;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #dc4637;
    background: rgba(220, 70, 55, 0.7);
    opacity: 0;
    filter: alpha(opacity=0);
}

.image-info h3 {
    position: relative;
    top: 20%;
    padding: 10px;
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
}

.image-info:hover h3 a {
    color: #fff !important;
}

.image-info .image-info-buttons {
    position: absolute; /* center the buttons */
    width: 48px;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
}

.image-info a.lightbox-link {
    float: left;
    margin: 0;
    text-align: center;
}

/*----------- Links ---------------- */
a, a:active, a:visited {
    color: #fff;
    text-decoration: none;
}

a:hover {
    color: #02accf;
    text-decoration: none;
}

/*----------------------- Table Styling --------- */
table {
    border: 1px solid #ddd;
    line-height: 20px;
    margin: 5px 0 15px 0;
    text-align: left;
    padding: 0;
}

thead, th {
    font-weight: bold;
    line-height: 20px;
}

table .even {
    background: #e5e5e5;
}

tr {
    border-bottom: 1px solid #ccc;
}

th, td {
    padding: 10px;
    text-align: left;
    vertical-align: middle;
}

th {
    background: #dc4637;
    color: #fff;
}

/*----------------- Code and Pre Styling ---------------- */
code, .code, pre, .pre {
    font: normal 13px/1.6 Consolas, "Bitstream Vera Sans Mono", "Andale Mono", Monaco, "DejaVu Sans Mono", monospace, Courier, "Courier New";
}

pre, .pre {
    display: block;
    overflow: auto;
    clear: both;
    padding: 10px;
    color: #555;
    background: #FFF;
    border: 1px solid #e5e5e5;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    width: 90%;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-left: 6px solid #E9E7E0;
}

code, .code {
    background-color: #f9f9f9;
}

.code {
    padding: 19px 10px;
}

/* --------- Read More Link ------------------ */
a.more-link {
    margin-top: 10px !important;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    background: url(../img/images/arrow-more.png) right center no-repeat;
    padding-right: 25px;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

a.more-link:hover {
    padding-right: 30px;
}

/* ----------- Header Styling -------------------------*/
#header {
    display: block;
    position: relative;
    z-index: 600; /* Higher than the sidebar widget and widget container, sliders */
    margin: 0;
    padding: 0;
    width: 100%;
    background: #fff;
}

#header > .inner {
    position: relative;
}

#header > .inner > .wrap {
    position: relative;
    min-height: 100px;
}

#site-logo {
    position: relative;
    display: inline-block;
    float: left;
    left: 0;
    top: 12px;
    margin: 0 30px 0 0;
}

#site-logo a, #sticky-site-logo a {
    font-size: 28px;
    color: #494D4E;
    line-height: 20px;
    direction: ltr;
    display: block;
    text-align: left;
    margin-right: 30px;
}

#site-logo a img {
    max-height: 100%;
    max-width: 100%;
    display: inline-block;
}

#header .button.get-app {
    position: absolute;
    top: 25px;
    right: 0;
}

#header.sticky {
    position: fixed;
    z-index: 1001;
    width: 100%;
    border-bottom: 1px solid #CCC;
    -webkit-box-shadow: 0px 1px 5px rgba(100, 100, 100, 0.3);
    -moz-box-shadow: 0px 1px 5px rgba(100, 100, 100, 0.3);
    box-shadow: 0px 1px 5px rgba(100, 100, 100, 0.3);
}

#header.sticky .wrap {
    min-height: 0;
}

#header.sticky #site-logo, #header.sticky #primary-menu {
    top: 0;
    float: left !important;
    display: inline-block !important;
}

#header.sticky #site-logo .standard-logo {
    width: 56px;
    height: 58px;
}

#header.sticky .button.get-app, #header.sticky .social-container {
    display: none;
}

.boxed #header.sticky {
    max-width: 1180px;
    width: 96%;
}

.admin-bar #header.sticky {
    top: 28px;
}

#container, #header {
    background-color: #f1f3f4;
    background: url(../img/images/bg-repeat.jpg);
}

/* ------------ Main content area styling -----------------------------*/
/* Content */
#content {
    float: left;
    padding: 20px 0;
}

#main .inner {
    display: block;
}

/*--------- Post List Styling ------------ */
.post-list .byline span i {
    display: none;
}

#content div.post-list .hentry {
    padding: 15px 0;
    margin: 0;
}

#content div.post-list .hentry .entry-title, ul.post-list li .entry-title {
    font-size: 12px;
    line-height: 155%;
}

#content div.post-list .hentry .entry-title a {
    color: #545454;
}

#content div.post-list .hentry .entry-summary {
    margin-top: 10px;
}

#content div.post-list .thumbnail {
    display: block;
    float: left;
    margin: 0 10px 5px 0;
}

ul.post-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.post-list li {
    padding: 14px 0 15px;
    margin: 0;
    background: none !important;
    border-top: 0px dotted #aaa;
    overflow: hidden;
}

ul.post-list li:first-child {
    border-top: 0 !important;
    padding-top: 0 !important;
}

ul.post-list .thumbnail {
    display: block;
    max-width: 100%;
}

ul.post-list .image-area {
    float: left;
}

ul.post-list .image-area {
    margin: 0 15px 5px 0;
    background: #FEFEFE;
}

ul.post-list.medium-size .image-area {
    margin: 0 15px 5px 0;
    background: #FEFEFE;
}

#sidebars-footer .widget ul.post-list .image-area {
    padding: 0;
    background: none;
    border: 1px solid #bbb;
}

ul.post-list .image-area img {
    width: 90px;
}

ul.post-list.medium-size .image-area img {
    width: 121px;
}

.widget ul.post-list .thumbnail {
    padding: 0;
    border: none;
}

ul.post-list .entry-title a, .post-list .entry-title a:hover, .post-list .entry-title a:visited {
    font-style: normal;
    border: none;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

ul.post-list .published, ul.post-list .byline, ul.post-list .entry-meta {
    font-size: 12px;
    line-height: 20px;
    font-family: 'Arvo';
    font-style: normal;
}

ul.post-list .entry-meta, .post-list .byline {
    color: #757777;
    margin-top: 10px;
    border-bottom: 0;
    text-transform: none;
}

#footer ul.post-list .entry-meta, #footer .post-list .byline {
    color: #888;
}

ul.post-list .entry-summary {
    margin-top: 10px !important;
}

ul.post-list .published {
    margin-right: 10px;
    background: none;
    padding-right: 10px;
    border-right: 1px solid #888;
}

#footer ul.post-list .published {
    border-color: #aaa;
}

.widget ul.post-list .published {
    margin-right: 0;
    padding-right: 0;
    border: none;
}

/*.widget ul.post-list .published:after { content: '//'; padding-left: 5px; margin-right: 5px; }*/

/*------------ Widget Styling ----------- */
.widget {
    margin: 0 0 20px 0;
    overflow: hidden;
}

.widget ul {
    list-style: none;
}

.widget li {
    padding: 12px 0;
    -moz-transition: padding 0.3s ease-in-out;
    -o-transition: padding 0.3s ease-in-out;
    -webkit-transition: padding 0.3s ease-in-out;
    transition: padding 0.3s ease-in-out;
}

.widget li {
    padding-left: 18px;
    border-top: 1px dotted #aaa;
}

#footer .widget li {
    background-repeat: no-repeat;
    border-top: 1px solid #555557;
}

.widget li:first-child {
    border: none !important;
    padding-top: 0;
    background-position: 4px 8px;
}

#footer .widget li:first-child {
    border: none;
}

.widget ul li:hover {
    padding-left: 22px;
}

.widget ul.post-list li:hover {
    padding-left: 0;
}

.widget-title {
    color: #56595c;
    font-size: 20px;
    font-weight: 500;
    padding: 0 0 10px 0;
    margin-bottom: 20px;
}

.widget .post-list .entry-text-wrap {
    float: none;
}

/*---------------- Post Snippets ----------------------------------------------*/
.post-snippets .hentry .entry-title {
    word-spacing: 0;
    margin: 0;
}

.post-snippets .hentry .entry-title a {
    color: #666;
    font-size: 16px;
    display: block;
}

.byline span i {
    color: #dc4637;
    padding-right: 5px;
}

.byline span:hover i {
    color: #888;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/*----------------- Entry Content Styling ---------- */
.entry-content {
    margin-top: 20px;
}

/*--------------- Generic Post and Archive Title Styling ---------------- */
.post h1.entry-title {
    margin: 0;
    color: #666;
}

#content .hentry h2.entry-title {
    margin: 0;
}

#content .hentry h2.entry-title a {
    color: #494D4E;
    margin: 0;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#content .hentry h2.entry-title a:hover {
    color: #dc4637;
}

#content .hentry .entry-summary {
    margin-top: 25px;
}

#content .taglist {
    display: inline-block;
    padding-left: 40px;
    background: url(../img/images/icons/tag-icon.png) 0 4px no-repeat;
}

#content .taglist i {
    display: inline-block;
}

#content .hentry .entry-meta { /*padding-top: 20px;*/ /*margin-top: 25px;*/
    color: #56595c;
    font-style: normal; /*margin-bottom: 20px;*/
    float: left;
    margin-right: 20px;
}

.entry-meta span {
    display: inline-block;
    padding: 0;
    margin: 2px 1px 2px 0;
}

/* Right margin IE fix for inline-block */
.entry-meta span a, .entry-header span a {
    -moz-transition: 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-family: 'Arvo';
    font-weight: 300;
}

.entry-meta span a:hover, .entry-header span a:hover {
    color: #BBB !important;
}

/* Accounting for 1px extra right margin */
.entry-header {
    float: left;
    position: absolute;
    left: 0;
    height: 100px;
    width: 100px;
}

.entry-header .published {
    position: relative;
    font-size: 32px;
    line-height: 48px;
    text-transform: uppercase;
    padding: 20px;
    border-radius: 50px;
    display: block;
    color: #Fefefe;
    background: #dc4637;
    background: -moz-linear-gradient(top, #20bdca 0%, #dc4637 100%);
    background: -webkit-linear-gradient(top, #20bdca 0%, #dc4637 100%);
    background: -o-linear-gradient(top, #20bdca 0%, #dc4637 100%);
    background: -ms-linear-gradient(top, #20bdca 0%, #dc4637 100%);
    background: linear-gradient(to bottom, #20bdca 0%, #dc4637 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20bdca', endColorstr='#dc4637', GradientType=0);
}

abbr.published {
    cursor: default;
}

.entry-header .published abbr span {
    display: block;
    text-align: center;
}

.entry-header .published abbr span.month {
    font-size: 20px;
    line-height: 26px;
    font-weight: 300;
}

.entry-header .published abbr span.date {
    font-size: 32px;
    line-height: 38px;
}

/*------------- Loop Navigation - Next/Previous Links ------------- */
.loop-nav {
    border-top: 1px dotted #AAA;
    margin-top: 25px;
    padding-top: 25px;
}

.loop-nav a {
    font-size: 14px;
}

/*.loop-nav a, .loop-nav a:active, .loop-nav a:visited {
    color: #666;
}

.loop-nav a:hover {
    color: #dc4637;
}*/

/*-------------- Gallery Styling - Credit: Twenty Thirteen Theme ---------- */

.gallery:after {
    clear: both;
}

.gallery:before, .gallery:after {
    content: "";
    display: table;
}

.gallery {
    margin-bottom: 20px;
    margin-left: -4px;
}

.gallery-item {
    float: left;
    margin: 0 4px 4px 0;
    overflow: hidden;
    position: relative;
}

dl.gallery-item dt {
    margin: 0;
}

.gallery-columns-1 .gallery-item, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item {
    text-align: center;
}

.gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) {
    margin-right: 0;
}

.gallery-caption {
    background-color: rgba(0, 0, 0, 0.7);
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
    line-height: 1.3;
    margin: 0;
    max-height: 50%;
    opacity: 0;
    padding: 2px 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
    width: 100%;
}

.gallery-caption:before {
    box-shadow: 0 -10px 15px #000 inset;
    content: "";
    height: 100%;
    min-height: 49px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.gallery-item:hover .gallery-caption {
    opacity: 1;
}
/* ----------- Single Post Styling ------------ */
.single img.featured {
    margin-bottom: 20px;
    width: 100%;
}
/* The thumbnails sizes and frame sizes for grid layout are managed under a common grid framework used for portfolio pages below */

/*------------------- In Page Page Links Styling ----------------- */
.page-links, .pagination {
    clear: both;
    margin: 60px 0 60px 0;
    text-transform: uppercase;
}

.page-links a, .pagination a, .pagination span.current, .page-links a:visited,
.pagination a:visited {
    padding: 10px 15px;
    margin: 0 2px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-family: 'Arvo';
}

.page-links a, .pagination a, .pagination span.current, .page-links a:visited, .pagination a:visited {
    background: #dc4637;
}

.pagination span.current {
    color: #f8f2f2;
    background: #858585;
}

.page-links a:hover, .pagination a:hover {
    background: #858585 !important;
    color: #f8f2f2;
}

.page-links a:active, .pagination a:active {
    position: relative;
}

.pagination span.pages {
    float: right;
}

/** ----------------------- Sidebar Widget Styling ---------------------------------- **/
.sidebar li > a, .sidebar li > a:active, .sidebar li > a:visited {
    color: #55585b;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

.sidebar-right-nav, .sidebar-left-nav {
    position: relative;
    display: block;
    min-height: 230px;
    margin-top: 40px;
}

.sidebar-right-nav {
    float: right !important;
}

.sidebar-left-nav {
    float: left;
}

.sidebar-right-nav div, .sidebar-left-nav div {
    position: relative;
    z-index: 2; /* Make sure the widgets themselves have higher priority in rendering */
}

#sidebar-after-singular .post-list li, #sidebar-primary .post-list li {
    padding: 16px 0;
}

.sidebar ul.post-list .entry-meta, .sidebar .post-list .byline {
    margin-top: 6px !important;
}

.sidebar .hentry .entry-summary {
    margin-top: 5px !important;
}

/*------------------- Posts List for Widgets etc.-------------- */
.widget ol, .widget ul {
    margin: 0;
}

.widget ol li, .widget ul li {
    margin: 0;
}

ul.post-list {
    margin: 0;
}

ul.post-list .entry-title a, ul.post-list .entry-title a:active, ul.post-list .entry-title a:visited {
    color: #55585b !important;
}

/*#footer ul.post-list .entry-title a, #footer ul.post-list .entry-title a:active, #footer ul.post-list .entry-title a:visited {
    color: #fff !important;
}

#footer ul.post-list li a:hover, #footer ul.post-list li .entry-title a:hover {
    color: #019BB1 !important;
}*/

#footer-bottom-new .threecol a {
    text-decoration: none;
    color:  #fff;
}
#footer-bottom-new .threecol  a:hover {
    color: #019BB1 !important; 
}
ul.post-list li {
    margin: 0;
}

/*--------- Footer ------------ */
#footer-bottom {
    clear: both;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    margin: 0 auto;
    overflow: hidden;
    border-bottom: 7px solid #0093a9;
    background: #333333 url(../img/bg_footer.png) repeat;
}

#footer-bottom .inner {
    overflow: hidden;
    position: relative;
}

#footer a:active, #footer a:hover, #footer-bottom a:active, #footer-bottom a:hover {
    color: #DBDBD9;
}

/*----------- Custom Home Pages - Default Styling --------------- */

#slider-area {
    clear: both;
    margin: 0 auto;
    width: 100%;
    background: #3F3B39;
    padding-top: 104px;
}

#slider-area .image-area {
    background: none;
    box-shadow: none;
    border: none;
}

/* ------------------ Header Area Styling ---------------------*/
#title-area {
    display: block;
    padding: 40px 0 25px;
    background: #dc4637;
}

#title-area h1, #title-area h2 {
    color: #F9F9F9;
}

#title-area p {
    width: 60%;
    color: #f8f8f8;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
}

#custom-title-area {
    overflow: hidden;
    clear: both;
}

/*-------------- Portfolio Templates -------------- */
#portfolio-full-width .entry-text-wrap, #portfolio-template .entry-text-wrap, .post-snippets .hentry .entry-text-wrap {
    text-align: left;
    padding-top: 10px;
}

#portfolio-full-width .entry-title, #portfolio-template .entry-title, .post-snippets .hentry .entry-title {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 500;
}

#portfolio-full-width .portfolio .entry-summary, #portfolio-template .portfolio .entry-summary,
.post-snippets .hentry .entry-summary {
    color: #888;
    padding: 10px 0;
    border-top: 1px solid #C9C9C9;
    margin: 10px 0 0;
}

#portfolio-template .hfeed .clear {
    padding: 25px 0;
}

#portfolio-full-width .hfeed .clear {
    padding: 35px 0;
}

#portfolio-full-width .thumbnail, #portfolio-template .thumbnail, .post-snippets img {
    width: 100%;
}

/*----------- Portfolio Isotope support ------- */

ul.image-grid {
    list-style-type: none;
    margin: 0;
}

ul.image-grid li, div.image-grid div.hentry, .post-snippets div.hentry {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

ul.image-grid img {
    width: 100%;
}

#portfolio-filter {
    list-style-type: none;
    margin: 40px 0 40px 0;
    padding-bottom: 30px;
    border-bottom: 1px solid #C9C9C9;
    text-align: left;
}

#portfolio-template #portfolio-filter {
    margin-top: 15px;
}

#content #portfolio-items {
    margin-bottom: 60px;
}

#portfolio-filter a {
    color: #777;
    text-transform: none;
    display: inline-block;
    cursor: pointer;
    padding: 0 8px;
    font-size: 16px;
    text-transform: none;
    letter-spacing: 1px;
    font-weight: 500;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-family: 'Arvo', 'PT Sans', Arial, Verdana, sans-serif;
}

#portfolio-filter a:hover {
    color: #dc4637;
}

/*---------- Full Width Snippets of Posts, raw HTML etc. ---------- */
.post-snippets .clear {
    margin: 20px 0;
    display: block;
    height: 1px;
}

blockquote {
    font: normal 16px/30px 'Arvo', Georgia, Times, serif;
    font-weight: normal;
    color: #555;
    padding: 5px 15px 5px 50px;
    overflow: hidden;
}

blockquote .author, blockquote em, blockquote i, blockquote cite {
    color: #555;
    font-style: normal;
    font-size: 11px;
    font-weight: 400;
}

blockquote.alignleft {
    margin: 0px 20px 0 0;
    width: 230px;
}

blockquote.alignright {
    margin: 0px 0 0 20px;
    width: 230px;
}

blockquote p {
    margin-bottom: 10px;
}

.dark-bg blockquote, .dark-bg blockquote > p {
    color: #eeeeee;
}

/*--------------------- Begin Typography: List Styles ----------------- */
ul.list1, ul.list2, ul.list3, ul.list4, ul.list5, ul.list6, ul.list7, ul.list8, ul.list9, ul.list10, ul.list11, ul.list12,
ul.list13, list-none {
    position: relative;
    overflow: hidden;
    margin: 5px 0px 5px 4px;
}

ul.list1 li, ul.list2 li, ul.list3 li, ul.list4 li, ul.list5 li, ul.list6 li, ul.list7 li, ul.list8 li, ul.list9 li,
ul.list10 li, ul.list11 li, ul.list12 li, ul.list13 li, ul.list-none li {
    margin: 0 0 5px 0;
    padding: 0 0 2px 28px;
    list-style: none outside none;
}

ul.list1 li {
    padding-left: 20px;
}

ul.list2 li {
    background: url(../img/images/icons/check.png) no-repeat scroll 3px 5px transparent;
}

ul.list3 li {
    background: url(../img/images/icons/fugue/arrow.png) no-repeat scroll 0 3px transparent;
}

ul.list4 li {
    background: url(../img/images/icons/fugue/heart.png) no-repeat scroll 0 3px transparent;
}

ul.list5 li {
    background: url(../img/images/icons/fugue/light-bulb.png) no-repeat scroll 0 3px transparent;
}

ul.list6 li {
    background: url(../img/images/icons/fugue/share.png) no-repeat scroll 0 3px transparent;
}

ul.list7 li {
    background: url(../img/images/icons/fugue/sticky-note-pin.png) no-repeat scroll 0 3px transparent;
}

ul.list8 li {
    background: url(../img/images/icons/fugue/medal.png) no-repeat scroll 0 3px transparent;
}

ul.list9 li {
    background: url(../img/images/icons/fugue/fire.png) no-repeat scroll 0 3px transparent;
}

ul.list10 li {
    background: url(../img/images/icons/fugue/star.png) no-repeat scroll 0 3px transparent;
}

ul.list11 li {
    background: url(../img/images/icons/fugue/feed.png) no-repeat scroll 0 3px transparent;
}

ul.list12 li {
    background: url(../img/images/icons/fugue/balloon-twitter.png) no-repeat scroll 0 3px transparent;
}

ul.list13 li {
    background: url(../img/images/icons/fugue/card-address.png) no-repeat scroll 0 3px transparent;
}

ul.list-none li {
    position: relative;
    overflow: hidden;
}

/*----------------------- Divider Styling --------------------------------------------*/
.divider {
    position: relative;
    display: block;
    clear: both;
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
    padding-top: 19px;
    margin-bottom: 40px;
    margin-top: 40px;
}

.divider-fancy {
    position: relative;
    display: block;
    clear: both;
    width: 100%;
    margin-top: 60px;
    margin-bottom: 39px;
    height: 1px;
}

.header-fancy {
    padding: 0 10px;
    display: block;
    clear: both;
    width: 100%;
    margin-top: 35px;
    margin-bottom: 40px;
    text-align: center;
    height: 28px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 3px;
}

.header-fancy span {
    display: inline-block;
    padding: 4px 16px;
    background-image: none !important;
    background-color: #dc4637;
    color: #fff;
    font-size: 12px;
    word-spacing: 3px;
}

h3.fancy-header {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 1px;
    color: #fefefe;
    font-weight: 300;
    background-color: #dc4637;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    padding: 5px 40px;
}

.top-of-page {
    position: relative;
    text-align: right;
    font-size: 10px;
    margin-bottom: 25px;
    line-height: 1.2;
}

.top-of-page a, .top-of-page a:active, .top-of-page a:visited {
    color: #999;
}

.top-of-page a:hover {
    color: #dc4637;
}

/*-------------------- Box Styles ---------- */
.message-box {
    padding: 25px 55px 5px 25px !important;
    margin: 20px 0 !important;
    background: #EEE;
    word-spacing: 1px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #555;
    overflow: auto;
    position: relative;
}

.message-box .contents {
    margin: 0 0 15px 0;
}

.message-box code {
    background: transparent;
    margin: 0 2px;
}

.message-box .title {
    text-transform: uppercase;
    margin: 0 0 5px 0;
    font-size: 14px;
}

.message-box p {
    margin: 0 0 10px 0;
}

.message-box a.close {
    position: absolute;
    right: 20px;
    top: 40%;
}

.message-box a.close i {
    color: #999;
    font-size: 24px;
}

.info {
    background: #E8F8FF;
    border: 1px solid #c6ebfb;
}

.note {
    background: #FEFED6;
    border: 1px solid #EDED03;
}

.attention {
    background: #F0F4F9;
    border: 1px solid #C9B8BD;
}

.warning {
    background: #FCF5E2;
    border: 1px solid #F4DC9D;
}

.tip {
    background: #FAF2EF;
    border: 1px solid #ECCDC1;
}

.success {
    background: #E8F8D8;
    border: 1px solid #cae88c;
}

.errors {
    background: #FFF4F4;
    border: 1px solid #ffd9d9;
}

/* ------- Based on the 1140px Grid V2 by Andy Taylor \ http://cssgrid.net ------ */
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol { /*margin-right: 3.8%;*/
    margin-right: 2.8%;
    float: left;
    min-height: 1px;
}

.onecol {
    width: 4.85%;
}

.twocol {
    width: 13.45%;
}

.threecol { /*width: 22.05%;*/
    width: 24.05%;
}

.fourcol {
    width: 30.75%;
}

.fivecol {
    width: 39.45%;
}

.sixcol {
    width: 48%;
}

.sevencol {
    width: 56.75%;
}

.eightcol {
    width: 65.4%;
}

.ninecol { /*width: 74.05%;*/
    width: 72.05%;
}

.tencol {
    width: 82.7%;
}

.elevencol {
    width: 91.35%;
}

.twelvecol, .fullwidth {
    width: 100%;
    float: left;
}

.last {
    margin-right: 0px !important;
}

.segment, .segment-content {
    position: relative;
}

.segment {
    padding: 10px 0 50px 0;
    margin: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    font-family: 'Arial';
}

.first-segment {
    border-top: 10px solid #eaeaea;
}

.first-segment.regular-heading {
    padding-top: 60px;
}

/*---------- Grid for portfolio items and posts grid layout ------------------*/

.image-grid .sixcol, .image-grid .fourcol, .image-grid .threecol {
    padding: 0 !important;
    margin: 0;
    margin-right: 1.9% !important;
    margin-bottom: 22px;
}

/* Count the last column too for now */
.image-grid .sixcol {
    width: 48%;
}

.image-grid .fourcol {
    width: 31.2%;
}

.image-grid .threecol {
    width: 22.9%;
}

/*----- Rounded portfolio changes -----*/

ul.image-grid.rounded .portfolio img, ul.image-grid.rounded .portfolio .image-info {
    border-radius: 50%;
}

ul.image-grid.rounded .portfolio .image-info h3 a {
    max-width: 80%;
    text-align: center;
    margin: 0 auto;
}

ul.image-grid.rounded li.fourcol.portfolio-item {
    width: 26%;
    margin-right: 10.8% !important;
    margin-bottom: 40px !important;
}

ul.image-grid.rounded li.fourcol.portfolio-item:nth-child(3n+3) {
    margin-right: 0 !important;
}


/* --------- Toggle ------------------------*/
.toggle {
    position: relative;
    margin: 0;
    background: white;
    margin-bottom: 10px;
}

.toggle.first {
    margin-top: 25px;
}

.toggle-label {
    cursor: pointer;
    background: url("skins/cyan/toggle-button-plus.png") no-repeat scroll right bottom #f8f8f8;
    padding: 15px 25px 15px 15px;
    margin: 1px 0;
    border: 1px solid #eee;
    font-size: 14px;
}

.toggle-label:hover {
    background-color: #fafafa;
}

.active-toggle .toggle-label {
    background-image: url("skins/cyan/toggle-button-minus.png");
    margin-bottom: 0;
    border-bottom: 0;
}

.active-toggle .toggle-label:hover {
    background-color: #fafafa;
}

.toggle-content {
    display: none;
    padding: 15px 0 10px 40px;
    border: 1px solid #eee;
    clear: both;
    overflow: hidden;
}

/* jQuery Tabs */

/* root element for tabs */
.tabs {
    list-style: none;
    margin: 0 !important;
    padding: 0;
}

/* single tab */
.tabs li {
    float: left;
    padding: 0;
    margin: 0 2px -1px 0 !important;
    background: white;
    height: 30px;
    border-radius: 0;
}

/* single tab */
.tabs li:first-child {
    margin-left: 0 !important;
}

.tabs a {
    display: block;
    height: 24px;
    text-align: center;
    text-decoration: none;
    padding: 4px 20px 0;
    margin: 0;
    position: relative;
    background: #F7F7F7;
    vertical-align: middle;
    color: #666 !important;
    border: 1px solid #DDD;
}

.tabs a:active {
    outline: none;
}

.tabs a:hover {
    background: #Fff;
}

.tabs .current, .tabs .current:hover, .tabs li.current a {
    cursor: default !important;
    color: #555 !important;
    background: #fff;
    padding: 4px 20px 0;
    border-top: 2px solid #dc4637;
    border-bottom: none;
}

.panes {
    clear: both;
}

/* initially all panes are hidden */
.panes .pane {
    padding: 20px;
    border: 1px solid #DDD;
    display: block;
    background: #fff;
    -moz-box-shadow: 1px 1px 1px #eee;
    -webkit-box-shadow: 1px 1px 1px #eee;
    box-shadow: 1px 1px 1px #eee;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

/*---------- Form Styles with Contact Form 7 support ------- */

input, textarea {
    background: #FDFDFD;
    color: #48484A;
    border: solid 1px #E7E7E7;
    padding: 10px 10px;
    /* box-shadow: inset 0 0 10px #EAEAEA; */
}

input, textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: auto;
    font-size: 14px;
    line-height: 24px;
}

input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"],
input[type="date"], input[type="file"], textarea {
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

input:focus, textarea:focus {
    border: 1px solid rgba(70, 165, 213, 0.8); /* box-shadow: 0 0 2px rgba(220, 70, 55, 0.6); */
}

input[type="radio"], input[type="checkbox"] {
    display: inline;
}

input[type="submit"], input[type="file"] {
    width: auto;
}

input[type="number"], input[type="date"] {
    padding: 10px 10px;
    height: auto;
}

input[type="number"], input[type="date"], input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="range"], textarea {
    width: 300px;
    max-width: 100%;
}

::-webkit-input-placeholder {
    text-transform: none;
    color: #b2b2b1;;
    font-size: 14px;
    line-height: 14px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
}

::-moz-placeholder { /* Firefox 19+ */
    text-transform: none;
    color: #b2b2b1;
    font-size: 14px;
    line-height: 14px;
    font-style: normal;
}

:-ms-input-placeholder {
    text-transform: none;
    color: #b2b2b1;
    font-size: 14px;
    line-height: 14px;
    font-style: normal;
}

/* Helps make the height of input boxes uniform across browsers */
input[type="submit"], input[type="text"], input[type="email"], input[type="url"],
input[type="tel"], input[type="number"], input[type="date"], input[type="file"] {
    line-height: normal !important;
}

/* Let button styles handle border radius */
input[type="submit"] {
    border-radius: 0;
}

/* Removes inner padding and border in Firefox 4+.*/
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* Select box styling */

select {
    display: block;
    outline: none;
    width: 300px;
    border: 1px solid #e7e7e7;
    padding: 10px 5px 10px 10px;
    margin: 0;
    max-width: 100%;
    font-family: inherit;
    color: inherit;
    background-image: url(../img/images/select.png);
    background-position: center right;
    background-repeat: no-repeat;
    background-color: white;
    border-radius: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 35px;
    font-size: 14px;
    line-height: 14px;
}

select[multiple] {
    background: none;
    height: auto;
}

/*---------- Form Styles ------- */
.contact-form {
    margin-bottom: 25px;
}

#content .contact-form input, #content .contact-form textarea {
    background: #FDFDFD;
    color: #48484A;
    border: solid 1px #DDD;
    box-shadow: inset 0 0 10px #EAEAEA;
    border-radius: 5px;
    padding: 16px;
}

#content .contact-form input, #content .contact-form textarea, #footer .contact-form input, #footer .contact-form textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    height: auto;
    line-height: 24px;
}

#content .contact-form textarea {
    height: 150px;
    resize: none;
}

#content .contact-form input[type=text]:focus,
#content .contact-form input[type=email]:focus,
#content .contact-form input[type=password]:focus,
#content .contact-form input[type=url]:focus,
#content .contact-form input[type=number]:focus,
#content .contact-form textarea:focus {
    background: #fff;
}

#content .contact-form fieldset p {
    display: inline-block;
    margin-right: 2%;
    width: 48%;
    position: relative;
    vertical-align: top;
}

#content .contact-form fieldset p.human-check {
    display: block;
    clear: both;
}

#content .contact-form fieldset p.text-area {
    display: block;
    width: 98%;
}

.contact-form .text-input {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#footer .contact-form .text-input, #footer .contact-form textarea {
    width: 100%;
    font-size: 14px;
    padding: 10px;
    float: left;
    background: #606163;
    border-color: #606163;
    margin-bottom: 10px;
    color: #cdcdcd;
}

#footer .sixcol .contact-form p {
    width: 46%;
    margin: 0 2% 0 0;
    float: left;
}

#footer .contact-form textarea {
    height: 100px;
}

.contact-form textarea {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.contact-form label {
    text-transform: uppercase;
    display: block;
    font-size: 16px;
}

.contact-form label {
    display: none; /* Hide the labels */
}

.contact-form label.form-error, label.form-error {
    float: left;
    color: #EB6666;
    font-style: normal;
    font-size: 13px;
    text-transform: none;
    display: block;
    margin-bottom: 10px;
}

.success-msg {
    margin-bottom: 20px;
    font-weight: 500;
}

div.form-error {
    display: none;
}

input.form-error {
    border: 1px dotted rgb(221, 30, 14);
    margin-bottom: 10px !important;
}

/* --------- Read More Link -----------------------------------*/
.read-more {
    margin-top: 30px;
    display: block;
}

.read-more a {
    color: #dc4637;
}

#jtwt {
    list-style: none;
}

/*------------- Flickr Widget -------------- */
#flickr-widget {
    margin: 10px 0 0 0;
}

#flickr-widget .flickr_badge_image {
    float: left;
    line-height: 100%;
    margin: 0 6px 6px 0;
}

#footer #flickr-widget .flickr_badge_image {
    margin: 0 10px 10px 0;
}

#flickr-widget .flickr_badge_image img {
    display: block;
    width: 75px;
    height: 75px;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

#flickr-widget .flickr_badge_image img:hover {
    background-color: #f4f4f4;
    border: 4px solid #DC4637;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}

/* ---------- Recent Comments ---------- */

ul#recentcomments li.recentcomments {
    background: url(../img/images/icons/comment-icon-sidebar.png) left center no-repeat transparent;
    padding-left: 26px;
}

ul#recentcomments li.recentcomments a {
    display: inline !important;
    padding: 0;
    margin: 0;
    color: #dc4637;
    font-style: normal;
}

ul#recentcomments .recentcomments a:hover {
    color: #666;
}

/* ------------ Tag Cloud ----------------*/

.tagcloud a {
    display: inline;
    color: #55585b;
    float: left;
    padding: 2px 6px;
    margin: 0 5px 5px 0;
    font-size: 11px !important;
    text-transform: uppercase;
    line-height: 20px;
    background-color: #ddd;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.tagcloud a:hover, #footer .tagcloud a:hover {
    color: #fff !important;
    background-color: #dc4637;
}

#footer .tagcloud a {
    background-color: #657375;
}

/*--------------------------------------------------------------------*/
/*	COMMENTS STYLING
/*--------------------------------------------------------------------*/
ol.comment-list, .comment ol.children {
    list-style: none outside none;
    margin: 25px 0 0;
    clear: both;
}

.comment ol.children {
    margin-left: 40px;
    margin-top: 40px; /* Keep this value same as margin set between list elements. See next element */
}

.comment ol.children li {
    margin-left: 15px;
}

.comment-list .line {
    display: none;
}

.comment ol.children li .line {
    display: block;
    position: absolute;
    width: 15px;
    height: 1px;
    border-bottom: 1px solid #EFEFEF;
    margin: 35px 0 0 -15px;
}

li.comment, li.trackback, li.pingback {
    margin: 0 0 40px 0;
}

a.comment-reply-link, a.comment-reply-link:visited, a.comment-edit-link, a.comment-edit-link:visited {
    margin: 0 0 0 3px;
    color: #f4f4f4;
    padding: 2px 10px;
    background-color: #db4537;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    float: right;
    font-family: 'Arvo';
}

a.comment-reply-link:hover, a.comment-edit-link:hover {
    color: #fff;
}

#comments {
    margin-top: 0;
    padding-top: 45px;
    max-width: 820px;
}

#respond {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px dotted #AAA;
}

#respond .comment-notes {
    display: none;
}

/*--------------------------------------------------------------------*/
/*	Responsive Flex Slider Styles
/*--------------------------------------------------------------------*/

/* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * */

/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
    outline: none;
}

.slides, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* FlexSlider Necessary Styles *********************************/
.flexslider {
    margin: 0;
    padding: 0;
}

.flexslider .slides > li {
    display: none; /*-webkit-backface-visibility: hidden; */
}

/* Causes issues with fixed backgrounds in Chrome/Safari */

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
    display: block;
}

.flex-pauseplay span {
    text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

/* No JavaScript Fallback */

/* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
    display: block;
}

/* FlexSlider Default Theme *********************************/
.flexslider {
    background: transparent;
    padding: 0;
    max-width: 100%;
    position: relative;
    zoom: 1;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 2s ease 1s;
    -moz-transition: all 2s ease 1s;
    transition: all 2s ease 1s;
}

.loading .flex-viewport {
    max-height: 300px;
}

.flexslider .slides {
    zoom: 1;
}

.carousel li {
    margin-right: 5px
}

.flexslider .slides > li {
    margin: 0;
    position: relative;
}

.flexslider .slides .image-area {
    float: none;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
    display: block;
}

/* Caption styles */
.flex-caption {
    position: absolute;
    left: 150px;
    bottom: 30%;
    width: 35%;
    max-width: 450px;
    z-index: 89;
}

.flex-caption a, .flex-caption .flex-summary {
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=55); /*IE*/
}

.flex-caption a {
    display: inline !important;
    font-size: 36px;
    font-weight: 500;
    line-height: 50px;
    color: #EFEFEF !important;
    padding: 2px 15px;
}

.flex-caption .flex-summary {
    color: #ccc;
    margin-top: 5px;
    padding: 10px 15px 10px 15px;
    margin: 10px 0 0;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 26px;
}

/* ----- Inline flex slider styling ----------*/

.flex-slider-container.loading {
    background: #202834 url(../img/images/sliders/ajax-loader.gif) no-repeat 50% 50%;
}

.flex-slider-container .flexslider {
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}

.flex-slider-container.loading .flexslider {
    visibility: hidden;
    opacity: 0;
}

/* --------- Slider Area styling ------ */

#slider-area .flexslider .flex-next {
    right: 0;
}

#slider-area .flexslider .flex-prev {
    right: inherit;
}

#slider-area .widget {
    margin-bottom: 0;
}

#slider-area .widget-title {
    display: none;
}

/* ------- Revolution Slider styling --------- */
#slider-area .rev_slider_wrapper {
    border-bottom: none;
}

.tp-bullets.simplebullets.round .bullet {
}

.tp-rightarrow.default, .tp-leftarrow.default {
    width: 60px;
    height: 60px;
}

.tp-rightarrow.default {
    background-image: url(../img/images/sliders/large_right.png);
}

.tp-leftarrow.default {
    background-image: url(../img/images/sliders/large_left.png);
}

.rev_slider_wrapper .tp-leftarrow:hover, .rev_slider_wrapper .tp-rightarrow:hover {
    background-position: bottom left;
}

@media only screen and (max-width: 767px) {
    .tp-bullets .bullet {
        display: none;
    }

    .tp-caption .button {
        padding: 5px 8px;
        font-size: 12px;
    }

    #home2-heading .heading2 h2 {
        font-size: 28px;
        line-height: 36px;
    }

}

@media only screen and (max-width: 479px) {
    .tp-bullets {
        display: none;
    }

    .tp-caption .button {
        padding: 4px 6px;
        font-size: 11px;
    }

    .tparrows {
        display: none;
    }
}

/*--------------------------------------------------------------------*/
/*	OTHER SLIDERS - NIVO, ANYTHING
/*--------------------------------------------------------------------*/

/* === The Nivo Slider styles - do not modify unless you know what you are doing == */

/* === For customization, see below === */
.nivoSlider {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.nivoSlider img {
    position: absolute;
    top: 0px;
    left: 0px;
    max-width: none;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    z-index: 6;
    display: none;
    background: white;
    filter: alpha(opacity=0);
    opacity: 0;
}

/* ===== Nivo Slider Custom styles - modify below if required === */
#nivo-slider {
    position: relative;
    margin: 0 auto;
    display: block;
    color: black;
    height: auto;
    overflow: hidden;
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}

#nivo-slider.loading {
    height: 500px;
    visibility: hidden;
    opacity: 0;
}

#nivo-slider a {
    border: 0;
}

/**
* BxSlider v4.0 - Fully loaded, responsive content slider
* http://bxslider.com by Steven Wanderski
*/

/** RESET AND LAYOUT ===================================*/
.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
}

/** THEME ===================================*/

.bx-wrapper .bx-viewport {
    border: solid #fff 5px;
    left: -5px;
    background: #fff;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

/* LOADER */
.bx-wrapper .bx-loading {
    min-height: 50px;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
    background: url(../img/images/sliders/bx_loader.gif) center center no-repeat #fff;
}

/* PAGER */
.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #dc4637;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
    text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(../img/images/sliders/controls.png) -86px -11px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(../img/images/sliders/controls.png) -86px -44px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666;
    background-color: #888; /* IE */
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.carousel-container .bx-wrapper .bx-prev {
    background-position: 0px 0px;
    margin-right: 6px;
}

.carousel-container .bx-wrapper .bx-next {
    background-position: -42px -0px;
}

.carousel-container .bx-wrapper .bx-prev:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
}

.carousel-container .bx-wrapper .bx-next:hover {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}

.carousel-container .bx-wrapper .bx-controls-direction {
    position: absolute;
    display: block;
    top: auto;
    bottom: -35px;
    margin-left: 5px;
    list-style: none;
}

.carousel-container .bx-wrapper .bx-controls-direction a {
    display: inline-block;
    width: 32px;
    height: 26px;
    text-indent: -9999px;
    cursor: pointer;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

/* Preload of carousel */
.carousel-wrap.loading {
    background: #f5f5f5 url(../img/images/sliders/preloader.gif) no-repeat 50% 50%;
    height: 160px;
    overflow: hidden;
}

.carousel-container {
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}

.carousel-wrap.loading .carousel-container {
    visibility: hidden;
    opacity: 0;
}

.carousel-container {
    padding-bottom: 40px;
}

/*--------- Isotope Portfolio Filtering ------------- */
.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

/* Isotope CSS3 transitions */
.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: top, left, opacity;
    transition-property: transform, opacity;
}

/* disabling Isotope CSS3 transitions */
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

/* infinite scroll loading message styling */
#infscr-loading {
    position: fixed;
    text-align: center;
    bottom: 30px;
    left: 42%;
    z-index: 100;
    background: white;
    background: hsla(0, 0%, 100%, 0.9);
    padding: 20px;
    color: #222;
    font-size: 15px;
    font-weight: bold;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#infscr-loading img {
    float: left;
    width: auto !important;
}

#infscr-loading div {
    float: left;
    padding-left: 10px;
}

/*----------------------------------- Dropdown Menus ---------------------------------------------------*/

.dropdown-menu-wrap > ul.menu {
    margin: 0 auto;
}

.dropdown-menu-wrap > ul.menu > li {
    display: inline-block;
}

.dropdown-menu-wrap ul {
    list-style-type: none;
}

.dropdown-menu-wrap ul li {
    position: relative;
    float: left;
    margin: 0;
}

.dropdown-menu-wrap ul li a {
    text-decoration: none;
    display: block;
    text-transform: none;
}

/* Primary menu dropdown styling*/
.dropdown-menu-wrap ul.sub-menu {
    position: absolute;
    top: -9999em;
    width: 180px;
    background: #4E5052;
    z-index: 9999;
    padding: 0;
    margin: 0;
}

.dropdown-menu-wrap ul.sub-menu li {
    width: 100%;
    border-top: 1px solid #5e5f61;
    border-bottom: 1px solid #3d3f41;
}

.dropdown-menu-wrap ul.sub-menu li a {
    color: #EEE;
    font-size: 13px;
    font-weight: 400;
    padding: 10px 20px;
}

.dropdown-menu-wrap ul.sub-menu li:hover, .dropdown-menu-wrap ul.sub-menu li.sfHover {
    background: #5E5F61;
    -webkit-transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
    -ms-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
}

.dropdown-menu-wrap ul.sub-menu > li:hover > a {
    color: #fff;
}

/* First dropdown */
.dropdown-menu-wrap > ul.menu > li:hover > ul.sub-menu {
    left: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

/* All except first drop-down, the ones that come up on the right */
.dropdown-menu-wrap ul.sub-menu li:hover > ul.sub-menu {
    left: 181px;
    top: 0;
    border: none;
}

/* Primary menu styling*/
#primary-menu {
    padding: 0;
    position: relative;
    right: 0;
    bottom: 0;
    display: inline-block;
    float: left;
    padding-top: 15px;
}

#primary-menu > ul.menu > li > a {
    font-size: 15px;
    font-weight: 500;
    color: #666;
    padding: 0;
    display: block;
    float: left;
    text-transform: uppercase;
    line-height: 30px; /*width: 190px;*/
}

#primary-menu ul > li.sfHover > a, #primary-menu ul li a:hover {
    text-decoration: underline;
}

/* Primary menu dropdown styling*/
#primary-menu > ul.menu > li:hover > ul.sub-menu {
    top: 96px;
    border-top: 4px solid #dc4637;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

#header.sticky #primary-menu {
    margin: 0;
    padding: 0;
    height: 58px;
}

#header.sticky #primary-menu > ul.menu > li > a {
    padding: 0 10px;
    line-height: 50px;
    font-size: 13px;
    text-transform: none;
    width: auto;
}

#header.sticky #primary-menu > ul.menu > li:hover > ul.sub-menu {
    top: 46px;
}

/* --------- Mobile Menu - styling properties in responsive.css and used when needed only ---------- */

#mobile-menu {
    display: none;
}

#mobile-menu-toggle {
    display: none;
}

#mobile-menu-toggle i {
    font-size: 24px;
}

#mobile-menu li span i {
    font-size: 10px;
    color: #bbb;
    float: right;
    line-height: 24px;
}

/*---- Lava Lamp Effect ---- */

#primary-menu .hover-bg {
    display: none;
}

/* ------------ Home Page / Services Styling ------------- */
span.action-link a {
    border-bottom: 1px dashed #aaa;
    color: #666;
    font-weight: 500;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

span.action-link a:hover {
    color: #dc4637;
}

div.service-box1, div.service-box2 {
    text-align: center;
    padding: 20px 10px 0;
    position: relative;
}

div.service-box1 {
    padding-bottom: 20px;
}

div.service-box1 a, div.service-box2 a {
    color: #777;
}

div.service-box2.service-rounded h2 a {
    color: #4c4f50;
    font-size: 22px;
}

div.service-box2:hover h2 a {
    color: #dc4637;
}

div.service-box1:hover {
    background-color: #dc4637;
    -moz-transition: background-color .3s ease-in-out;
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
}

div.service-box1:hover, div.service-box1:hover a, div.service-box1:hover h3 {
    color: #FFFFFF;
}

div.service-box1:hover a {
    background-color: #444;
}

div.service-box1 h3, div.service-box2 h2 {
    font-size: 24px;
}

div.service-box1 img, div.service-box1 h3, div.service-box2 img, div.service-box2 h2 {
    display: block;
    margin: 0 auto 20px auto;
}

img.replacer {
    opacity: 0; /* Hide the replacer initially */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

div.service-box1:hover img.replacer, div.service-box2:hover img.replacer {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

div.service-img-wrap {
    position: relative;
    margin: 0 auto;
}

.service-box3 {
    float: left;
    width: 100%;
    border-top: 5px solid #c8c7bb;
    -webkit-transition: border 0.4s ease-in;
    -moz-transition: border 0.4s ease-in;
    -o-transition: border 0.4s ease-in;
    transition: border 0.4s ease-in;
}

.service-box3:hover {
    border-color: #dc4637;
    -webkit-transition: border 0.3s ease-in;
    -moz-transition: border 0.3s ease-in;
    -o-transition: border 0.3s ease-in;
    transition: border 0.3s ease-in;
}

.service-box3 h3 {
    padding-top: 15px;
    margin-bottom: 15px;
}

.service-box4 h3 {
    font-size: 20px;
    margin: 10px 0px;
}

#services-rounded .service-box4 h2 {
    font-size: 14px;
    color: #444;
    text-transform: uppercase;
}

#services-rounded .service-box4:hover h2 {
    color: #dc4637;
}

.service-box4 img {
    margin: 0 auto;
    margin-bottom: 30px;
    background: #ccc;
    border-radius: 70px;
}

.service-box4 .img-wrap {
    height: 140px;
    width: 140px;
    background: #eaeaea;
    border-radius: 70px;
}

#services-home3 .heading2 {
    margin-bottom: 60px;
}

.services-in-images .service-box4:hover img {
    opacity: 0.6 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)" !important;
    filter: alpha(opacity=60) !important;
}

#services-rounded .service-box4:hover img {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
}

#services-rounded p, .service-box2 p {
    margin-top: 20px;
}

.service-box4 [class^="icon-"] {
    font-size: 64px;
}

.service-box4:hover img {
    background-color: #dc4637;
}

.service-box4 img, .service-stat img, .service-box4 h2, .service-stat h3, .service-box4 h3, .service-box4 [class^="icon-"] {
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    font-size: 30px;
    line-height: 42px;
}

.service-box3 p a, .service-box4 p a {
    text-transform: none;
    letter-spacing: 0px;
}

.service-box3:hover p a, .service-box4:hover p a {
    color: #888;
}

/* ------ Headings -------- */
.heading2 {
    text-align: center;
    margin: 0 auto 60px;
}

.heading2 .title {
    font-size: 38px;
    line-height: 52px;
}

/* Thinner headings */
.heading2 .title.separator {
    padding-bottom: 40px;
    text-transform: uppercase;
    background: url(../img/images/separator-fancy.png) no-repeat center bottom transparent;
    margin-bottom: 40px;
}

.heading2 .pitch {
    font-size: 14px;
    line-height: 24px;
    word-spacing: 0;
    margin: 0 auto;
    max-width: 60%;
}

.heading2 .button {
    margin-top: 60px;
}

/* ------ Slogan Headings ------*/
.slogan .heading2 {
    margin-bottom: 0;
}

.slogan h2, .slogan h1, .slogan h3 {
    margin: 0 auto;
}

.segment.slogan {
    padding: 205px 0;
}

/* ----- Revolution Slider -------- */
.rev_slider_wrapper .tp-leftarrow.large {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../img/images/sliders/large_left.png) no-repeat top left;
    width: 22px;
    height: 34px;
    margin-left: 20px;
    margin-top: -20px;
}

.rev_slider_wrapper .tp-rightarrow.large {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../img/images/sliders/large_right.png) no-repeat top left;
    width: 23px;
    height: 34px;
    margin-left: -20px;
    margin-top: -20px;
}

.rev_slider_wrapper .tp-leftarrow:hover, .rev_slider_wrapper .tp-rightarrow:hover {
    background-position: bottom left;
}

/*------- Miscelleneous ------------- */

.circle {
    display: inline-block;
    width: 100px;
    height: 100px;
    font-size: 16px;
    color: #fff;
    line-height: 100px;
    text-align: center;
    background: #aaa;
    margin: 0 10px;
    padding: 0;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
}

.circle.small {
    font-size: 13px;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    line-height: 50px;
}

.circle.tiny {
    font-size: 11px;
    width: 30px;
    height: 30px;
    border-radius: 25px;
    line-height: 30px;
}

/* ----- ---- --- -- - Default buttons - -- --- ---- ----- */
button, .button, .button:active, .button:visited, input[type="button"], input[type="submit"], input[type="reset"] {
    display: inline-block;
    padding: 12px 15px;
    margin: 0;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 1px;
    font-weight: 400;
    color: #494d4e;
    background-color: #ced0d6;;
    border: 1px solid #bbbbbb;
    border-color: #e7e8eb #b9bbc0 #b9bbc0 #e7e8eb;
}

.button::-moz-focus-inner, input[type="submit"].button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.button img {
    display: inline-block !important;
    border: none;
    vertical-align: middle;
    width: auto !important;
}

/* ----- ---- --- -- - Small buttons - -- --- ---- ----- */
.button.small {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 22px;
}

.button.small [class^="icon-"], .button.small [class*=" icon-"] {
    margin-top: 0;
}

/* ----- ---- --- -- - Large buttons - -- --- ---- ----- */
.button.large {
    padding: 12px 20px;
    font-size: 16px;
    line-height: 28px;
}

.button.large [class^="icon-"], .button.large [class*=" icon-"] {
    margin-top: 2px;
    padding-left: 10px;
}

.button [class^="icon-"], .button [class*=" icon-"] {
    padding: 8px;
}

.button.default [class^="icon-"], .button [class*=" icon-"] {
    font-size: 11px;
}

/*---------- - Color Variations --------------- */

.button.cyan, .button.blue, .button.orange, .button.red, .button.green, .button.teal, .button.black, .button.pink {
    color: #fff !important;
}

.button.blue.active, .button.orange.active, .button.red.active, .button.green.active, .button.teal.active, .button.black.active, .button.pink.active {
    color: #fafafa; /* IE */
    color: rgba(255, 255, 255, 0.75) !important;;
}

.button.cyan {
    background-color: #57C0DC !important;;
    border-color: #61CFEC #48A7C0 #48A7C0 #61CFEC;
}

.button.blue {
    background-color: #46A5D5 !important;;
    border-color: #37B4EE #1C8BBE #1C8BBE #37B4EE;
}

.button.orange {
    background-color: #E87151 !important;;
    border-color: #F88F73 #CA5A3B #CA5A3B #F88F73;
}

.button.red {
    background-color: #DA4F49 !important;;
    border-color: #EC5E58 #C4403A #C4403A #EC5E58;
}

.button.green {
    background-color: #00A57D !important;;
    border-color: #07B98E #028866 #028867 #07B98E;
}

.button.teal {
    background-color: #28c2ba !important;;
    border-color: #2dcdc5 #23b1aa #20a59e #2dcdc5;
}

.button.black {
    background-color: #363636 !important;;
    border-color: #222222 #222222 #000000;
}

.button.pink {
    background-color: #dd5679 !important;;
    border-color: #f0678a #c64a6a #c64a6a #f0678a;
}

.button.trans {
    color: #fff !important;
    background-color: #fff; /* IE */
    background-color: rgba(0, 0, 0, 0) !important;
    border-color: #eee;
    border: 1px solid rgba(255, 255, 255, 0.8) !important;
}

.button.trans:hover {
    background-color: #f9f9f9; /* IE */
    background-color: rgba(255, 255, 255, 0.1) !important;
}

button.default, .button.default, input[type="submit"], input[type="reset"], button[type="submit"] {
    border: 1px solid rgba(162, 163, 167, .1);
    background-color: #abaeb2;
    background-image: -moz-linear-gradient(bottom, #c1c3c7 0%, #d7d9dd 100%);
    background-image: -webkit-linear-gradient(bottom, #c1c3c7 0%, #d7d9dd 100%);
    background-image: linear-gradient(bottom, #c1c3c7 0%, #d7d9dd 100%);
    text-shadow: 0 1px 0 rgba(255, 255, 255, .35); /* drop shadow */;
}

.button.disabled, .button[disabled] {
    color: #333333;
    background-color: #e6e6e6 !important;
}

.button:hover, .button:active, button:hover, button:active, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover,
input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active {
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
}

.button:hover, .button:active, button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
    background-image: -moz-linear-gradient(bottom, #c7c9cd 0%, #e0e2e5 100%);
    background-image: -webkit-linear-gradient(bottom, #c7c9cd 0%, #e0e2e5 100%);
    background-image: linear-gradient(bottom, #c7c9cd 0%, #e0e2e5 100%);
}

.button:active, button:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active {
    background-image: -moz-linear-gradient(bottom, #b9bbc0 0%, #cfd1d4 100%);
    background-image: -webkit-linear-gradient(bottom, #b9bbc0 0%, #cfd1d4 100%);
    background-image: linear-gradient(bottom, #b9bbc0 0%, #cfd1d4 100%);
}

.button.cyan:hover, button.cyan:hover, .button.blue:hover, button.blue:hover, .button.orange:hover, button.orange:hover, .button.red:hover, button.red:hover,
.button.green:hover, button.green:hover, .button.teal:hover, button.teal:hover, .button.black:hover, button.black:hover, .button.pink:hover, button.pink:hover {
    color: #fff !important;;
    background-color: #4b4b4b !important;
    border-color: #4b4b4b !important;
    background-image: none;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
}

#footer .button:hover, #footer button:hover, #footer input[type="button"]:hover, #footer input[type="submit"]:hover, #footer input[type="reset"]:hover {
    background-color: #4D5A5C !important;
    border-color: #4D5A5C !important;
}

.contact-form .button {
    display: block;
    clear: both;
    font-size: 18px;
}

.contact-form .button i.send {
    background: url(../img/images/icons/send-icon.png) no-repeat 0 0 transparent;
    display: inline-block;
    margin-left: 10px;
    height: 17px;
    width: 17px;
}

/* ---------- Pricing table --------- */
.pricing-table {
    padding: 0;
    margin: 0;
}

.pricing-table .pricing-plan {
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -o-transition: all 0.1s ease-in-out 0s;
    -webkit-transition: all 0.1s ease-in-out 0s;
    -moz-transition: all 0.1s ease-in-out 0s;
    -webkit-border-radius: 6px 6px 0 0/8px 8px 0 0;
    -moz-border-radius: 6px 6px 0 0/8px 8px 0 0;
    border-radius: 6px 6px 0 0/8px 8px 0 0;
    background-color: #fff;
    border: solid 6px #e5e8e9;
}

.pricing-table .pricing-plan:hover {
    background: #fff;
}

.pricing-table .top-header {
    padding: 20px 0;
    background-color: #393939;
    background-image: -webkit-linear-gradient(top, #494747, #323131);
    background-image: -moz-linear-gradient(top, #494747, #323131);
    background-image: linear-gradient(to bottom, #494747, #323131);
}

.pricing-table .popular .top-header {
    background-color: #dc4637;
    background-image: -webkit-linear-gradient(top, #ef5646, #dc4637);
    background-image: -moz-linear-gradient(top, #ef5646, #dc4637);
    background-image: linear-gradient(to bottom, #ef5646, #dc4637);
}

.pricing-table .pricing-plan h4 {
    color: #f1f1f1;
    font-size: 18px;
    line-height: 28px;
    margin: 0;
}

.pricing-table .plan-details {
    margin: 0;
    padding: 0;
}

.pricing-table .plan-details li {
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #526066;
    text-align: center;
    border-top: 1px dotted #AAA;
    margin: 0 auto;
    padding: 6px;
}

.pricing-table .plan-details li.free-plan-desc {
    border-top: 1px dotted #AAA;
    border-bottom: 1px dotted #AAA;
    margin: 12px auto;
}

.pricing-table .plan-details li.free-plan-desc span {
    font-size: 12px;
    color: #dc4637;
    font-weight: 600;
}

/*---------- Misc Home Page Styling ----------------------------*/

.testimonials2-slider-container {
    margin-bottom: 50px;
}

.testimonials2-slider-container blockquote {
    padding: 75px 65px 0;
    margin: 0;
    text-align: left;
}

.testimonials2-slider-container blockquote > p {
    margin: 0 0 40px;
    text-align: center;
    font-size: 23px;
    line-height: 26px;
    font-style: normal;
    font-weight: 300;
    color: #222222;
    text-transform: uppercase;
}

.testimonials2-slider-container .footer, .testimonials3-slider-container .footer {
    display: block;
    font-family: 'Arvo', 'PT Sans', Arial, Verdana, sans-serif;
    font-size: 20px;
    line-height: 28px;
    font-style: normal;
    margin: 0 auto;
    text-align: center;
}

.testimonials2-slider-container .footer p {
    color: #1CA5B1;
    display: inline-block;
}

.testimonials2-slider-container .footer img {
    border-radius: 50%;
    border: 4px solid #9b9194;
}

.dark-bg .testimonials2-slider-container .footer p {
    background: rgba(11, 145, 163, 0.4);
    padding: 18px;
}

.testimonials2-slider-container .footer span {
    display: inline;
    position: relative;
    color: #222222;
}

.testimonials2-slider-container blockquote .footer > p > b {
    font-weight: normal;
    text-transform: none;
}

#featured-app {
    overflow: hidden;
    background: url(../img/bg_featured.png) repeat;
    -moz-box-shadow: inset 0 1px 3px rgba(15, 79, 84, .3);
    -webkit-box-shadow: inset 0 1px 3px rgba(15, 79, 84, .3);
    box-shadow: inset 0 1px 3px rgba(15, 79, 84, .3);
}

#featured-app .fivecol, #featured-app .sevencol {
    float: right;
}

#featured-app .fivecol.no-margin {
    margin-right: 0;
}

#featured-app .app-screenshot {
    position: absolute;
    top: 500px;
    left: 110px;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

#featured-app .app-screenshot.visible {
    top: 0;
}

#featured-app h2 {
    font-size: 36px;
    line-height: 50px;
    color: #f5f3f3;
}

#featured-app p {
    color: #cdcdca;
}

#featured-app p.white {
    color: #ffffff;
    font-size: 16px;
    text-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px;
}

#featured-app .text {
    padding: 30px 0 35px;
}

#featured-app .button {
    border: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.features-list-alternate .icon {
    font-size: 28px;
    float: left;
    margin-right: 22px;
    color: #dc4637;
}

.features-list-alternate p {
    margin-bottom: 60px;
}

.features-list-alternate .iphone-slider-container {
    margin-top: -307px;
}

/* TODO: Remove references to iphone-slider-container - kept for compatibility to previous versions of theme */
.smartphone-slider, .iphone-slider-container {
    position: relative;
    margin: 0 auto;
}

.smartphone-slider .flex-slider-container.loading, .iphone-slider-container .flex-slider-container.loading {
    background-color: #333;
}

.smartphone-slider .flex-slider-container, .iphone-slider-container .flex-slider-container {
    position: absolute;
    overflow: hidden;
}

.iphone-slider-container > img {
    position: relative; /*z-index: 11;*/
}

.iphone-slider-container .flex-slider-container {
    top: 19.5%;
    left: 17.5%;
    width: 63.6%;
    height: 65%;
}

#home2-heading {
    padding: 100px 0 280px;
}

.mps {
    padding: 75px 0 75px !important;
}

.contpage #home2-heading {
    padding: 60px 0 55px;
}

#home2-heading .heading2 {
    max-width: 545px;
}

#home2-heading .heading2 h1 {
    color: #0b91a3;
    padding: 15px 20px;
    border: 4px solid #ffffff;
    text-transform: uppercase;
    display: inline; /* To achieve margin between lines */
}

/* -------- Other Pages styling ----------*/

#column-shortcode-section p {
    color: #fff;
    line-height: 80px;
    background: #dc4637;
    text-align: center;
    margin: 0;
}

/* ---- Pricing page ------- */
.pricing-faq {
    border: 1px solid #9bc1cb;
    background-color: #bdd7db;
}

.pricing-faq h4 {
    font-size: 26px;
    line-height: 40px;
}

.pricing-faq-header {
    text-align: center;
    position: relative;
    z-index: 10;
    margin: 20px auto;
}

/* ----- Our team -------- */

.team-member h3 {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 18px;
}

.team-member h3 a {
    color: #000000;
    text-decoration: none;
    text-transform: uppercase;
}

.team-member:hover h3 a {
    color: #dc4637;
    text-decoration: underline;
}

.team-member span a {
    color: #000000;
    text-decoration: none;
    text-transform: uppercase;
}

.team-member:hover span a {
    color: #02accf;
    text-decoration: underline;
}

.team-member .image-area {
    background-color: transparent;
}

.team-member .img-wrap {
    position: relative;
    margin: 0 auto 10px;
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
}

.team-member .img-wrap:hover {
    overflow: hidden;
}

.team-member img {
    margin: 0 auto;
}

.team-member:hover a {
    color: #888;
}

.team-member .aligncenter {
    margin-bottom: 0;
}

.team-member img, .team-member a {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.team-member .team-member-hover {
    display: block;
    position: absolute;
    top: 0;
    margin: 0 auto;
    text-align: center;
    background: rgba(220, 70, 55, 0.7);
    color: white;
    width: 100%;
    height: 100%;
    z-index: 230;
    border-radius: 50%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.team-member .img-wrap:hover .team-member-hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.team-member-hover .text {
    position: relative;
    top: 40%;
    font-size: 18px;
}

.team-member p:last-child.bio {
    margin-bottom: 0;
    line-height: 21px;
    font-size: 14px;
}

.team-member-hover .social-wrap {
    position: relative;
    top: 50%;
}

/*--- New Mpos ---*/
#showcase {
    margin-bottom: 40px;
}

#featured-app .bx-wrapper .bx-viewport, .mpos_slider .bx-wrapper .bx-viewport {
    background: transparent;
    border: 0px;
    min-height: 415px;
}

.mpos_slider .bx-wrapper .bx-viewport {
    margin-bottom: 35px;
}

.bxslider_mpos .sevencol {
    width: 68.75%;
}

.bxslider_mpos .fivecol {
    width: 27.45%;
}

.bxslider_mpos .imgs {
    display: none;
    margin: 0 auto;
}

.bxslider_mpos .segment {
    padding-bottom: 60px;
}

.client_map {
    background: url(/main_res/img/map_full.png) no-repeat;
    background-position: center top;
    background-size: contain;
}

.client_map_ru {
    background: url(/main_res/img/map_full_ru.jpg) no-repeat;
    background-position: center top;
    background-size: contain;
}

.client_map_en {
    background: url(/main_res/img/map_full_en.jpg) no-repeat;
    background-position: center top;
    background-size: contain;
}

.margin-map {
    padding-top: 28%;
}

#object12 {
    position: absolute;
    top: -20px;
    left: 0px;
}

#pointer12_1 {
    top: 350px;
    left: 10px;
}

#pointer12_2 {
    top: 385px;
    left: 50px;
}

#pointer12_3 {
    top: 375px;
    left: 65px;
}

#pointer12_4 {
    top: 365px;
    left: 85px;
}

.banners_block {
    float: left;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 20px;
    overflow: hidden;
}

.banners_block table {
    width: 100%;
    border: 0px;
}

.banners_block table td {
    text-align: center;
    width: 25%;
}

.banners_block table td.first_child {
    text-align: left;
}

.banners_block table td.last_child {
    text-align: right;
}

.banners_block table td img {
    display: inline;
}

.certificates {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.certificates p {
    font-size: 16px;
}

.certificates table {
    width: 100%;
    border: 0px;
}

.certificates table td.first_child {
    padding-bottom: 20px;
}

.certificates .certif {
    display: block;
    position: relative;
    width: 208px;
    height: 208px;
    overflow: hidden;
    border: 1px solid #0b91a3;
    -webkit-box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.05);
}

.certificates .certif img {
    min-height: 100%;
}

.certificates .zoom {
    position: absolute;
    display: block;
    width: 43px;
    height: 43px;
    top: 2px;
    left: 2px;
    background: url('../img/zoom.png') no-repeat center;
}

.blue_color {
    color: #0b91a3 !important;
    font-size: 16px;
}

ul.options {
    margin-bottom: 30px !important;
}

h3.model_name {
    text-transform: uppercase;
    color: #000;
    margin: 0px;
    margin-bottom: 20px;
    margin-left: 7px;
}

h3.model_name span {
    border-bottom: 2px solid #0b91a3;
}

.mpos_n .ulmarker li {
    font-size: 12px;
}

.mpos_n h3.fancy-header {
    padding: 10px 30px;
}

.mpos_slider .fourcol {
    width: 24.75%;
    margin-right: 7.4%;
    margin-left: 7.4%;
}

.mpos_slider .eightcol {
    width: 60.4%;
}

.mpos_slider .iphone-slider-container > img {
    max-width: 200px;
}

p.after_slider {
    margin-top: 30px !important;
    font-size: 13px;
}

.mpos_slider .bx-wrapper .bx-prev {
    background-position: -90px 0px;
}

.mpos_slider .bx-wrapper .bx-prev:hover {
    background-position: -90px -45px;
}

.mpos_slider .bx-wrapper .bx-next {
    background-position: -135px 0px;
}

.mpos_slider .bx-wrapper .bx-next:hover {
    background-position: -135px -45px;
}

.mpos_slider .bx-wrapper .bx-pager.bx-default-pager a {
    background-position: -27px 0px;
}

.mpos_slider .bx-wrapper .bx-pager.bx-default-pager a:hover, .mpos_slider .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #0b91a3 !important;
}

.mpos_n #home2-heading .heading2 {
    max-width: 100%;
}

.iphone-slider-container.ipad-slider > img {
    margin: 0 auto;
}

.iphone-slider-container.ipad-slider .flex-slider-container {
    z-index: 12;
    top: 5%;
    width: 74.6%;
    height: 80%;
    left: 30%;

    /*
    height: 80%;
    left: 16%;
    top: 7%;
    width: 72.6%;
    z-index: 12;
    */
}

/*--- Select ---*/
/* --- DEMO FLAT THEME --- */

/* PREFIXED CSS */

.flat,
.flat div,
.flat li,
.flat div::after,
.flat .carat,
.flat .carat:after,
.flat .selected::after,
.flat:after {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

.flat .selected::after,
.flat.scrollable div::after {
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    -ms-pointer-events: none;
    pointer-events: none;
}

/* WRAPPER */

.flat {
    position: relative;
    /*width: 242px;*/
    cursor: pointer;
    font-weight: 200;
    background: url('../img/select_fon.png') no-repeat right center;
    padding: 8px 0px 8px;
    padding-right: 59px;
    color: #0b91a3;
    display: inline-block;
    border: 4px solid #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.flat.open {
    z-index: 2;
}

/* CARAT */

.flat .carat,
.flat .carat:after {
    position: absolute;
    right: 25px;
    top: 49%;
    margin-top: 0px;
    border: 5px solid transparent;
    border-top: 5px solid #0b91a3;
    z-index: 1;

    -webkit-transform-origin: 50% 20%;
    -moz-transform-origin: 50% 20%;
    -ms-transform-origin: 50% 20%;
    transform-origin: 50% 20%;

}

.flat.open .carat {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* OLD SELECT (HIDDEN) */

.flat .old {
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    width: 0;
    overflow: hidden;
}

.flat select {
    position: absolute;
    left: 0px;
    top: 0px;
}

.flat.touch select {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

/* SELECTED FEEDBACK ITEM */
.flat .selected {
    color: #000;
}

.flat .selected,
.flat li {
    display: block;
    font-size: 38px;
    line-height: 52px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 1;
    padding: 3px 12px;
    color: #0b91a3;
    overflow: hidden;
    white-space: nowrap;
}

.flat .selected {
    border-right: 1px solid #0b91a3;
}

.flat .selected::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 60px;
}

/* DROP DOWN WRAPPER */

.flat div {
    position: absolute;
    height: 0;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 1px;
    background: #fff;
    overflow: hidden;
    opacity: 0;
    color: #000;
}

.flat:hover div {
    background: #fff;
}

/* Height is adjusted by JS on open */

.flat.open div {
    opacity: 1;
    z-index: 2;
    width: 100%;
    left: -4px;
    border: 4px solid #fff;
}

/* FADE OVERLAY FOR SCROLLING LISTS */

.flat.scrollable div::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50px;
}

.flat.scrollable.bottom div::after {
    opacity: 0;
}

/* DROP DOWN LIST */

.flat ul {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    margin: 0px;
    list-style: none;
}

.flat.scrollable.open ul {
    overflow-y: auto;
}

/* DROP DOWN LIST ITEMS */

.flat li {
    list-style: none;
    padding: 15px 15px;
    text-transform: none;
    font-size: 20px;
    margin: 0px;
    text-align: left;
}

.flat li:last-child {
    border-bottom: 0;
}

/* .focus class is also added on hover */

.flat li.focus {
    background: #0b91a3;
    position: relative;
    z-index: 3;
    color: #fff;
}

.flat li.active {
    background: #fff;
    color: #0b91a3;
}

/*--- End Select ---*/
/*---  ---*/

/* Keeping all home and other pages styling together */

@media only screen and (max-width: 959px) {
    #featured-app #feature-pointers img {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    
    #featured-sources .twocol {
        width: 46%;
        margin-right: 3%;
    }

    .client-info .twocol {
        width: 33.3%;
    }

    .testimonials2-slider-container blockquote {
        padding: 80px 0 0;
    }

    .testimonials2-slider-container blockquote > p {
        font-size: 16px !important;
        line-height: 28px !important;
    }

    .testimonials2-slider-container .footer, .testimonials3-slider-container .footer {
        font-size: 14px;
        line-height: 24px;
    }

    .testimonials2-slider-container .flex-direction-nav {
        display: none;
    }

    #featured-app .app-screenshot {
        position: relative;
        left: 0;
        top: 100px;
        margin-bottom: -630px;
    }

    #featured-app .app-screenshot.visible {
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 0px;
    }

    #home-alternate .sixcol, #home-alternate .threecol {
        margin-bottom: 0;
    }

    .features-list-alternate .iphone-slider-container, .features-list-alternate .smartphone-slider {
        margin-top: 0;
    }

    #home2-heading {
        padding: 80px 0px;
    }

    .bxslider_mpos .sevencol {
        width: 100%;
    }

    .bxslider_mpos .fivecol {
        width: 100%;
    }

    .bxslider_mpos .imgs {
        display: block;
        margin: 0 auto;
    }

    .imgs_b {
        margin: 0 auto;
    }
}

/* ---------- Animation effects ---------- */

#title-area .inner, #custom-title-area .inner, #content, .sidebar-right-nav, .sidebar-left-nav {
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

/* Delay should come after transition specified above for opacity */
#title-area .inner, #custom-title-area .inner {
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
}

#content {
    transition-delay: 1.2s;
    -webkit-transition-delay: 1.2s;
}

.sidebar-left-nav, .sidebar-right-nav {
    transition-delay: 1.5s;
    -webkit-transition-delay: 1.5s;
}

/*---- Back to top button --------*/
/*#go-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    text-indent: -999em; 
    color: white;
    background-color: rgba(0, 0, 0, 0.3);
    background-image: url(../img/images/back-to-top.png);
    padding: 0;
    height: 50px;
    width: 50px;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    z-index: 999;
    display: none;
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}

#go-to-top:hover {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    background-color: rgba(0, 0, 0, 0.6);
}*/

/*==================== Mag's styles ====================*/

.top_header {
    background: #0097ac url(../img/bg_header.png);
    padding: 5px 0;
}

.top_header .inner {
    position: relative;
}

.top_menu {
    margin: 0;
}

.top_menu li {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    text-decoration: none;
    display: inline-block;
    padding: 0 10px;
    margin: 0;
}

.top_menu li:first-child {
    padding: 0 10px 0 0;
}

.top_menu li:last-child {
    border: none;
}

.top_menu li a {
    color: rgba(255, 255, 255, 0.75);
}

.top_menu li a:hover {
    text-decoration: underline;
}

.img-wrap_date {
    position: absolute;
    bottom: 0px;
    width: 54px;
    height: 54px;
    background: #0097ac;
    color: white;
}

.date_num {
    font-size: 20px;
    margin: 4px 0 0 0;
    line-height: 19px;
    font-weight: 700;
}

.date_mon {
    font-size: 14px;
    margin: 0;
    line-height: 15px;
    text-transform: uppercase;
    font-weight: 700;
}

.date_year {
    font-size: 12px;
    margin: 0;
    letter-spacing: 1px;
    line-height: 15px;
    text-transform: uppercase;
}

.withbg {
    overflow: hidden;
    background: url(../img/bg_featured.png) repeat;
    -moz-box-shadow: inset 0 1px 3px rgba(15, 79, 84, .3);
    -webkit-box-shadow: inset 0 1px 3px rgba(15, 79, 84, .3);
    box-shadow: inset 0 1px 3px rgba(15, 79, 84, .3);
}

.pointers {
    position: relative;
    top: -350px;
}

#object7 {
    visibility: hidden;
}

.pointers img {
    position: absolute;
    visibility: hidden;
}

#pointer1_1 {
    top: 100px;
    left: 20px;
}

#pointer1_2 {
    top: 100px;
    left: 200px;
}

#pointer1_3 {
    top: 10px;
    left: 150px;
}

#pointer2_1 {
    top: 129px;
    left: 130px;
}

#pointer3_1 {
    top: 85px;
    left: 123px;
}

#pointer3_2 {
    top: 94px;
    left: 42px;
}

#pointer4_1 {
    top: 310px;
    left: 42px;
}

#pointer4_2 {
    top: 500px;
    left: 138px;
}

#object5_2 {
    position: absolute;
    top: -20px;
    left: 0px;
    visibility: visible;
}

#pointer5_1 {
    top: 100px;
    left: 73px;
}

#pointer5_2 {
    top: 80px;
    left: 72px;
}

#pointer6_1 {
    top: -20px;
    left: 22px;
}

#pointer6_2 {
    top: -20px;
    left: 22px;
}

#pointer6_3 {
    top: 103px;
    left: 162px;
}

#pointer7_1 {
    top: 640px;
    left: -15px;
}

#pointer7_2 {
    top: 560px;
    left: 230px;
}

#pointer7_3 {
    top: 425px;
    left: 10px;
}

#pointer8_1 {
    top: -160px;
    left: -20px;
    z-index: 12
}

#pointer8_2 {
    top: -140px;
    left: 20px;
    z-index: 13
}

#object9 {
    position: absolute;
    top: 20px;
    left: -80px;
}

#pointer9_1 {
    top: 380px;
    left: 95px;
}

#pointer9_2 {
    top: 495px;
    left: 205px;
}

#pointer9_3 {
    top: 405px;
    left: 240px;
}

#object10 {
    position: absolute;
    top: 40px;
    left: 50px;
}

#pointer10_01 {
    top: 514px;
    left: 159px;
}

#pointer10_1 {
    top: 620px;
    left: -35px;
}

#pointer10_02 {
    top: 462px;
    left: 260px;
}

#pointer10_2 {
    top: 580px;
    left: 455px;
}

#pointer10_03 {
    top: 408px;
    left: 167px;
}

#pointer10_3 {
    top: 360px;
    left: -55px;
}

#object11 {
    position: absolute;
    top: -20px;
    left: 0px;
}

#pointer11_1 {
    top: 350px;
    left: 10px;
}

#pointer11_2 {
    top: 385px;
    left: 50px;
}

#pointer11_3 {
    top: 375px;
    left: 65px;
}

#pointer11_4 {
    top: 365px;
    left: 85px;
}

#object13 {
    position: absolute;
    top: -20px;
    left: 0px;
}

#pointer13_1 {
    top: 350px;
    left: 10px;
    visibility: visible;
}

#pointer13_2 {
    top: 355px;
    left: 10px;
    visibility: visible;
}

#pointer13_3 {
    top: 365px;
    left: 5px;
    visibility: visible;
}

.object14 {
    position: relative;
    display: inline-block;
    margin-right: 10%;
}

#object14-1 {
    visibility: hidden;
}

#object14-2, #object14-3, #object14-4, #object14-5 {
    position: absolute;
    top: 90px;
    right: 38%;
    visibility: hidden;
}

.imgs {
    display: none;
    margin: 0 auto;
}

.app-features .segment-content h2, #featured-app .segment-content h2 {
    font-weight: 600;
    text-transform: uppercase;
    color: #222222;
}

.app-features .segment-content h3 {
    font-size: 18px;
    line-height: 21px;
    text-transform: none;
    color: #ffffff;
    font-weight: normal;
    margin-bottom: 20px;
}

.app-features .segment-content .reverse h3 {
    color: #0097ac;
}

.app-features .sixcol.txt {
    margin-top: 30px;
}

#pinpad .sixcol.txt {
    margin-top: 0px;
}

.app-features .segment-content p, .ulmarker li {
    font-size: 14px;
    line-height: 19px;
    color: #1897a7;
}

.ulmarker li {
    font-size: 14px;
}

.ulmarker.nomarker {
    list-style-type: none;
    margin-left: 0px;
    margin-bottom: 0;
}

.app-features .segment-content p, .ulmarker.white li {
    color: #ffffff;
}

.app-features .segment-content p, .ulmarker li span {
    color: #222222;
    font-size: 16px !important;
    line-height: 24px;
}

.app-features .segment-content p.gray, .ulmarker li span.gray {
    color: #777777;
}

.app-features .segment-content p, .ulmarker.white li {
    text-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px;
}

.app-features .button {
    background: #ffffff;
    border: none;
    border-bottom: 2px solid #d9d9d9;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #0092a8;
    text-transform: uppercase;
}

.app-features .button:hover {
    background: #e2e2e2;
    border-bottom: 2px solid #ffffff;
}

.app-features .reverse .button {
    background: #0097ac;
    border: none;
    border-bottom: 2px solid #008093;
    color: #ffffff;
}

.app-features .reverse .button:hover {
    background: #008093;
    border: none;
    border-bottom: 2px solid #0097ac;
    color: #ffffff;
}

.app-features {
    padding: 60px 0;
}

.app-features .aside {
    color: #db4637;
    font-weight: 500;
}

.app-features .sixcol.reverse {
    float: right;
    text-align: right;
}

.app-features .sixcol.no-margin {
    margin-right: 0;
}

.app-features .feature.last {
    margin-bottom: 0;
}

/* Fix for transform causing issues with fixed backgrounds in Mac */
/* .app-features .feature img, .app-features .feature img:hover { -webkit-transform: none; transform: none; }
.app-features .feature img:hover { opacity: 0.8; } */

.footer-menu {
    margin: 25px 0 0 0;
}

.footer-menu li {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    text-decoration: none;
    display: inline-block;
    padding: 0 10px 0 10px;
    margin: 0;
}

.footer-menu li:first-child {
    padding: 0 10px 0 0;
}

.footer-menu li:last-child {
    border: none;
}

.footer-menu li a {
    font-size: 14px;
    line-height: 30px;
}

#footer-bottom .footer-menu li a:hover {
    text-decoration: underline;
    color: #02accf;
}

#footer-bottom-text {
    display: inline;
    margin: 0;
    padding: 0px 0 0px;
    float: left;
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
}

.shadow {
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.sticky #site-logo .standard-logo {
    width: 75%;
    height: 75%;
    padding: 3px 0;
}

.sticky #site-logo {
    margin: 0;
}

.sticky #site-logo .standard-logo.hiding {
    display: none;
}

.sticky #primary-menu .menu {
    display: inline-block;
}

.slider_div.withbg {
    opacity: 0.75;
    height: 100px;
    width: 450px;
}

.li_pointer {
    background: url(../img/li_pointer.png) no-repeat;
    background-position: 0 50%;
    padding-left: 20px;
    color: #ffffff;
}

#rev_slider_1_1_wrapper .button {
    color: #ffffff;
    text-transform: uppercase;
    background: #45ad00;
    border-bottom: 2px solid #3b9300;
    border: none;
    border-radius: 5px;
    padding: 10px 15px;
}

/*===================== Main styles ====================*/
h1, h2, h3, h4, h5, h6 {
    letter-spacing: 0px;
}

body {
    font-family: 'PT Sans';
}

h1.page-title {
    color: #E0E3E8 !important;
}

body {
}

#title-area.news {
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-size: cover;
    background-image: url(../img/images/bg-slide1.jpg);
    background-color: none;
    border: none;
    box-shadow: none;
    padding: 90px 0;
}

h1, h2, h3, h4, h5, h6, #before-content-area h1, #before-content-area h2, #sitemap-template h2, #archives-template h2, .archive h2, #portfolio-full-width .entry-title, #portfolio-template .entry-title, .post-snippets .hentry .entry-title, #retina-text h3 {
    font-weight: 500;
}

#portfolio-full-width .entry-title, #portfolio-template .entry-title, .post-snippets .hentry .entry-title {
    font-size: 16px;
}

button, .button, .button:active, .button:visited, input[type="button"], input[type="submit"], input[type="reset"] {
    font-family: 'PT Sans';
}

.single.postid-4296 img.featured {
    display: none;
}

#aow {
    position: absolute;
    top: 20px;
    right: 30px;
    width: 100px;
    text-align: center;
    font-size: 11px;
}

#aow a:hover {
    text-decoration: underline;
    color: #02accf;
}

.cont_div {
    padding: 40px 0;
}

#home-alternate {
    padding-top: 40px;
}

.pricing .li_pointer {
    color: #666666;
}

.pricing .pricing-faq {
    padding-top: 40px;
}

#home-alternate h4 {
    font-size: 14px;
    font-weight: 700;
    padding-left: 60px;
}

#featured-app {
    padding-top: 50px;
}

#comments {
    margin: 50px auto;
}

.ulmarker {
    margin-bottom: 55px;
}

.ulmarker.limb15 li {
    margin-bottom: 15px;
}

.ninecol.news {
    margin-top: 40px;
}

.news h1.post-title {
    font-size: 33px;
    line-height: 130%;
    margin-left: 74px;
}

.pricing-faq-header h3.fancy-header {
    overflow: hidden;
    background: url(../img/bg_featured.png) repeat;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
    font-size: 35px;
    font-weight: 300;
}

#showcase .segment-content h2 {
    font-size: 40px;
    line-height: 38px;
    color: #ffffff;
    font-weight: 100;
}

.mbank {
    display: block;
    width: 50px;
    height: 50px;
    background-position: 100% 100% !important;
    margin-bottom: -40px;
    position: relative;
}

.mbank.ico_1 {
    background: url(../img/bank_1.png) no-repeat;
}

.mbank.ico_2 {
    background: url(../img/bank_2.png) no-repeat;
}

.mbank.ico_3 {
    background: url(../img/bank_3.png) no-repeat;
}

.mbank.ico_4 {
    background: url(../img/bank_4.png) no-repeat;
}

.mbank.ico_5 {
    background: url(../img/bank_5.png) no-repeat;
}

.mbank.ico_6 {
    background: url(../img/bank_6.png) no-repeat;
}

.mbank.ico_7 {
    background: url(../img/geo_1.png) no-repeat;
}

h4.bnk {
    padding-left: 23px;
    text-transform: uppercase;
}

p.p_wallet {
    color: #282b18;
    margin: 0 0 10px 0;
}

.fs16 {
    font-size: 16px;
}

.imac_video {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    max-width: 100%;
    z-index: 12;
}

.imac_video .fluid-width-video-wrapper iframe {
    max-width: 604px;
    max-height: 392px;
    padding: 3.1746% 2.67229%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
}

.textbox {
    padding: 50px 0 20px;
}

.textbox .black {
    color: #222222;
    font-size: 16px;
}

.contpage .textbox p {
    color: #282b18;
    font-size: 16px;
}

#featured-app.h400 {
    height: 400px;
}

#featured-app.h400 .opis {
    position: absolute;
    left: 57%;
    width: 390px;
}

#featured-app.h400 .opis h2 {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 40px;
    margin-bottom: 13px;
}

#featured-app.h400 .opis .black {
    color: #222222;
    font-size: 22px;
    text-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px;
}

.features-list-alternate .iphone-slider-container.tv {
    margin-top: -200px;
}

.features-list-alternate .iphone-slider-container.pinpad {
    margin-top: 0px;
}

.features-list-alternate .iphone-slider-container.tv img {
    margin: 0;
}

.btn.dropdown-toggle {
    padding: 0 0 0 20px;
    font-size: 13px;
    color: #ffffff;
    line-height: 15px;
    letter-spacing: normal;
    background: none;
    background: url(../img/lng.png) no-repeat;
    background-position: left center;
    border: none;
    margin-right: 30px;
}

.btn-group {
    position: absolute;
    right: 5px;
    top: 0px;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #ffffff;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    vertical-align: middle;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    float: left;
    padding: 0;
    margin: 2px 15px 0 0;
    list-style: none;
    background-color: #ffffff;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.dropdown-menu li {
    padding: 0 25px 0 5px;
    margin: 0;
}

.dropdown-menu li.active {
    background: #e6e6e6;
    color: #777777;
    cursor: default;
}

.dropdown-menu li.active:hover {
    background: #e6e6e6;
}

.dropdown-menu li a {
    color: #222222;
}

.dropdown-menu li:hover {
    background: rgba(0, 149, 170, 0.25);
}

.open > .dropdown-menu {
    display: block;
}

.mpos_icons {
    margin: 30px 0;
    padding: 0 15%;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.mpos_icons .threecol {
    width: 22.05%;
    margin-right: 3.8%;
    float: left;
    min-height: 1px;
}

.mpos_icons .threecol.last {
    margin-right: 0;
}

.features-list-alternate .iphone-slider-container.mpos {
    margin: -227px 0 -110px;
    max-width: 385px;
}

.mymenu .menu {
    display: inline-block;
    list-style: none;
    margin: 0;
    height: 65px;
}

.sticky .mymenu .menu li {
    display: inline-block;
}

.sticky .mymenu .menu li > a {
    padding: 0 10px;
    line-height: 58px;
    font-size: 13px;
    text-transform: none;
    width: auto;
}

.scroll_pages_links_block {
    font-size: 0px;
}

.scroll_pages_links_block .ui-state-default {
    width: 43px;
    height: 36px;
    font-size: 13px;
    line-height: 36px;
    background: #ffffff;
    border: none;
    display: inline-block;
}

.scroll_pages_links_block .ui-state-default.curr {
    color: #ffffff;
    background-color: #0b91a3;
}

.nonewsimg {
    width: 100%;
    min-width: 50px;
    height: 151px;
}

.mb0 {
    margin-bottom: 0px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb50 {
    margin-bottom: 50px;
}

/*---Partners---*/
.partners_logo {
    width: 100%;
    margin: 0 auto;
    margin-top: 30px;
}

.partners_logo .partner {
    display: inline-block;
    /*margin: 5px 5px 0;*/
    text-align: center;
    width: 290px;
    height: 110px;
    padding-top: 50px;
}

.partners_logo .partner img {
    max-width: 70%;
    margin: 0 auto;
}

.partners_logo a img {
    /*margin: 0 !important;*/
}

/*Geolocation New*/
#home2-heading.geo_heading {
    padding: 115px 0 280px;
}

#home2-heading .heading2 h1.light_title {
    font-size: 40px;
    font-weight: normal;
}

.segment.fast-start {
    padding: 50px 0px 60px 0px;
}

.text_in_block {
    float: left;
    width: 49%;
}

.text_in_block h2 {
    text-transform: uppercase;
    color: #0b91a3;
    font-size: 40px;
    line-height: 42px;
    font-weight: normal;
    margin-left: 5px;
    margin-bottom: 20px;
}

.text_in_block p {
    margin-bottom: 10px;
    color: #222;
    font-size: 16px;
}

.text_in_block .ulmarker li {
    margin-bottom: 10px;
}

.text_in_block .ulmarker li span {
    color: #222222;
    font-size: 16px;
}

.ic {
    padding-left: 50px !important;
}

.ic.clock_old {
    background: url('../img/images/clock_old.png') no-repeat left center;
}

.img_in_block {
    position: relative;
    float: left;
    width: 51%;
}

.img_in_block .ipad_bl, .img_in_block .iphone_bl {
    position: absolute;
}

.img_in_block .ipad_bl {
    top: -180px;
    left: 0px;
}

.img_in_block .iphone_bl {
    top: -130px;
    left: 44%;
}

.img_in_block .pt {
    opacity: 0;
}

.img_in_block .pt01 {
    position: absolute;
    top: 75px;
    left: 185px;
}

.img_in_block .pt03 {
    position: absolute;
    top: 180px;
    left: 155px;
}

.img_in_block .pt02 {
    position: absolute;
    top: 100px;
    left: 130px;
}

.img_in_block .pt04 {
    position: absolute;
    top: 200px;
    left: 160px;
}

#any_devices {
    padding: 65px 0px 300px 0px;
}

#any_devices .text_in_block {
    width: 60%;
}

#any_devices .img_in_block {
    width: 40%;
}

#any_devices .ulmarker {
    margin-bottom: 25px;
}

.img_ico_map img {
    float: left;
    display: block;
    margin-right: 30px;
}

.img_in_block .nexus_phone_bl, .img_in_block .iphone_phone_bl {
    position: absolute;
    top: 0px;
    right: 0px;
}

.img_in_block .nexus_phone_bl {
    right: -20px;
    opacity: 0;
}

.img_in_block .nexus_phone_bl img {
    max-width: 210px;
}

.img_in_block .iphone_phone_bl {
    top: -90px;
    left: 100px;
    opacity: 0;
}

.img_in_block .iphone_phone_bl img {
    max-width: 195px;
}

.geo_img {
    overflow: hidden;
}

.phone_geo_points {
    top: -33px;
    left: -23px;
    position: absolute;
    max-width: 548px;
    width: 100%;
    display: block;
}

.geo_loc .phone_all {
    display: none;
}

#downloads {
    background: #FFFFFF;
    padding: 45px 0px;
    text-align: center;
}

.btn_a {
    background: #0097ac !important;
    border: none;
    border-bottom: 2px solid #008093 !important;
    color: #ffffff !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-transform: uppercase;
}

.btn_a:hover {
    background: #008093 !important;
    border: none;
    color: #ffffff;
    border-bottom: 2px solid #0097ac !important;
}

#downloads {

}

.more_reality {
    background: #fff;
    padding-top: 90px;
}

.more_reality.features-list-alternate .iphone-slider-container {
    margin-top: -260px;
}

.more_reality .ninecol {
    margin-right: 0px;
    margin-left: -20px;
    width: 65%;
}

.text_in_block.right {
    float: right;

}

.more_reality .text_in_block {
    width: 35%;
    text-align: left;
}

.more_reality .text_in_block .grey {
    color: #97a2b2;
}

.video_bl {
    float: left;
    width: 65%;
    padding-right: 40px;
    margin-top: -190px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.video_bl .monitor_video {
    width: 80%;
    position: relative;
}

.video_pl {
    position: absolute;
    top: 5px;
    width: 100%;
    padding: 12px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/*Winner Block*/
.winner_block {
    /*background-color: #fff;*/
    padding: 50px 0;
    margin-top: 40px;
    position: relative;
    z-index: 1;
}

/*.winner_block:before {
content: '';
width: 200%;
height: 100%;
display: block;
position: absolute;
top: 0;
background-color: #fff;
z-index: -1;
}

.winner_block:before {
left: -51%;
}*/

/*.winner_block:after {
right: -100%;
}*/

.winner_block h2 {
    color: #0b91a3;
    font-size: 39px;
    text-align: center;
    text-transform: uppercase;
}

.winner_list {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 50px;
    padding-bottom: 10px;
    margin-left: 50px;
    border-left: 1px solid #d6dfe7;
}

.winner_list li {
    padding-left: 100px;
    margin: 0;
    background: url('../img/winner.png') no-repeat top left;
    margin-left: -30px;
    margin-bottom: 50px;
    padding-right: 20px;
    position: relative;
}

.winner_list h4 {
    font-size: 40px;
    font-weight: 600;
    color: #222;
    margin: 15px 0;
}

.winner_list p {
    font-size: 16px;
    color: #69666c !important;
}

.winner_list .descr {
    float: left;
    width: 75%;
}

.winner_list .img {
    text-align: right;
}

.winner_list .winner_img_small {
    position: absolute;
    top: 45%;
    right: 30px;
}

.winner_list .winner_img_big {
    position: absolute;
    top: 5%;
    right: 10px;
}

.winner_list .img img {
    display: inline;
}

.article_subscription {
    padding: 60px;
}

.article_subscription .article_title .inner h1 {
    margin-bottom: 15px;
}

.article_subscription .article_title .inner p {
    margin-bottom: 40px;
}

.sub_form {
    width: 565px;
    margin: 0 auto;
}

#sub-form input[type="text"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 405px;
    height: 43px;
    border: 1px solid transparent;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px 0 0 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    padding: 13px 15px;
    float: left;
    margin-bottom: 15px;
}

.subbutton {
    height: 42px;
    border-radius: 0 5px 5px 0;
    line-height: 15px;
    color: #fff;
    background-color: #0b91a3;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 300;
    display: inline-block;
    text-decoration: none;
    margin-left: -5px;
}

.subbutton:hover {

    border-radius: 0 5px 5px 0;
}

.article_title .inner h4 {
    margin-bottom: 30px;
}

ul.post-list .byline a, ul.post-list .byline a:active, ul.post-list .byline a:visited {
    color: #b2b2b2 !important;
}

.news-wrap_date {
    width: 54px;
    height: 54px;
    background: #0097ac;
    color: #fff;
    text-align: center;
}

.news-date_num, .news-date_mon, .news-date_year {
    font-size: 11px;
    margin: 10px 0 0 0;
    line-height: 13px;
    font-family: 'Arial';
    text-transform: uppercase;
}

.news-date_mon, .news-date_year {
    margin: 0;
}

.news-date_num {
    padding-top: 7px;
}

.post h1.entry-title {
    color: #333;
}

.entry-content {
    max-width: 610px;
}

#mo-recent-posts-widget-2 {
    background-color: #f6f7f8;
}

.widget-inside {
    width: 88%;
    margin: 0 auto;
}

.widget-title {
    padding: 15px 0 10px 0;
    margin: 0;
}

.widget-title span {
    color: #0097ac;
}

#sidebar-primary .post-list li {
    padding: 11px 0;
}

.fluid-width-page .entry-content {
    color: #555;
    line-height: 21px;
}

ul.post-list .published, .ul.post-list .published a {
    font-family: 'Arial';
}

.object-my {
    position: relative;
    margin-left: 10%;
}
#object-my-2 {
    position: absolute;
    left: 10px;
    top: 5px;
    visibility: hidden;
}
#object-my-3 {
    position: absolute;
    left: 10px;
    top: 10px;
    visibility: hidden;
}
@media (max-width: 479px) {
    .object-my {
        margin-left: 0;
    }
    #object-my-2 {
        left: 1px;
        top: 0px;
    }
    #object-my-3 {
        left: 2px;
        top: 5px;
    }
}

img#object0-2 {
    position: absolute;
    left: 160px;
    top: 55px;
}

img#object0-10 {
    position: absolute;
    left: 103px;
    top: 80px;
    display: block;
    z-index: 1;
}
img#object0-11 {
    position: absolute;
    top: 59px;
    left: 44px;
    display: block;
    max-height: 147px;
    max-width: 170px;
}

img#object0-3, img#object0-4, img#object0-5 {
    position: absolute;
    top: 175px;
    left: 110px;
    display: none;
}

img#object1-2 {
    position: absolute;
    left: 160px;
    top: 55px;
}

img#object1-3 {
    position: absolute;
    top: 175px;
    left: 110px;
    visibility: hidden;
}

.text_in_block-hce, .more_reality .text_in_block-hce {
    width: 60%;
}

#advantages-hce .text_in_block-hce p {
    text-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px;
    color: #222222;
}

.mockup {
    position: absolute;
    bottom: 30px;
    max-width: 220px;
}

.ulmarker .ulmarker-p {
    color: #222;
    line-height: 20px;
    font-size: 16px;
    padding-left: 5px;
}

.img_in_block_nexus5_1up {
    width: 40%;
    bottom: -470px;
}

#nexus5_up_2in1 {
    display: none;
}

.img_in_block_nexus5_1up #rid {
    position: absolute;
    bottom: 10px;
    right: -190px
}

.img_in_block_nexus5_1up #nexus5_up {
    position: absolute;
    bottom: -220px;
}

.img_in_block_cart_up {
    position: absolute;
    bottom: -160px;
    left: 70px;
}

.opportunities_nse {
    width: 1140px;
    margin: 0;
}

.opportunities_nse img {
    float: left;
    margin-top: 7px;
}

.opportunities_nse li {
    float: left;
    width: 351px;
    position: relative;
    margin: 10px 0px 10px 0;
    list-style-type: none;
}

.opportunities_nse .info_text {
    width: 245px;
    float: left;
    margin-left: 19px;
    font-size: 14px;
    color: #404040;
}

.opportunities_nse .info_text span {
    font-size: 20px;
    font-weight: bold;
}

.text_in_block .opportunities_nse .info_text p {
    font-size: 15px;
    line-height: 19px;
    margin-top: 5px;
}

.mob_pay_nse {
    position: absolute;
    top: -220px;
    left: -30px;
}

.segment.fast-start.segment-opportunities {
    padding-top: 90px;
}

.mob-ani_02 {
    position: absolute;
    top: 242px;
    left: 259px;
}

.a-market {
    font-size: 16px;
    text-transform: lowercase;
    text-align: center;
    text-decoration: none;

}

.a-market > a:hover {
    color: #02accf;
    text-decoration: underline;
}

.list_mobile {
    list-style: none;
    margin: 0px;
}

.list_mobile li {
    float: left;
    text-align: center;
    width: 152px;
    height: 240px;
    padding: 5px 15px;
    margin-bottom: 20px !important;
}

.list_mobile li img {
    display: inline;
}

.list_mobile li span {
    display: block;
}

.featured-app-job {
    overflow: hidden;
    background: url(../img/bg_featured.png) repeat;
    -moz-box-shadow: inset 0 1px 3px rgba(15, 79, 84, .3);
    -webkit-box-shadow: inset 0 1px 3px rgba(15, 79, 84, .3);
    box-shadow: inset 0 1px 3px rgba(15, 79, 84, .3);
}

.pricing-job-header h2 {
    font-size: 40px;
    line-height: 38px;
    color: #222;
    font-weight: 100;
    text-transform: uppercase;
}

.opportunities_job {
    width: 1140px;
    margin: 0;
}

.opportunities_job li {
    float: left;
    width: 380px;
    position: relative;
    margin: 10px 0px 10px 0;
    list-style-type: none;
}

.opportunities_job .info_text {
    width: 355px;
    float: left;
    font-size: 14px;
    line-height: 20px;
    color: #404040;
}

.opportunities_job .info_text span {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

.text_in_block .opportunities_job .info_text p {
    font-size: 15px;
    line-height: 19px;
    margin-top: 5px;
}

.features-list-alternate .opportunities_job p {
    margin: 10px 0;
}

.opportunities_job-white .info_text span, .opportunities_job-white p {
    color: #fff;
    margin: 10px 0;
}

.segment-pr .pricing-job-header h2 {
    color: #fff;
}

.button-job {
    background: #0097ac;
    border: none;
    border-bottom: 2px solid #008093;
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
    position: absolute;
    right: -100px;
    bottom: 30px;
}

.notavailable {
    background: #0097ac;
    border: none;
    border-bottom: 2px solid #008093;
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
    position: absolute;
    right: -80px;
    bottom: 30px;
    display: inline-block;
    padding: 12px 15px;
    margin: 0;
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 1px;
    font-weight: 400;
    font-style: normal;
}

.button-job:hover {
    background: #008093;
    border: none;
    border-bottom: 2px solid #0097ac;
    color: #fff;
}

.button-job-2 {
    background: #fff;
    border: none;
    border-bottom: 2px solid #d9d9d9;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #0092a8;
    text-transform: uppercase;
    position: absolute;
    right: -100px;
    bottom: 30px;
}

.button-job-2:hover {
    background: #e2e2e2;
    border: none;
    border-bottom: 2px solid #fff;
    color: #0092a8;
}

#home-alternate .sixcol {
    width: 46%;
}

#home-alternate .ulmarker li span {
    color: #222222;
    font-size: 12px;
    line-height: 24px;
}

#home-alternate .ulmarker {
    margin-bottom: 40px;
}

.title-h2 {
    text-transform: uppercase;
    color: #0b91a3;
    font-size: 40px;
    line-height: 42px;
    font-weight: normal;
    margin-bottom: 20px;
}

.title-h2-header {
    overflow: hidden;
    background: url(../img/bg_featured.png) repeat;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
    font-size: 35px;
    font-weight: 300;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    padding: 5px 40px;
    line-height: 36px;
    letter-spacing: 1px;
    color: #fefefe;
}

#advantages-hce {
    overflow: hidden;
    background: url(../img/bg_featured.png) repeat;
    -moz-box-shadow: inset 0 1px 3px rgba(15, 79, 84, .3);
    -webkit-box-shadow: inset 0 1px 3px rgba(15, 79, 84, .3);
    box-shadow: inset 0 1px 3px rgba(15, 79, 84, .3);
    padding-top: 70px;
}

#advantages-hce .segment-content h2 {
    font-size: 40px;
    line-height: 42px;
    color: #ffffff;
    font-weight: 100;
}

#home2-heading .heading2 h1 {
    font-size: 40px;
    font-weight: normal;
    color: #0b91a3;
    padding: 15px 20px;
    border: 4px solid #ffffff;
    text-transform: uppercase;
    display: inline;
}

#footer-bottom-text-adress {
    display: block;
    margin: 0;
    padding: 0px 0 25px;
    float: left;
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
}

#tel_header {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0px;
}

#features {
    width: 100%;
    float: left;
}

h3.migrates {
    font-size: 20px;
    font-weight: bold;
}

.mpos-stage {
    padding: 30px 0;
    overflow: hidden;
    margin-top: -40px;
    margin-bottom: 30px;
    background: url(../img/bg_featured_dark.png) repeat;
    color: #fff;
    -moz-box-shadow: inset 0 1px 3px rgba(15, 79, 84, .3);
    -webkit-box-shadow: inset 0 1px 3px rgba(15, 79, 84, .3);
    box-shadow: inset 0 1px 3px rgba(15, 79, 84, .3);
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

.mpos-stage h2 {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.mpos-stage-item {
    position: relative;
    width: 12.5%;
    float: left;
    padding: 50px 0;
}

.stage-item-date {
    display: inline-block;
    max-width: 180px;
    margin: 0 auto;
    padding: 8px 20px;
    background: url(../img/bg_featured.png) repeat;
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    -moz-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 12px rgba(0, 0, 0, 0.3);
}

.stage-item-date span {
    display: inline-block;
    -webkit-transform: skew(30deg);
    -moz-transform: skew(30deg);
    -o-transform: skew(30deg);
}

.stage-item-title {
    position: absolute;
    left: 50%;
    width: 200px;
    display: table;
}

.mpos-stage-item:nth-child(odd) .stage-item-title {
    top: 0;
    margin-left: -80px;
}

.mpos-stage-item:nth-child(even) .stage-item-title {
    bottom: 0;
    margin-left: -110px;
}

.stage-item-name, .stage-item-icon {
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    line-height: 14px;
}

.stage-item-icon {
    text-align: right;
}

.stage-item-icon img {
    display: inline-block;
}

.stage-item-name {
    text-align: left;
    padding-left: 15px;
}

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    width: 30px;
    vertical-align: middle !important;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    width: 10px !important;
    height: 10px !important;
    background: transparent !important;
    border: 3px solid #80c4cd !important;
    margin: 0 auto !important;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #fff !important;
    width: 20px !important;
    height: 20px !important;
    border: 0 !important;
}
.m4bank_ap-client-item {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 24%;
    margin-top: 30px;
}
@media only screen and (max-width: 767px) {
    .m4bank_ap-client-item {
        width: 24%;
        margin-left: 4%;
        margin-right: 4%;
    }
}
.m4bank_ap-client-item img {
    display: inline-block;
}
.page-404 {
    position: relative;
    margin: 120px auto !important;
}

.link-box {
    position: absolute;
    right: 30px;
    top: 70px;
}

.link-box-title {
    color: #0b91a3;
    font-weight: 700;
}

.link-box-list {
    margin-bottom: 30px;
}

.link-box-list li {
    margin: 0;
}

.banners-pay-item {
    width: 19%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin: 15px 0;
    opacity: 0.4;
}

.banners-pay-item img {
    display: inline-block;
    max-width: 70%;
    max-height: 75px;
}

.about-company-image {
    position: relative;
    margin: 50px 0;
}

.image-el {
    visibility: hidden;
    z-index: 3;
    position: relative;
}

@media only screen and (max-width: 1023px) {
    .image-el {
        width: 45%;
        display: inline-block;
        vertical-align: top;
        margin-right: -4px;
    }
}

@media only screen and (max-width: 479px) {
    .image-el {
        width: 100%;
        margin-bottom: 40px;
    }
}

@media only screen and (min-width: 1024px) {
    .el-wrap {
        position: absolute;
        top: 0;
        right: 0;
        width: 360px;
    }
}

@media only screen and (max-width: 1023px) {
    .el-wrap {
        width: 50%;
        display: inline-block;
        margin-left: 5%;
        margin-right: -4px;
    }
}

@media only screen and (max-width: 479px) {
    .el-wrap {
        width: 90%;
    }
}

.el-item {
    position: relative;
    margin-bottom: 35px;
    visibility: hidden;
}

.el-item:before {
    content: '';
    position: absolute;
    right: 100%;
    top: 50%;
    margin-right: 5px;
    height: 2px;
}

@media only screen and (max-width: 1023px) {
    .el-item:before {
        display: none;
    }
}

.el-item-1:before {
    background: url(../img/line-el-1.png);
    width: 460px;
}

.el-item-2:before {
    background: url(../img/line-el-2.png);
    width: 184px;
}

.el-item-3 {
    margin-bottom: 30px;
}

.el-item-3:before {
    background: url(../img/line-el-3.png);
    width: 558px;
    top: 65%;
}

.el-item-4 {
    margin-bottom: 30px;
}

.el-item-4:before {
    background: url(../img/line-el-4.png);
    width: 139px;
    top: 60%;
}

.el-item-5:before {
    background: url(../img/line-el-5.png);
    width: 505px;
    top: 20%;
}

.el-item-6:before {
    background: url(../img/line-el-6.png);
    width: 287px;
}

@media only screen and (max-width: 999px) {
    .link-box {
        position: static;
        margin-top: 50px;
        text-align: center;
    }

    .link-box-list {
        list-style: none;
        margin-left: 0;
    }

    .page-404 {
        margin: 50px auto !important;
    }

    .page-404-image {
        margin-top: 20px;
    }
}

.cct-info {
    background: url(../img/bg-world.png) no-repeat 50% 50% transparent;
}

.cct-info-top {
    font-size: 20px;
    color: #0b8e9f;
    max-width: 350px;
    margin-bottom: 20px;
}

.cct-info-text p {
    margin-bottom: 10px;
}

#fiscal-reg {
    padding-top: 50px;
}

.fiscal-img-container {
    margin-top: -260px;
}

.fiscal_icons-col {
    display: table-cell;
    vertical-align: middle;
    padding-right: 20px;
}

.fiscal-device {
    position: relative;
}

.fiscal-device img {
    position: absolute;
    visibility: hidden;
}

#pointer_fiscal_1 {
    bottom: -40px;
    z-index: 2;
}

@media only screen and (min-width: 480px) {
    #pointer_fiscal_1 {
        left: 120px;
    }
}
@media only screen and (max-width: 479px) {
    #pointer_fiscal_1 {
        left: 50px;
    }
}

#pointer_fiscal_2 {
    bottom: 20px;
}

#pointer_fiscal_3 {
    bottom: -60px;
    z-index: 3;
}
@media only screen and (min-width: 480px) {
    #pointer_fiscal_3 {
        left: 240px;
    }
}
@media only screen and (max-width: 479px) {
    #pointer_fiscal_3 {
        left: 130px;
    }
}

.fiscal_reg-sheme {
    background: #fff;
}

@media only screen and (min-width: 1100px) {
    .fiscal_reg-sheme {
        padding: 80px 0;
    }
}

@media only screen and (max-width: 1099px) {
    .fiscal_reg-sheme {
        padding: 40px 0;
    }
}

.fiscal_reg-info-title {
    color: #000;
    font-size: 26px;
    line-height: 34px;
    text-transform: uppercase;
}

.ft-group {
    position: relative;
    margin-top: 0px;
    max-width:80%;
}

.ft-group img {
    position: absolute;
    visibility: hidden;
}

.fiscal-point img {
    display: inline-block;
    visibility: hidden;
    margin-right: 30px;
}

#fiscal_reg-info {
    padding: 50px 0;
    font-size: 13px;
}

#fiscal_reg-info .ulmarker {
    margin-bottom: 30px;
}

#fiscal_reg-info .ulmarker li span {
    font-size: 13px;
}

.pt-30 {
    padding-top: 30px;
}

img#object-f-1, img#object-f-6, img#object-f-7, img#object-f-8, img#object-f-9 {
    position: absolute;
    right: 160px;
    top: 23px;
}

img#object-f-2 {
    position: absolute;
    right: 40px;
    top: 90px;
}

img#object-f-3, img#object-f-4, img#object-f-5 {
    position: absolute;
    top: 210px;
    right: 231px;
    display: none;
}

@media only screen and (min-width: 768px) {
    .cab-img-1 {
        width: 150%;
        max-width: none;
        position: absolute;
        top: -110px;
        left: -40%;
    }
}

.cab-segment {
    padding: 50px 0 0 0;
}

.cab-segment-remark {
    margin-left: 35px; 
    font-size: 18px; 
    color: #222220;
    padding-bottom: 37px;
}

.bg-white {
    background-color: #fff;
}

#home2-heading.cab_heading {
    padding: 115px 0 180px;
}

@media only screen and (min-width: 992px) {
    .scope-cab {
        margin-bottom: 80px;
    }
}

@media only screen and (max-width: 991px) {
    .scope-cab {
        margin-bottom: 40px;
    }
}

.scope-cab p {
    color: #050505 !important;
    margin-bottom: 30px;
    line-height: 18px;
}

.scope-cab-title {
    font-weight: 700;
    margin-bottom: 5px !important;
}

@media only screen and (min-width: 1400px) {
    .cab-img-3 {
        width: 130%;
        margin-left: -30%;
        max-width: none;
    }
}

@media only screen and (max-width: 1399px) {
    .cab-img-3 {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 900px) {
    .scope-cab .sixcol {
        width: 100%;
    }
}

.benefit-cab {
    padding: 80px 0 50px 0;
}

.benefit-cab .title-h2 {
    margin-bottom: 40px;
}

.benefit-cab-p-title {
    color: #050505;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}

.benefit-cab .ulmarker li span {
    font-size: 14px;
    line-height: 19px;
}

@media only screen and (min-width: 1400px) {
    .cab-img-4 {
        max-width: none;
    }
}

.properties-item-wrap {
    text-align: center;
    padding: 40px 0;
}

.properties-item-check {
    position: relative;
    display: inline-block;
    margin-left: 4px;
    padding: 10px 50px 10px 10px;
    min-height: 90px;
    border: 3px solid #c3d4dc;
    font-size: 15px;
    line-height: 19px;
    color: #050505;
    margin-bottom: 4px;
    vertical-align: middle;
    box-sizing: border-box;
    text-align: left;
}

@media only screen and (min-width: 768px) {
    .properties-item-check {
        width: calc(32% - 10px);
    }
}
@media only screen and (max-width: 767px) {
    .properties-item-check {
        width: calc(50% - 10px);
    }
}
@media only screen and (max-width: 500px) {
    .properties-item-check {
        width: calc(100% - 10px);
    }
}

.properties-item-check:after {
    content: "";
    width: 29px;
    height: 21px;
    position: absolute;
    top: 20px;
    right: 10px;
    background: url(../img/icon-check.png);
}


@media only screen and (min-width: 1280px) {
    .opportunities_cab {
        width: 1140px;
        margin: 0 auto;
    }
}

.opportunities_cab li {
    float: left;
    position: relative;
    margin: 10px 0px 10px 0;
    list-style-type: none;
}

@media only screen and (min-width: 1024px) {
    .opportunities_cab li {
        width: 25%;
    }
}

@media only screen and (max-width: 1023px) {
    .opportunities_cab li {
        width: 50%;
    }
}

@media only screen and (max-width: 600px) {
    .opportunities_cab li {
        width: 100%;
    }
}

.opportunities_cab img {
    float: left;
    margin-top: 7px;
}

.opportunities_cab .info_text {
    width: calc(100% - 70px);
    float: left;
    margin-left: 10px;
    font-size: 14px;
    color: #404040;
    padding-right: 15px;
}

.opportunities_cab .migrates {
    line-height: 1.2;
}

.integration-system {
    padding: 45px 0;
    color: #000;
}

.integration-system .ulmarker li span {
    font-size: 13px;
    line-height: 17px;
}

.integration-system-item {
    margin-top: 30px;
    padding-left: 60px;
    position: relative;
}

.integration-system-item:before {
    content: "";
    position: absolute;
    left: 0;
}

.integration-system-item-1:before {
    width: 40px;
    height: 54px;
    background: url(../img/system-1.png) no-repeat;
}

.integration-system-item-2:before {
    width: 44px;
    height: 45px;
    background: url(../img/system-2.png) no-repeat;
}

.integration-system-item-3:before {
    width: 44px;
    height: 45px;
    background: url(../img/system-3.png) no-repeat;
}

.integration-system-item-4:before {
    width: 55px;
    height: 52px;
    background: url(../img/system-4.png) no-repeat;
}

.integration-system-item-b {
    font-weight: 700;
    font-size: 16px;
}

.video-block {
    margin-bottom: 50px;
}

/* ------------------- media --------------------*/
@media only screen and (max-width: 1280px) {
    .opportunities_nse {
        width: 95%;
    }

    .opportunities_nse li {
        width: 31%;
    }

    .opportunities_nse .info_text {
        width: 75%;
    }

    .opportunities_job {
        width: 95%;
    }

    .opportunities_job .info_text {
        width: 95%;
    }

    .opportunities_job li {
        width: 31%;
    }

    .opportunities_job .job_list_square li {
        width: 100%;
    }

    .button-job, .button-job-2 {
        right: 20px;
    }

}

@media only screen and (max-width: 1100px) {
    body.fluid-width-page #featured-app.h400 .segment-content {
        left: 40px;
    }
}

@media only screen and (max-width: 1024px) {
    .partners_logo a {
        width: 49%;
    }

    .mpos-stage-item {
        width: 25%;
        text-align: center;
        margin: 20px 0;
    }
}

@media only screen and (max-width: 1000px) {
    #pointer8_1 {
        top: -60px;
        left: -10px;
    }

    #pointer8_2 {
        top: -40px;
        left: 10px;
    }

    #rid, #nexus5_up {
        display: none !important;
    }

    #nexus5_up_2in1 {
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .opportunities_nse li {
        width: 320px;
        float: none;
        margin: 10px auto;
    }

    #primary-menu > ul.menu > li > a {
        width: 160px;
        text-transform: none;
    }

    .ipad-slider, .iphone-slider-container.ipad-slider > img {
        width: 600px;
    }

    .iphone-slider-container.ipad-slider .flex-slider-container {
        left: 14%;
        top: 6%;
    }

    .img_in_block .iphone_phone_bl {
        left: 10px;
    }

    .more_reality .ninecol {
        margin-left: 0px;
        width: 100%;
        margin: 0 auto;
    }

    .video_bl {
        margin: 0 auto;
        float: none;
        padding-right: 0px;
        margin-top: -190px;
    }

    .more_reality .text_in_block-hce {
        float: none;
        width: 100%;
    }

    .text_in_block.text_in_block-hce h4 {
        margin-left: 10px;
    }

    .mockup {
        position: relative;
        float: left;
    }

    .opportunities_hse li {
        width: 370px;
        float: none;
        margin: 10px auto;
    }

    .opportunities_hse .info_text {
        width: 300px;
    }

    .img_in_block_top_hse {
        float: none;
        width: 100%;
        height: 360px;
    }

    .opportunities_job li {
        width: 370px;
        float: none;
        margin: 10px auto;
    }

    .opportunities_job .info_text {
        width: 300px;
    }

    .pricing-job-header h2 {
        margin-left: 50px;
    }

    .opportunities_job li .info_text {
        margin-bottom: 30px;
    }

    .img_in_block_nexus5_1up #nexus5_up {
        left: -35px;
        bottom: 25px !important;
    }

    .img_in_block_nexus5_1up #rid {
        right: -80px;
    }

    .title-block-hce {
        width: 45%;
        float: right;
    }

    .notavailable {
        right: auto;
    }
}

@media only screen and (max-width: 900px) {
    #site-logo a, #sticky-site-logo a {
        margin-right: 0px;
    }

    #primary-menu > ul.menu > li > a {
        width: 150px;
    }

    #header.sticky #primary-menu > ul.menu > li > a {
        padding: 0 5px;
    }

    .sixcol {
        width: 57%;
    }

    .sixcol.txt {
        width: 39%;
    }

    #fiscal-reg .sixcol {
        width: 48%;
    }

    #pointer8_1 {
        top: -50px;
        left: -10px;
    }

    #pointer8_2 {
        top: -30px;
        left: 10px;
    }

    .features-list-alternate .iphone-slider-container {
        margin-top: -257px;
    }

    #featured-app.h400 .opis {
        left: 65%;
        width: 260px;
    }

    #featured-app.h400 .opis h2 {
        font-size: 32px;
        margin-bottom: 0px;
    }

    #featured-app.h400 .opis .black {
        font-size: 16px;
    }

    #tel_pos_header {
        width: 310px;
        padding: 0;
    }

    .fiscal-point img {
        margin-right: 15px;
    }

}

@media only screen and (max-width: 800px) {

    .img_in_block {
        float: none;
        width: 100%;
        height: 320px;
    }

    .text_in_block {
        float: none;
        width: 100%;
    }

    .img_in_block_nexus5_1up {
        bottom: -50px;
    }

    #primary-menu > ul.menu > li > a {
        width: 145px;
    }

    #header.sticky #primary-menu > ul.menu > li > a {
        padding: 0 2px;
    }

    #pointer8_1 {
        top: -20px;
        left: -10px;
    }

    #pointer8_2 {
        top: 0px;
        left: 10px;
    }

    .opportunities_nse li {
        width: 320px;
        float: none;
        margin: 10px auto;
    }

    .opportunities_nse .info_text {
        width: 250px;
    }

    .img_in_block_top_nse {
        float: none;
        width: 100%;
        height: 320px;
    }

    .more_reality .text_in_block-hce {
        margin-top: 40px;
    }

    .segment.fast-start.segment-opportunities {
        padding-top: 50px;
    }

    .title-block-hce {
        width: auto;
    }

    .more_reality-hce {
        padding-top: 40px;
    }

    .text_in_block-hce {
        width: 100%;
    }

    #rid, #nexus5_up {
        display: none;
    }
}

/*@media only screen and (width: 800px)  {
#featured-app.segment.segment-pr {
padding-bottom: 0px;
}
}*/

@media only screen and (width: 768px) {
    #featured-app.segment.segment-pr {
        padding-bottom: 0px;
    }

    .img_in_block_nexus5_1up {
        bottom: -60px;
    }
}

@media only screen and (max-width: 767px) {
    .sixcol, .sixcol.txt {
        width: 100%;
    }

    #fiscal-reg .sixcol {
        width: 100%;
    }

    .partners_logo a {
        width: 99%;
    }

    /*Winner Block*/
    .winner_list .descr {
        width: 100%;
    }

    .winner_list .img {
        text-align: center;
        position: static;
    }

    /*--- New Mpos---*/
    .banners_block table td img {
        max-width: 135px;
    }

    .mpos_slider .fourcol, .mpos_slider .eightcol {
        width: 100%;
        margin: 0px;
    }

    .flat .selected {
        font-size: 28px;
    }

    .bxslider_mpos .imgs_b {
        margin-top: -70px;
    }

    /*Geolocation New*/
    .geo_img {
        overflow: visible;
    }

    .phone_geo_points {

        display: none;
    }

    .geo_loc .imgs {
        display: none;
    }

    .geo_loc .phone_all {
        display: block;
        position: relative;
        margin-top: -110px;
        margin-left: -23px;
        float: left;
    }

    .text_in_block {
        float: none;
        width: 100%;
    }

    .more_reality .text_in_block {
        width: 100%;
        margin-top: 20px;
    }

    .img_in_block {
        float: none;
        width: 100%;
        height: 320px;
    }

    .img_in_block .ipad_bl {
        top: -40px;
        left: 0px;
    }

    .img_in_block .iphone_bl {
        top: 25px;
        left: 45%;
    }

    #any_devices {
        padding: 35px 0px 150px 0px;
    }

    #any_devices .segment.fast-start {
        padding: 0px;
    }

    #any_devices .text_in_block {
        width: 100%;
    }

    #any_devices .img_in_block {
        margin: 0 auto;
        margin-top: 100px;
        width: 60%;
    }

    .more_reality.features-list-alternate .iphone-slider-container {
        margin-top: 0px;
    }

    .video_bl {
        margin-top: 0px;
    }

    /*---Seporator---*/
    #mobile-menu ul li.ln_separator {
        border: none;
        border-top: 1px solid #aaa;
    }

    #home2-heading .heading2 h1 {
        display: block;
    }

    .pricing-faq-header h3.fancy-header {
        font-size: 24px !important;
    }

    .imgs {
        display: block;
    }

    .imgf {
        display: none !important;
    }

    .pointers {
        display: none !important;
    }

    .app-features .sixcol.txt {
        margin-top: 0;
    }

    body.fluid-width-page #featured-app.h400 .segment-content {
        left: 0px;
    }

    #featured-app.h400 .opis {
        right: 1%;
        top: 2%;
        width: 33%;
    }

    .features-list-alternate .iphone-slider-container, .features-list-alternate .iphone-slider-container.pinpad {
        margin: 0 auto;
    }

    .features-list-alternate .iphone-slider-container img {
        margin: 0 auto;
    }

    .features-list-alternate .iphone-slider-container.mpos {
        margin: 0 0 -140px;
    }

    .features-list-alternate .iphone-slider-container.tv {
        margin-top: -90px;
    }

    #featured-app .app-screenshot.visible.mpos {
        top: -70px;
        margin-bottom: -140px;
    }

    .mpos-stage-item {
        width: 50%;
    }

    .mpos-stage-item:nth-child(even) .stage-item-title {
        top: 0;
        bottom: auto;
        margin-left: -90px;
    }

    .ft-group {
        margin-top: 0;
    }

    .ft-group img {
        position: relative;
    }

    .title-h2 {
        font-size: 26px !important;
        line-height: 1.2
    }

}

@media only screen and (max-width: 650px) {
    .ipad-slider, .iphone-slider-container.ipad-slider > img {
        width: 300px;
    }

    #sub-form input[type="text"] {
        width: 200px;
    }

    #sub-form .subbutton {
        float: left;
    }
}

@media only screen and (max-width: 600px) {
    #featured-app.h400 .opis {
        left: 3%;
        top: 70%;
        width: 94%;
        text-align: center;
    }

    .footer-menu {
        width: 70%;
    }

    /*--- New Mpos---*/
    .banners_block table td img {
        max-width: 55px;
    }

    .certificates .certif {
        width: 100px;
        height: 100px;
    }

    .flat .selected, .flat li {
        font-size: 16px;
    }

    .video_bl {
        width: 100%;
    }

    .button-job, .button-job-2 {
        position: relative;
        margin: 20px 0 0 100px;
    }

    .banners-pay-item {
        width: 32%;
    }
    
    .notavailable {
        position: relative;
        right: -80px;
    }
}

@media only screen and (max-width: 480px) {
    body.fluid-width-page .segment-content.segment-content-mob_ani {
        padding-right: 0;
    }
}

@media only screen and (max-width: 465px) {
    #any_devices .img_in_block {
        width: 90%;
    }

    .img_in_block .iphone_bl {
        top: -55px;
    }

    /*Winner Block*/
    .winner_list li {
        padding-left: 65px;
    }

    .winner_list .descr {
        text-align: center;
    }

    #sub-form input[type="text"] {
        width: 190px;
    }

    #sub-form .subbutton {
        width: 150px;
    }

    .mpos-stage-item {
        width: 100%;
        margin: 10px 0;
    }

    #showcase .segment-content h2 {
        font-size: 32px;
    }

    #home2-heading .heading2 h1.light_title {
        font-size: 28px;
    }

}

@media only screen and (max-width: 320px) {
    .opportunities_nse li {
        width: 300px;
    }

    .opportunities_nse .info_text {
        width: 200px;
    }

    .more_reality .text_in_block-hce {
        margin-top: -60px;
        margin-left: -25px;
    }

    .text_in_block-hce h4 {
        font-size: 30px;
        line-height: 32px;
    }

    .img_in_block_nexus5_1up {
        height: 240px;
    }
}

@media only screen and (max-width: 300px) {
    img.standard-logo {
        float: left;
    }

    img.standard-logo.hiding {
        width: 40%;
        float: left;
        margin-left: 5px;
        margin-top: 10px;
    }
}

.span-title-news {
    font-size: 40px;
    font-weight: normal;
    font-family: 'PT Sans', Arial, Verdana, sans-serif;
    font-style: normal;
    color: #0b91a3;
    padding: 15px 20px;
    border: 4px solid #ffffff;
    text-transform: uppercase;
    display: inline;
    line-height: 52px;  
}