/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
    font-family: 'Open Sans', sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
    color: #717275;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 35px;
    margin: 15px 0;
}

h2 {
    font-size: 25px;
    margin: 10px 0 15px;
}

h1,
h2,
h3,
h4 {
    color: #49525c;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
}
h5{
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 15px;
    margin: 40px 0 20px;
}
mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    font-size: 15px;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}

p {
    margin-bottom: 1.5em;
    font-weight: 300;
    font-size: 15px;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/*==================================*/
/*FONTS*/
/*==================================*/
@font-face {
    font-family: 'icomoon';
    src:  url('fonts/icomoon.eot?jo8ba9');
    src:  url('fonts/icomoon.eot?jo8ba9#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?jo8ba9') format('truetype'),
    url('fonts/icomoon.woff?jo8ba9') format('woff'),
    url('fonts/icomoon.svg?jo8ba9#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-instagram:before {
    content: "\e900";
}
.icon-quotes-left:before {
    content: "\e977";
}
.icon-menu3:before {
    content: "\e9bf";
}
.icon-menu4:before {
    content: "\e9c0";
}
.icon-facebook:before {
    content: "\ea90";
}
.icon-twitter:before {
    content: "\ea96";
}
.icon-linkedin2:before {
    content: "\eaca";
}

/*==================================*/
/*jqueryTab*/
/*==================================*/
/*
* jQueryTab v2.0
* Copyright Dharma Poudel (@rogercomred)
* Free to use under the GPLv3 license.
* http://www.gnu.org/licenses/gpl-3.0.html
*/

/*  == tab heading */
.tabs {
    border: 1px solid #ccc;
    overflow: hidden;
}

.tabs li {
    float: left;
}

.tabs li a {
    border-left: 1px solid #ccc;
    color: #21759B;
    display: block;
    font-weight: bold;
    padding: 15px 20px;
}

.tabs li:first-child a {
    border-left: none;
}

.tabs li a:hover, .tabs li a:focus {
    color: #D54E21;
}

.tabs .active a {
    color: #000;
}

/* == accordion */
.accordion_tabs {
    display: none;
    border-top: 1px solid #ccc;
    padding: 10px;
    font-weight: bold;
    background: #eee;
}

.tab_content_wrapper > .accordion_tabs:first-child {
    border-top: none;
}

a.accordion_tabs:link, a.accordion_tabs:visited {
    color: #21759B;
}

a.accordion_tabs:hover, a.accordion_tabs:focus {
    color: #D54E21;
}

a.accordion_tabs.active {
    color: #000;
    border-bottom: 1px solid #ccc;
}

/*  == tab content  */
.tab_content_wrapper {
    overflow: hidden;
    position: relative;
    transition: all .3s ease-in-out .3s;
}

.tab_content {
    transition: all .6s ease-in-out;
    padding: 15px;
    background: #f6f6f6;
}

.toggle_display {
    display: block;
}

.toggle_position {
    position: absolute;
}

.toggle_border {
    border: 1px solid #ccc;
    border-width: 0 1px 1px 1px;
}

.invert_border {
    border-width: 1px 1px 0 1px;
}

/* Media Queries
***********************/
@media screen and (max-width: 600px) {
    #container {
        width: 90%;
        padding: 40px 20px;
    }

    .accordion_tabs {
        display: block;
    }

    .tab_content_wrapper {
        /*height: auto !important;*/
    }

    .tab_content {
        transition: none;
        padding: 10px;
    }

    .toggle_display {
        display: none;
    }
    .toggle_display.fadeIn{
        display: block;
    }

    .toggle_position {
        position: relative;
    }

    .toggle_border {
        border-width: 1px;
    }
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background: #fff; /* Fallback for when there is no custom background color defined. */
}

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

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

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0 0 1.5em 3em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    max-width: 100%;
    height: auto;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, .8);
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
    padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #aaa #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #202020;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    height: 50px;
    background: #F9FAFA;
    border: 1px solid #E5E6E7;
    width: 550px;
    padding: 0 30px;
    border-radius: 50px;
    margin-bottom: 40px;
}

select {
    border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #111;
    outline: none;
}

textarea {
    width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: royalblue;
}

a:visited {
    color: purple;
}

a:hover,
a:focus,
a:active {
    color: midnightblue;
}

a:focus {
    outline: none;
}

a:hover,
a:active {
    outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
    margin-left: 10%;

}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation li {
    float: left;
    position: relative;
}

.main-navigation a {
    display: block;
    text-decoration: none;
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 40px;
    left: -999em;
    z-index: 99999;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation ul ul a {
    width: 200px;
}

.main-navigation ul ul li {
    padding: 10px 10px;
    background: #F9FAFA;
    border-bottom: 1px solid #b8b9b9;
}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
    left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
    left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}

@media screen and (min-width: 737px) {
    .menu-toggle {
        display: none;
    }

    .main-navigation ul {
        display: block;
    }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.centered {
    text-align: center;
}

.space {
    padding: 40px 0 80px;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}

.hentry {
    margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

/*=======================================*/
/*CUSTOM CSS*/
/*=======================================*/
/*=======================================*/
/*Popup CSS*/
/*=======================================*/
.modal-box {
    display: none;
    position: fixed;
    z-index: 1000;
    width: 98%;
    background: white;
    border-bottom: 1px solid #aaa;
    border-radius: 4px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.1);
    /*background-clip: padding-box;*/
    top: 0;
}
.modal-box header,
.modal-box .modal-header {
    padding: 1.25em 1.5em;
    border-bottom: 1px solid #ddd;
}

.modal-box header h3,
.modal-box header h4,
.modal-box .modal-header h3,
.modal-box .modal-header h4 {
    margin: 0;
}

.modal-box .modal-body {
    padding: 2em 1.5em;
}

.modal-box footer,
.modal-box .modal-footer {
    padding: 1em;
    border-top: 1px solid #ddd;
    background: rgba(0, 0, 0, 0.02);
    text-align: right;
}

.modal-overlay {
    opacity: 0;
    filter: alpha(opacity=0);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 900;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.3) !important;
}

a.close {
    line-height: 1;
    font-size: 1.5em;
    position: absolute;
    top: 5%;
    right: 2%;
    text-decoration: none;
    color: #bbb;
}

a.close:hover {
    color: #222;
    -webkit-transition: color 1s ease;
    -moz-transition: color 1s ease;
    transition: color 1s ease;
}

div#riyo-popup.loading {
    width: 400px;
    padding: 15px;
}

div#riyo-popup.video-container {
    width: auto;
    height: auto;
    padding: 10px;
    transition: all 0.5s;
}

/*=======================================*/
/*Buttons*/
/*=======================================*/
a.btn,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    color: #fff;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    height: 50px;
    background: #E45043;
    border: none;
    padding: 16px 33px;
    border-radius: 50px;
    box-shadow: none;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;

}

a.btn:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.btn:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
    outline: none;
    box-shadow: none;
    background: #b44c3f;
}

a.btn.transparent {
    background: transparent;
    border: 1px solid #E7E8E9;
    color: #d15543;
    padding: 15px 26px;
}

a.btn.transparent:hover {
    background: transparent;
    color: #a6503d;
    border: 1px solid #b9b9ba;
}

.banner-content a.btn.transparent {
    margin-left: 8px;
}

/*=======================================*/
/*Header*/
/*=======================================*/
header#masthead {
    background: #fff;
    padding: 24px 0;
    border-bottom: 2px solid #F8F9F9;
}

a#logo {
    display: inline-block;
    padding-top: 1px;
}
a#logo img {
    max-width: 132px;
}

.main-navigation ul > li {
    padding: 10px 0px 10px 42px;
}

.main-navigation a {
    font-size: 12px;
    color: #a4a8ad;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation a:hover {
    color: #e2483b;
}

.top-login {
    text-align: right;
}

.top-login a.btn,
.top-login a {
    color: #646c74;
    font-weight: 600;
    text-decoration: none;
    font-size: 12px;
}
.top-login a.btn {
    color: #fff;
    padding: 11px 25px 11px;
    height: auto;
    margin-left: 21px;
}

/*=======================================*/
/*Content Part*/
/*=======================================*/
.banner-content {
    text-align: center;
    padding-bottom: 70px;
}
.home .banner-content{
    padding-top: 96px;
}
.banner-content h1 {
    font-size: 35px;
    margin: 15px 0 8px 0;
}

.banner-content h4 {
    font-size: 20px;
    color: #8D9399;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    margin: 0 0 43px 0;
}

.customers-block {
    max-width: 1500px;
    margin: 0 auto;
    text-align: center;
    background: url("images/customers-block-bg.jpg") no-repeat center 0;
    background-size: cover;
}

.customers-block img {
    margin: 4px 0px;
}

.gray-block {
    background: #FAFAFA;
    text-align: center;
}
.gray-block h4 {
    font-size: 25px;
    color: #49525c;
    margin-bottom: 13px;
}
.home .gray-block h4 {
    margin-top: -49px;
}

.gray-block h5 {
    font-size: 20px;
    color: #a0a1a3;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    margin-top: 0;
}

figure.graphic {
    margin: 0;
}

.service-cards {
    padding: 77px 0 76px;
    overflow: hidden;
}

.service-cards h4 {
    font-size: 20px;
    color: #49525c;
    font-weight: 400;
    margin-top: 9px;
    margin-bottom: 6px;
}

.service-cards p {
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    margin-top: 0;
    padding: 0 10px;
}

.block {
    padding: 105px 0 40px;
    border-bottom: 1px solid #F6F6F7;
}

.block.infrastructure {
    padding: 148px 0 130px;
}

.block.infrastructure h2 {
    margin-bottom: 26px;
}
.block.infrastructure p {
    color: #717275;
    margin-bottom: 25px;
    line-height: 1.5;
    margin-top: 0;
    font-size: 15px;
}

.block.infrastructure .graphic {
    text-align: center;
}

.block.before-after {
    padding: 84px 0 101px;
}

.block.before-after .col .graphic {
    text-align: center;
}
.block.before-after .col h4 {
    text-align: center;
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 57px;
    color: #47525d;
    margin-top: 15px;
}
.block.before-after .after.col h4 {
    color: #e2483b;
}
.block.before-after .col ul {
    padding: 53px 0 0 19px;
    margin: 0;
    overflow: hidden;
}

.block.before-after .col ul li {
    list-style-type: none;
    margin-bottom: 14px;
    padding-bottom: 20px;
    font-weight: 300;
    color: #505B64;
    font-size: 15px;
    line-height: 1.9;
}
.block.before-after .col ul.new {
    padding-left: 45px;
}
.block.before-after .col ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.block.before-after .col ul.old li span {
    font-weight: 400;
    color: #47525d;
}

.block.before-after .col ul.new li span {
    font-weight: 400;
    color: #e2483b;
}

.before.col {
    position: relative;
}

.block.riyo-verity {
    text-align: center;
}

.subtitle {
    display: block;
    font-size: 21px;
    color: #a0a1a3;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
}

.block.riyo-verity ul {
    text-align: left;
    margin: 80px 0;
    padding: 0;
}

.block.riyo-verity ul li {
    list-style-type: none;
    margin-bottom: 29px;
    font-size: 14px;
    color: #707274;
    font-weight: 400;
}
.block.riyo-verity ul li i {
    width: 35px;
    height: 18px;
    border-radius: 44%;
    float: left;
    overflow: visible;
    margin-right: 16px;
    text-align: center;
    display: inline-block;
}

.block.riyo-verity ul li i img {
    vertical-align: middle;
    margin-top: -8px;
}

.block.riyo-verity ul.col1 li i {
    background: #FDF5DB;
}

.block.riyo-verity ul.col2 li i {
    background: #ECF1DD;
}

.block.riyo-verity ul.col3 li i {
    background: #FBE8E8;
}

.block.riyo-verity {
    padding: 93px 0 106px;
}

.block.riyo-verity h2 {
    margin-bottom: 9px;
}

.block.riyo-verity ul.col2 {
    padding-left: 59px;
}
.block.riyo-verity ul.col3 {
    padding-left: 53px;
}

.block.gray {
    background: #F9FAFA;
    padding: 90px 0 104px;
    text-align: center;
}

.quote-title-wrap {
    position: relative;
}

.quote-title {
    z-index: 2;
    margin-bottom: 88px;
    position: relative;
}
span.icon-quotes-left {
    position: absolute;
    font-size: 122px;
    top: -48px;
    left: 45%;
    color: #F8F3EB;
}

.controller {
    text-align: center;
}

.controller.slick-slide img {
    display: inline-block;
}

.testimonial-slider blockquote {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    color: #49525c;
    line-height: 1.6;
}

.quot-author {
    font-family: 'Roboto Slab', serif;
    font-size: 15px;
    font-weight: 400;
    display: block;
    color: #49525c;
    padding: 10px 0 4px;
}

.designation {
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    font-weight: 600;
    display: block;
    color: #49525c;
    text-transform: uppercase;
}

.controller.slick-slide {
    opacity: 0.5;
    cursor: pointer;
    padding-top: 65px;
}

.controller.slick-slide:hover {
    opacity: 1;
}

.controller.slick-slide:focus {
    outline: none;
}

.controller.slick-slide.slick-current.slick-active.slick-center {
    opacity: 1;
}
.block.demo-request {
    text-align: center;
    padding: 92px 0 87px;
}

.block.demo-request h2 {
    margin-bottom: 52px;
}

.block.demo-request input#email {
    width: 36%;
    margin-right: 10px;
    -webkit-appearance: none;
}

.block.demo-request button {
    padding: 16px 42px;
    margin-left: 10px;
}

/*========================================*/
/*Footer*/
/*========================================*/
.footer-address img {
    max-width: 132px;
}
.top-footer {
    padding: 111px 0 84px;
    background: #fff;
}

.footer-address address,
a.phone,
footer span.email,
.site-footer .widget ul li a {
    font-size: 13px;
    color: #49525c;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    text-decoration: none;
    line-height: 1.7;
}

span.email a {
    color: #d15543;
}

span.email a:hover {
    text-decoration: none;
}

.widget ul {
    margin: 0;
    padding: 0;
}

.widget ul li {
    list-style-type: none;
    margin-bottom: 7px;
}

.site-footer .widget ul li a:hover {
    color: #d15543;
}

.site-footer .widget-title {
    color: #424955;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    margin-top: -7px;
    margin-bottom: 21px;
}

ul.get-social {
    display: inline-block;
    text-align: right;
}

ul.get-social li {
    display: inline-block;
}

ul.get-social li a {
    font-size: 20px;
    color: #ccc;
}

.site-footer .widget .get-social li {
    margin-left: 24px;
}

.site-footer .widget .get-social li a {
    font-size: 20px;
    color: #D5D6D8;
}

div#nav_menu-5 {
    padding-left: 70px;
}

div#nav_menu-6 {
    padding-left: 8px;
}

div#nav_menu-7 {
    padding-left: 43px;
}

div#text-3 {
    padding-left: 58px;
}

div#text-3 .widget-title {
    padding-left: 30px;
}

.site-info {
    background: #F9FAFA;
    padding: 13px 0 13px;
}

.site-info,
.site-info a {
    font-size: 13px;
    color: #49525c;
    font-weight: 300;
    text-decoration: none;
}

.site-info ul {
    padding-left: 0;
    margin-left: 0;
    text-align: right;
    padding-top: 16px;
}

.site-info ul li {
    list-style-type: none;
    display: inline-block;
    margin-left: 30px;
}

.site-info ul li a {
    text-decoration: underline;
}

.site-info ul li a:hover {
    text-decoration: none;
}

.position-change + .top-gap {
    height: 91px;
    -webkit-transition: height 0.3s linear;
    transition: height 0.3s linear;
}

#masthead.position-change {
    position: fixed;
    width: 100%;
    z-index: 10;
    top: 0;
    padding: 15px 0;
}

#masthead, #masthead.position-change {
    -webkit-transition: padding 0.3s linear;
    transition: padding 0.3s linear;
}

.modal-box {
    width: 41%;
}

/*========================================*/
/*Inner pages*/
/*========================================*/
.hero {
    text-align: center;
    padding: 75px 0 109px;
}
.banner-title {
    font-size: 30px;
    color: #e2483b;
    margin: 11px 0 19px;
}

.banner-content {
    font-size: 21px;
    color: #a0a1a3;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.6;
}
.tab-num {
    font-weight: 700;
    color: #FBDEDD;
    display: block;
    height: 32px;
    font-size: 97px;
    position: relative;
    line-height: 1;
    font-family: 'Roboto Slab', serif;
    margin-bottom: 16px;
}
.tab-num:before {
    content: '';
    position: absolute;
    height: 32px;
    width: 32px;
    top: 50%;
    left: 50%;
    margin: -11px 0 0 -15px;
    background: url(images/booking-head-icon.png) no-repeat center;
    background-size: 22px 30px;
}

.block.tab-wrap {
    padding: 93px 0 48px;
    background: #FBFBFB;
    text-align: center;
    border-bottom: 1px solid #F3F4F4;
}
.tab-header h2 {
    margin-top: 4px;
}

ul.tabs {
    margin: 22px 0 82px;
    padding: 0;
    display: inline-block;
    background: #fff;
    border-radius: 50px;
    border: none;
    overflow: visible;
    -webkit-box-shadow: 0px 9px 29px -21px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 9px 29px -21px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 9px 29px -21px rgba(0, 0, 0, 0.75);
}

.tabs li {
    list-style-type: none;
    border: 1px solid transparent;
}

.tabs li a {
    padding: 14px 22px;
    font-size: 12px;
    color: #a4a8ad;
    text-decoration: none;
    font-weight: normal;
}

.tabs li a:hover,
.tabs li.active a,
.tabs li a:focus {
    color: #e2483b;
}

.tabs li a {
    border: none;
}

.tabs li:hover,
.tabs li.active {
    border: 1px solid #FED6D5;
    background: #FDE9E9;
}

.tabs li:first-child {
    border-radius: 50px 0 0 50px;
}

.tabs li:last-child {
    border-radius: 0 50px 50px 0;
}

.text-content {
    text-align: left;
    position: relative;
    font-size: 15px;
    color: #47525d;
    font-weight: 300;
    /*padding: 122px 15px 40px 52px;*/
    padding: 11px 4px 3px;
}
.middle {
    z-index: 1;
}

.tab_content, .toggle_border {
    background: none;
    border: none;
    padding-top: 12px;
}

.text-content:last-child {
    /*padding: 56px 26px 0 53px;*/
    border: none;
    /*padding: 20px 0;*/
}

.right .text-content {
    padding-left: 33px;
}

.fadeOut {
    opacity: 0;
}

.tab-dispatch .tab-num {
    color: #FBEBDA;
}

.tab-dispatch .tab-num:before {
    background: url("images/dispatch-head-icon.png") no-repeat center;
    background-size: 31px 26px;
}

.tab-dispatch .tabs li a:hover,
.tab-dispatch .tabs li.active a,
.tab-dispatch .tabs li a:focus {
    color: #f3a62d;
}

.tab-dispatch .tabs li:hover,
.tab-dispatch .tabs li.active {
    border: 1px solid #FDE7C8;
    background: #FFF6E8;
}

.tab-payment .tab-num {
    color: #E5EDDA;
}

.tab-payment .tab-num:before {
    background: url("images/payment-head-icon.png") no-repeat center;
    background-size: 30px 26px;
}

.tab-payment .tabs li a:hover,
.tab-payment .tabs li.active a,
.tab-payment .tabs li a:focus {
    color: #84B300;
}

.tab-payment .tabs li:hover,
.tab-payment .tabs li.active {
    border: 1px solid #D6E5B3;
    background: #F2F7E7;
}

.block-title-red {
    color: #e2483b;
}

.block-head {
    text-align: center;
}

/*[class^="ico-"],*/
/*[class*="ico-"] {*/
    /*background: url(images/sprite.png);*/
    /*background-size: 749px 165px;*/
    /*display: inline-block;*/
    /*text-indent: -999em;*/
    /*vertical-align: middle;*/
/*}*/

.platform-cards-wrap .icon {
    width: 75px;
    height: 75px;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    display: block;
    margin-bottom: 25px;
}
.platform-cards-wrap p {
    margin: 10px 0 15px;
    line-height: 1.6;
}
.icon.ico-icon1 {
    background: url("images/icon1.png");
}

.icon.ico-icon2 {
    background: url("images/icon2.png");
}

.icon.ico-icon3 {
    background: url("images/icon3.png");
}

.icon.ico-icon4 {
    background: url("images/icon4.png");
}

.icon.ico-icon5 {
    background: url("images/icon6.png");
}

.icon.ico-icon6 {
    background: url("images/icon7.png");
}

.icon.ico-icon7 {
    background: url("images/icon8.png");
}

.icon.ico-icon8 {
    background: url("images/icon5.png");
}

.icon.ico-icon9 {
    background: url("images/icon9.png");
}
.platform-cards-wrap .icon{
    background-repeat: no-repeat;
    background-size: 75px 75px;
    background-position: center;
}

a.card-head {
    font-family: 'Roboto Slab', serif;
    font-size: 18px;
    text-decoration: none;
    color: #47525d;
}

/*a.card-head:hover {*/
    /*color: #e2483b;*/
/*}*/

.platform-cards-wrap .match-height {
    margin-bottom: 35px;
    padding-right: 48px;
}

.block.platform-list {
    padding: 87px 0 69px;
}

.platform-cards-wrap {
    padding-top: 101px;
    overflow: hidden;
}
.block-browser {
    text-align: center;
}

figure.browser {
    margin: 69px 0 36px;
}
.block-browser.block {
    padding: 89px 0 81px;
    border: none;
}

.block.normal-content {
    padding: 61px 0 75px;
    border: none;
    text-align: center;
}

.block.normal-content.pink {
    background: #FFF5F5;
}

.block.normal-content a.btn {
    margin-top: 37px;
}

.page-template-tpl-our-story .hero {
    border-bottom: 1px solid #F6F6F7;
}

.block.about-content {
    border: none;
}

.block.about-content p {
    line-height: 1.7;
}

.members-block {
    background: url(images/gredient.png) repeat-x;
    background-position: 0 148px;
    text-align: center;
    padding: 35px 0 41px;
    border-bottom: 1px solid #F7F8F8;
}

.name-list {
    border-bottom: 1px solid #F6F6F7;
    padding: 27px 0 56px;
    text-align: center;
}

.members-block h3 {
    font-size: 18px;
    margin-top: 33px;
    font-weight: 400;
    color: #47525d;
    margin-bottom: 2px;
}
.members-block span {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #e2483b;
    display: block;
}
ul.connect-us {
    display: inline-block;
    margin: 16px 0 0 0;
    padding: 0;
}
ul.connect-us li{
    list-style-type: none;
    display: inline-block;
    margin: 0 7px;
    text-decoration: none;
}
ul.connect-us li a {
    display: inline-block;
    background: #E4E6E8;
    height: 32px;
    width: 32px;
    text-decoration: none;
    border-radius: 50%;
}
ul.connect-us li a:hover{
    background: #abadae;
}
.members-block ul.connect-us li a span {
    color: #fff;
    font-size: 19px;
    padding-top: 5px;
}
.two-col-layout img {
    margin: 10px auto;
    display: block;
}

.two-col-layout h3.block-title-red {
    font-size: 25px;
    margin-bottom: 18px;
}

section.two-col-layout {
    padding: 97px 0;
}

.two-col-layout p {
    line-height: 1.7;
    margin-bottom: 33px;
}

.style-secondary .quote-title {
    font-size: 25px;
    color: #e2483b;
}

.style-secondary .testimonial-slider blockquote {
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
    font-size: 20px;
    font-style: normal;
}

.style-secondary .controller {
    text-align: left;
    margin: 0 25px;
}

.style-secondary .controller.slick-slide img {
    float: left;
    margin-right: 10px;
}

.style-secondary .designation {
    color: #c6c6c8;
}

a.support-card {
    padding: 78px 0 48px;
    background: #fff;
    display: block;
    text-decoration: none;
    -webkit-box-shadow: 0px 3px 39px -25px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 3px 39px -25px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 3px 39px -25px rgba(0, 0, 0, 0.75);
}

.page-template-tpl-support .block.gray {
    padding: 106px 0;
}

a.support-card span {
    font-size: 17px;
    font-family: 'Roboto Slab', serif;
    margin-top: 37px;
    color: #47525d;
    font-weight: 400;
    display: block;
}

a.support-card:hover span {
    color: #e2483b;
}

.page-template-tpl-support .block.block.normal-content {
    padding: 88px 0 106px;
}

.page-template-tpl-contact .hero {
    padding: 98px 0 105px;
}
.page-template-tpl-contact .hero .banner-title {
    margin: 23px 0 11px;
}

label {
    font-size: 15px;
    font-weight: 400;
    color: #E1483B;
    font-family: 'Roboto Slab', serif;
    display: inline-block;
}
label span.wpcf7-form-control-wrap {
    color: #a4a8ad;
}

label.left-half {
    float: left;
    margin-right: 6%;
    width: 47%;
}

label.left-half br {
    display: none;
}

label.right-half {
    float: right;
    margin-right: 0;
    width: 47%;
}

label.full {
    width: 100%;
    clear: both;
}

.block.gray.form-wrap {
    text-align: center;
    padding: 90px 0 89px;
}

.wpcf7 label {
    text-align: left;
}

.wpcf7 textarea,
.wpcf7 input {
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 1px solid #E1E1E2;
    padding: 18px 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: auto;
    font-family: 'Open Sans', sans-serif;
    color: #47525d;
    font-weight: 300;
    font-size: 15px;
    margin-bottom: 53px;
}

.wpcf7 textarea {
    height: 70px;
    padding: 18px 0;
    margin-bottom: 72px;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="password"],
.wpcf7 input[type="search"],
.wpcf7 input[type="number"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="range"],
.wpcf7 input[type="date"],
.wpcf7 input[type="month"],
.wpcf7 input[type="week"],
.wpcf7 input[type="time"],
.wpcf7 input[type="datetime"],
.wpcf7 input[type="datetime-local"],
.wpcf7 input[type="color"],
.wpcf7 textarea {
    width: 100%;
}

.wpcf7 textarea:focus,
.wpcf7 input:focus {
    border-bottom: 1px solid #A2C551;
}

.wpcf7 span.wpcf7-not-valid-tip {
    font-size: 12px;
    margin-top: -35px;
}

div.wpcf7-validation-errors {
    text-align: center;
}

.wpcf7 button:hover,
.wpcf7 input[type="button"],
.wpcf7 input[type="reset"],
.wpcf7 input[type="submit"] {
    text-shadow: none;
    padding: 16px 30px;
    border-radius: 50px;
    min-width: 145px;
    margin: 0 auto;
    color: #fff;
    border: none;
    font-weight: 600;
    font-size: 13px;
}

.block.demo-request .wpcf7 input[type="button"],
.block.demo-request .wpcf7 input[type="reset"],
.block.demo-request .wpcf7 input[type="submit"] {
    height: 50px;
}

.wpcf7 button:hover,
.wpcf7 input[type="button"]:hover,
.wpcf7 input[type="reset"]:hover,
.wpcf7 input[type="submit"]:hover,
.wpcf7 button:focus,
.wpcf7 input[type="button"]:focus,
.wpcf7 input[type="reset"]:focus,
.wpcf7 input[type="submit"]:focus {
    outline: none;
    border: none;
}

.map-wrap iframe {
    width: 100% !important;
}

.map-wrap .location {
    text-align: center;
    font-family: 'Roboto Slab', serif;
    font-size: 19px;
    font-weight: 300;
    color: #fff;
    background: rgba(226, 72, 59, 0.8);
    position: absolute;
    width: 100%;
    padding: 35px 0;
    z-index: 1;
}

.popup-box {
    text-align: center;
    background: #fff;
    padding: 60px 80px 0;
    position: relative;
}

.text-gray {
    font-family: 'Open Sans', sans-serif;
    color: #a0a1a3;
    font-weight: 300;
}
.demo-request label,
.popup-form label {
    text-align: left;
    border-bottom: 1px solid #E6E6E7;
    padding: 39px 0 19px;
    margin-bottom: 9px;
}
.demo-request label {
    width: 50%;
    margin-bottom: 51px;
    padding-top: 18px;
}
.demo-request label.active,
.demo-request label:focus,
.popup-form label.active,
.popup-form label:focus {
    color: #80B100;
    border-bottom: 1px solid #80B100;
    outline: none;
}

.demo-request label span ,
.popup-form label span {
    float: left;
    width: 30%;
}
.demo-request label span{
    width: 80px;
}
.demo-request label span.your-email {
    width: 85%;
}
.demo-request .wpcf7 input[type="email"],
.popup-form input[type="password"],
.popup-form input[type="email"],
.popup-form input[type="text"] {
    border: 0;
    border-radius: 0;
    padding: 0;
    background: none;
    width: 70%;
    float: left;
    height: auto;
    margin-bottom: 0;
}

.demo-request .wpcf7 input[type="email"]{
    width: 100%;
}
.close-btn {
    position: absolute;
    top: 30px;
    right: 30px;
    height: 30px;
    width: 30px;
    background: url("images/close-icon.png") no-repeat center;
}
.video-container .close-btn {
    top: -10px;
    right: -8px;
    background-color: #fff;
    border-radius: 50%;
    width: 35px;
    height: 35px;
}

.popup-box h2.block-title-red {
    font-size: 30px;
    margin-top: 6px;
    margin-bottom: 6px;
}

.popup-form {
    padding: 39px 0;
}

.popup-form input[type="submit"] {
    margin-top: 36px;
    min-width: 145px;
}

.search #content,
.blog #content, .archive #content {
    background: #FBFBFB;
}

.search article.post,
.blog article.post,
.archive article.post {
    background: #fff;
    position: relative;
    margin-left: 110px;
    border-radius: 0 0 4px 4px;
    margin-bottom: 50px;

    -webkit-box-shadow: 0px 3px 39px -25px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 3px 39px -25px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 3px 39px -25px rgba(0, 0, 0, 0.75);
}

.search .content-area,
.blog .content-area,
.archive .content-area {
    margin-top: 75px;
}

article.post:before {
    content: "";
    width: 1px;
    height: 110%;
    background: #EAEAEA;
    top: 0;
    left: -79px;
    position: absolute;
}

article.post:last-of-type:before {
    height: 0 !important;
}

h2.entry-title {
    margin-top: 42px;
}

h2.entry-title,
h2.entry-title a {
    text-decoration: none;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
    color: #49525c;
}

h2.entry-title a:hover {
    color: #e2483b;
}

.blog .entry-content, .archive .entry-content, .search .entry-content {
    padding: 0 60px 52px 50px;
    margin: 0;
}

.entry-meta {
    position: absolute;
    left: -109px;
    padding: 25px 22px 23px 0;
    text-align: center;
    background: #FBFBFB;
}

.posted-on {
    background: url("images/post-date-circle.png") no-repeat center;
    background-size: 60px 60px;
    height: 60px;
    width: 60px;
    float: left;
    z-index: 3;
}

span.posted-month,
span.posted-date {
    display: block;
}

.posted-month,
.posted-date {
    font-size: 20px;
    font-weight: 400;
    color: #d15543;
    font-family: 'Roboto Slab', serif;
}

.posted-month {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.posted-date {
    padding-top: 5px;
}

.entry-content p {
    line-height: 2;
    margin-bottom: 17px;
}
.cat-links {
    font-size: 14px;
    font-weight: 300;
}

.cat-links a {
    color: #d15543;
    font-weight: 400;
}

.cat-links a:hover {
    text-decoration: none;
}

.single .entry-header {
    text-align: center;
    padding: 115px 0 58px;
}

.single h1.entry-title {
    margin-bottom: 28px;
}

.single p,
.single .entry-content div{
    line-height: 1.8;
    text-align: justify;
    color: #49525c;
    font-weight: 400;
    font-size: 14px;
}

figure {
    position: relative;
}

.entry-content figure img {
    display: block;
}

figure.aligncenter {
    margin: 0;
}

figcaption {
    position: absolute;
    text-align: left !important;
    padding: 21px 30px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    bottom: 0;
    width: 100%;
    font-size: 12px;
    font-weight: 400;
}

.wp-caption .wp-caption-text {
    margin: 0;
}

.entry-content figcaption a {
    color: #d15543;
}

.entry-content figcaption a:hover {
    text-decoration: none;
    color: #d15543;
}
.block.quote-wrap.gray blockquote,
.block.quote-wrap.gray blockquote p,
.single blockquote p, .single blockquote {
    font-family: 'Roboto Slab', serif;
    font-size: 34px;
    font-weight: 300;
    text-align: left;
    margin: 0;
    line-height: 1.5;
}
.block.quote-wrap.gray blockquote,
.block.quote-wrap.gray blockquote p{
    font-size: 30px;
    font-style: italic;
    color: #47525d;
    line-height: 1.3;
}
.block.quote-wrap.gray p{
    margin-top: 0;
}

hr {
    background-color: #F1F2F3;
    margin: 60px 0;
}

.entry-content .cat-links a {
    color: #d15543;
}

.entry-content a {
    color: #49525c;
    text-decoration: underline;
}

.entry-content a:hover {
    text-decoration: none;
}

.recent-posts-wrap.block.gray {
    padding: 105px 0;
}

.block.recent-posts-wrap.gray .post-wrap {
    text-align: left !important;
}

.recent-posts-wrap h2 a {
    color: #49525c;
    text-decoration: none;
    font-size: 20px;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
}

.recent-posts-wrap h2 {
    line-height: 1.3;
    margin-top: 14px;
    margin-bottom: 13px;
}

.recent-posts-wrap h2 a:hover {
    color: #d15543;
}

.post-wrap {
    background: #fff;
    padding: 25px 45px 46px;
    margin-top: 34px;
    -webkit-box-shadow: 0px 3px 39px -25px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 3px 39px -25px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 3px 39px -25px rgba(0, 0, 0, 0.75);
}

.slick-list.draggable {
    margin: 0 50px;
    padding: 0 !important;
}

.text-flow {
    overflow: hidden;
}
p.copyright {
    float: left;
    font-size: 13px;
    color: #49525c;
    font-weight: 300;
    margin-top: 16px;
}
.entry-header img {
    border-radius: 4px 4px 0 0;
}
.block.before-after .col ul.new li span.item-number,
.block.before-after .col ul.old li span.item-number {
    font-size: 70px;
    float: left;
    font-weight: 700;
    line-height: 1;
    font-family: 'Roboto Slab', serif;
    color: #F1F1F2;
    margin-top: -9px;
    width: 60px;
}
.block.before-after .col ul.new li span.item-number{
    color: #FEF0EF;
}
img.ajax-loader {
    display: none;
}
.text-content .item-number{
    color: #E9EAEB;
    font-size: 50px;
    font-weight: 700;
    line-height: 1;
    font-family: 'Roboto Slab', serif;
    float: left;
    margin-right: 20px;
    margin-top: 13px;
}
.text-content .detail {
    overflow: hidden;
}
.tab-wrap .middle img {
    margin-top: 30px;
    max-width: 77%;
}
.tab-wrap.tab-booking .middle img{
    margin-top: 0;
}
.page-template-tpl-our-story .banner-title {
    margin: 24px 0 19px;
}
.block.quote-wrap.gray {
    text-align: left;
}
.page.page-template-default{
    background: #FBFBFC;
}
.home.page-template-default{
    background: #FFFFFF;
}
.author h1.page-title,
.category h1.page-title,
.page h1.entry-title {
    text-align: center;
    font-size: 25px;
    color: #e2483b;
    margin-top: 50px;
}
.author h1.page-title,
.category h1.page-title {
    margin-bottom: 40px;
    margin-top: 0;
}
.page .entry-content a{
    color: #e2483b;
}
/* Change the white to any color ;) */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}
.layers-block {
    position: relative;
    margin-top: 16px;
}
.layers-block img{
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.layers-block img.wall{
    position: static;
    display: block;
    visibility: hidden;
}
.layers-block img.v1{
    display: block;
}
.home .site-content{
    overflow: hidden;
}
.home .gray-block .service-cards h4{
    margin-top: 9px;
}
.home span.wpcf7-not-valid-tip {
    position: absolute;
    width: 100%;
    bottom: -42px;
}
div.wpcf7-validation-errors{
    border: none;
    display: none !important;
}
span.wpcf7-not-valid-tip {
    display: none;
}
/*==========================================*/
/*Berger Menu css*/
/*==========================================*/


#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
    display: inline-block;
    width: 20px;
    height: 45px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #D4D7D9;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}


/* Icon 3 */

#nav-icon3 span:nth-child(1) {
    top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
    top: 6px;
}

#nav-icon3 span:nth-child(4) {
    top: 12px;
}

#nav-icon3.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

#nav-icon3.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}
#contact-form label.field-error input,
.wpcf7 form label.field-error input,
.wpcf7 form label.field-error select,
label.field-error {
    border-bottom: 1px solid red;
}
#contact-form label.field-error,
.wpcf7 form label.field-error {
    border: none;
}

.tab_content .mobile-first{
    display: none;
}
.post-loading{
    background: url("images/spin.gif") no-repeat center !important;
}
div.wpcf7-mail-sent-ok{
    border: none;
    font-size: 16px;
    margin-top: -30px;
}
/*==========================================*/
/*Media queries*/
/*==========================================*/

@media only screen and (max-width: 1200px) {
    .main-navigation ul > li {
        padding: 11px 0px 11px 30px;
    }

    .modal-box {
        width: 61%;
    }

    .text-content {
        padding-top: 80px;
    }

    .platform-cards-wrap .match-height {
        padding-right: 0;
    }
    .block.riyo-verity ul li i{
        margin-top: 5px;
    }
    .home .gray-block h4 {
        margin-top: 0;
    }
    .site-footer .widget .get-social li {
        margin-left: 14px;
    }
}

@media only screen and (max-width: 991px) {
    .main-navigation ul > li {
        padding: 11px 0px 11px 22px;
    }
    .main-navigation ul > li:first-child{
        padding-left: 40px;
    }
    div#text-3,
    div#nav_menu-7,
    div#nav_menu-6,
    div#nav_menu-5 {
        padding-left: 0;
    }

    .footer-address {
        text-align: center;
        margin-bottom: 50px;
    }

    .footer-address img {
        max-width: 150px;
    }

    .footer-address address,
    a.phone,
    footer span.email,
    .site-footer .widget ul li a {
        display: block;
    }
    .riyo-verity a.btn {
        margin-top: 40px;
    }
}

@media only screen and (max-width: 768px) {
    .popup-box {
        padding: 30px 40px 0;
    }

    .block.infrastructure .detail {
        padding-top: 0;
    }

    .tabs li a {
        padding: 14px 15px;
    }
    .text-content {
        padding-top: 0;
    }
    a.support-card{
        margin-bottom: 20px;
    }
    .block.riyo-verity ul {
        margin: 0;
    }
    .block.riyo-verity ul.col3,
    .block.riyo-verity ul.col2{
        padding-left: 0;
    }
    .block.riyo-verity ul.col1,
    .block.riyo-verity ul.col2,
    .block.riyo-verity ul.col3{
        margin-top: 40px;
    }
    .before.col:after{
        display: none;
    }
    .service-cards .col-xs-12{
        margin-bottom: 30px;
    }
    .detail {
        overflow: hidden;
    }
    .tab_content .middle{
        display: none;
    }
    .tab_content .mobile-first{
        display: block;
        margin-bottom: 30px;
    }
    .right .text-content {
        padding-left: 0;
    }
    ul.tabs {
        margin: 22px 0 30px;
    }
    .members-block {
        background-position: 0 113px;
    }
}

@media only screen and (max-width: 767px) {

    .main-navigation {
        padding: 20px 0;
    }

    .main-navigation ul > li {
        padding: 11px 0 11px 23px;
        float: none;
        display: inline-block;
    }

    .main-navigation ul > li:first-child {
        padding-left: 44px;
    }

    header#masthead {
        text-align: center;
    }

    .top-login {
        text-align: center;
    }

    div#text-3 .widget-title {
        padding-left: 0;
    }
    .site-footer .widget .get-social li {
        margin-left: 0;
        margin-right: 20px;
    }

    .modal-box {
        width: 90%;
    }
    .popup-box {
        padding: 50px 10px 0;
    }
    .popup-form {
        padding: 0 0 39px;
    }
    .block.riyo-verity ul.col2,
    .block.riyo-verity ul.col3 {
        margin-top: 0;
    }
    .popup-box h2.block-title-red {
        font-size: 20px;
    }
    .demo-request label, .popup-form label {
        padding: 19px 0 9px;
    }
    .popup-form input[type="submit"] {
        margin-top: 15px;
    }
    .close-btn {
        top: 15px;
        right: 15px;
    }
    figure.browser {
        padding: 0 15px;
    }
}

@media only screen and (max-width: 736px) {
    .top-login {
        position: absolute;
        right: 15px;
        top: -55px;
    }

    ul#primary-menu {
        position: absolute;
        left: 0;
        z-index: 2;
        top: 26px;
    }

    .menu-toggle {
        box-shadow: none;
        background: none;
        color: #E45043;
        font-size: 50px;
        padding: 0px;
        right: 15px;
        position: absolute;
        top: -11px;
    }

    .menu-toggle:focus,
    .menu-toggle:active,
    .menu-toggle:hover {
        background: none;
        border: none;
        box-shadow: none;
    }

    .main-navigation.toggled .icon-menu3:before {
        content: "\e9c0";
    }

    .menu-toggle span,
    .menu-toggle span:before,
    .main-navigation ul,
    .main-navigation.toggled ul,
    #primary-menu,
    #site-navigation{
        -webkit-transition: all .3s ease .15s;
        -moz-transition: all .3s ease .15s;
        -o-transition: all .3s ease .15s;
        -ms-transition: all .3s ease .15s;
        transition: all .3s ease .15s;
    }

    .main-navigation ul {
        background: #f3f4f5;
        width: 100%;
        position: relative;
    }

    .main-navigation ul li {
        border-bottom: 1px solid #ccc;
        display: block;
        padding-left: 20px;
        text-align: left;
        width: 100%;
    }

    .main-navigation ul > li:first-child {
        padding-left: 20px;
    }

    .main-navigation ul li a {
        font-size: 14px;
        padding-left: 0;
        color: #85888c;
    }

    .main-navigation .current_page_item > a,
    .main-navigation .current-menu-item > a,
    .main-navigation .current_page_ancestor > a,
    .main-navigation .current-menu-ancestor > a,
    .main-navigation a:hover {
        color: #d15543;
    }
    .block.demo-request input#email {
        width: 92%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    div.wpcf7 img.ajax-loader{
        display: none;
    }
    .entry-meta {
        position: static;
        background: none;
        margin: 0 auto 20px;
        height: 60px;
        width: 60px;
        padding: 10px 10px 0;
    }
    .search article.post, .blog article.post, .archive article.post{
        margin-left: 0;
    }
    header#masthead {
        text-align: left;
    }
    .top-login{
        display: none;
    }
    a#logo img {
        max-width: 83px;
    }
    .main-navigation {
        padding: 0;
    }
    header#masthead {
        padding: 14px 0;
    }
    .banner-content {
        padding-top: 28px;
        padding-bottom: 70px;
    }
    .banner-content h1 {
        font-size: 25px;
    }
    .banner-content h4 {
        font-size: 17px;
    }
    .gray-block h4 {
        font-size: 20px;
    }
    .gray-block h5 {
        font-size: 17px;
    }
    .service-cards .graphic img {
        max-width: 70px;
    }
    .service-cards {
        padding: 27px 0 26px;
    }
    .block.infrastructure {
        padding: 50px 0 50px;
    }
    .block.infrastructure .graphic img {
        max-width: 80%;
    }
    .block.infrastructure p:last-child {
        margin-bottom: 0;
    }
    .block.before-after {
        padding: 20px 0 40px;
    }
    .block.before-after .col h4 {
        margin-bottom: 37px;
    }
    .block.before-after .col ul.new li span.item-number,
    .block.before-after .col ul.old li span.item-number {
        font-size: 50px;
        margin-top: -3px;
        width: 45px;
    }
    .block.before-after .col ul li {
        margin-bottom: 5px;
    }
    .block.before-after .col.before ul li:last-child {
        margin-bottom: 40px;
    }
    .block.before-after .col h4 {
        font-size: 25px;
    }
    .block.before-after .col .detail{
        overflow: hidden;
    }
    .block.before-after .col ul.old,
    .block.before-after .col ul.new {
        padding-left: 0;
    }
    .block.riyo-verity {
        padding: 40px 0;
    }
    .block.riyo-verity h2 {
        margin-bottom: 9px;
        font-size: 25px;
    }
    .subtitle {
        font-size: 17px;
    }
    .block.demo-request h2 {
        font-size: 22px;
    }
    .demo-request label {
        width: 90%;
        margin-bottom: 41px;
        padding-top: 0;
    }
    .demo-request label span.your-email {
        width: 75%;
    }
    .block.demo-request {
        padding: 42px 0 27px;
    }
    .footer-address img {
        max-width: 96px;
    }

    .footer-address address br{
        display: none;
    }
    .top-footer {
        padding: 51px 0 14px;
        border-bottom: 1px solid #F6F6F7;
    }
    .footer-address address {
        margin-bottom: 0;
    }
    div#text-3 .widget-title,
    div#nav_menu-7, div#nav_menu-6, div#nav_menu-5 {
        display: none;
    }
    .top-footer .col-xs-6.last {
        width: 100%;
        text-align: center;
    }
    .site-footer .widget .get-social li{
        margin: 0 10px;
    }
    .footer-address {
        margin-bottom: 21px;
    }
    .menu-footer-menu-container {
        display: none;
    }
    .site-info{
        background: none;
        padding: 0;
    }
    .demo-request label span {
        width: 24%;
    }
    .single p.copyright,
    p.copyright {
        text-align: center;
        float: none;
    }
    .hero {
        padding: 45px 0 49px;
    }
    .banner-title {
        font-size: 25px;
    }
    .banner-content {
        font-size: 17px;
    }
    ul.tabs,
    .tabs li:last-child,
    .tabs li:first-child {
        border-radius: 0;
    }
    .tabs li {
        display: block;
        width: 100%;
        border-top: 1px solid #F9FAFA;
    }
    .block.tab-wrap {
        padding: 45px 0 48px;
    }
    .block-head h2{
        font-size: 22px;
    }
    .icon.ico-icon1 {
        background: url("images/icon1.png");
    }

    .icon.ico-icon2 {
        background: url("images/icon2.png");
    }

    .icon.ico-icon3 {
        background: url("images/icon3.png");
    }

    .icon.ico-icon4 {
        background: url("images/icon4.png");
    }

    .icon.ico-icon5 {
        background: url("images/icon5.png");
    }

    .icon.ico-icon6 {
        background: url("images/icon6.png");
    }

    .icon.ico-icon7 {
        background: url("images/icon7.png");
    }

    .icon.ico-icon8 {
        background: url("images/icon8.png");
    }

    .icon.ico-icon9 {
        background: url("images/icon9.png");
    }
    .platform-cards-wrap .icon {
        float: left;
        margin-right: 20px;
        margin-bottom: 0;
        margin-top: -3px;
        height: 31px;
        width: 30px;
        background-position: center;
        background-size: 75px;
    }

    .block.platform-list {
        padding: 37px 0 19px;
    }
    .platform-cards-wrap {
        padding-top: 51px;
    }
    .block-browser.block {
        padding: 39px 0 21px;
    }
    .block.normal-content.pink h2{
        font-size: 23px;
    }
    .block.gray {
        padding: 40px 0 44px;
    }
    .block {
        padding: 45px 0 40px;
    }
    .members-block .col-xs-12:first-child {
        margin-bottom: 40px;
    }
    .members-block{
        background: none;
    }
    section.two-col-layout {
        padding: 40px 0;
        border-bottom: 1px solid #F6F6F7;
    }
    .search .content-area, .blog .content-area, .archive .content-area {
        margin-top: 45px;
    }
    h2.entry-title {
        margin-top: 22px;
    }
    .blog .entry-content, .archive .entry-content, .search .entry-content {
        padding: 0 30px 40px 30px;
        margin: 0;
    }
    .space {
        padding: 0px 0 50px;
    }
    .single .entry-header {
        text-align: center;
        padding: 25px 0 16px;
    }
    .single h1.entry-title {
        font-size: 25px;
    }
    .recent-posts-wrap.block.gray {
        padding: 45px 0;
    }
    .page-template-tpl-support .block.gray {
        padding: 45px 0;
    }
    .page-template-tpl-support .block.block.normal-content {
        padding: 35px 0 45px;
    }
    .page-template-tpl-contact .hero {
        padding: 45px 0 45px;
    }
    .block.gray.form-wrap {
        text-align: center;
        padding: 45px 0 45px;
    }
    .map-wrap .location {
        font-size: 15px;
        padding: 25px 0;
    }
    .riyo-map {
        height: 400px !important;
    }
    label.right-half,
    label.left-half{
        width: 100%;
    }
    .tab_content .mobile-first img{
        max-width: 77%;
    }
}
@media only screen and (max-width: 500px) {
    .layers-block img {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.4);
    }
}
@media only screen and (max-width: 420px) {
    .site-info .col-xs-12.col-sm-12.col-md-12.col-lg-12{
        display: table;
        text-align: center;
    }
    .site-info ul#footer-menu{
        display: inline-block;
    }
    .site-info .copyright{
        display: table-footer-group;
    }
    .site-info ul li {
        list-style-type: none;
        display: inline-block;
        margin: 0 15px;
    }
    .site-info{
        padding: 20px 0;
    }
    .post-wrap {
        padding: 15px 15px 36px 25px;
    }
    .blog .entry-content,
    .archive .entry-content,
    .search .entry-content {
        padding: 0 20px 48px 20px;
    }
    .banner-content a.btn.transparent {
        margin-left: 0;
    }
}
@media only screen and (max-width: 320px) {
    .banner-content a.btn.transparent {
        margin-left: 0;
        margin-top: 10px;
    }
}