/*!

Theme Name: Rara Business

Theme URI: https://rarathemes.com/wordpress-themes/rara-business/

Author: Rara Theme

Author URI: https://rarathemes.com/

Description: Rara Business is a free WordPress theme for business and corporate websites. You can use it to build small business (restaurants/cafe, travel, education, hotel, construction, events, wedding planners, fitness, affiliate, fashion, lawyer, consulting, sport/medical shops, spa/temas, political), portfolio, church, online agencies and firms, charity, ecommerce (WooCommerce), and freelancers websites. Rara Business is widgetized, visually appealing and clean. It is responsive, Schema.org compatible, SEO friendly, RTL compatible, speed optimized, and translation ready. Check demo at https://rarathemes.com/previews/?theme=rara-business, read the documentation at https://docs.rarathemes.com/docs/rara-business/, and get support at https://rarathemes.com/support-ticket/.

Version: 1.1.9

Requires PHP: 5.6

Tested up to: 5.4.2

License: GNU General Public License v3 or later

License URI: http://www.gnu.org/licenses/gpl-3.0.html

Text Domain: rara-business

Tags: two-columns, left-sidebar, right-sidebar, custom-header, custom-background, custom-logo, custom-menu, theme-options, featured-images, threaded-comments, full-width-template, footer-widgets, translation-ready, blog, e-commerce, portfolio



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.



Rara Business is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.

Underscores is distributed under the terms of the GNU GPL v2 or later.



Normalizing styles have been helped along thanks to the fine work of

Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

*/



/*--------------------------------------------------------------

>>> 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: sans-serif;

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

}



body {

    margin: 0;

}



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: 2em;

    margin: 0.67em 0;

}



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,

optgroup,

textarea {

    color: #4a4a4a;

    font-family: 'Lato', sans-serif;

    font-size: 20px;

    line-height: 1.4em;

    font-weight: 300;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    margin-top: 0;

}



p {

    margin-bottom: 1.5em;

    margin-top: 0;

}



p:last-child {

    margin-bottom: 0;

}



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%;

}







/*--------------------------------------------------------------

# 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 https://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. */

}



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 {

    height: auto;

    /* Make sure images are scaled correctly. */

    max-width: 100%;

    /* Adhere to container width. */

    vertical-align: top;

}



figure {

    margin: 1em 0;

    /* Extra wide images within figure tags don't overflow the content area. */

}



table {

    margin: 0 0 1.5em;

    width: 100%;

}







/*--------------------------------------------------------------

# Forms

--------------------------------------------------------------*/



button,

input[type="button"],

input[type="reset"],

input[type="submit"] {

    font-size: 0.8em;

    font-weight: 900;

    color: #246708;

    border: 1px solid #0aa3f3;

    background: none;

    padding: 18px 60px;

    border-radius: 5px;

    -webkit-transition: ease 0.2s;

    -moz-transition: ease 0.2s;

    transition: ease 0.2s;

}



button:hover,

input[type="button"]:hover,

input[type="reset"]:hover,

input[type="submit"]:hover {

    background: #0aa3f3;

    color: #fff;

}



button:active,

button:focus,

input[type="button"]:active,

input[type="button"]:focus,

input[type="reset"]:active,

input[type="reset"]:focus,

input[type="submit"]:active,

input[type="submit"]:focus {

    background: #0aa3f3;

    color: #fff;

}



button:focus,

input[type="button"]:focus,

input[type="reset"]:focus,

input[type="submit"]:focus {

    outline: thin dotted #000;

}



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 {

    border: 1px solid #d8d8d8;

    border-radius: 5px;

    padding: 15px 20px;

    outline: none;

}



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,

select:focus {

    color: #111;

    outline: thin dotted #000;

}



select {

    border: 1px solid #ccc;

}



textarea {

    width: 100%;

    resize: vertical;

}







/*--------------------------------------------------------------

# Navigation

--------------------------------------------------------------*/





/*--------------------------------------------------------------

## Links

--------------------------------------------------------------*/



a {

    color: #26acfb /*246708*/;

    text-decoration: none;

}



a:hover,

a:focus {

    color: #246708;

    text-decoration: under

}



a:focus {

    outline: thin dotted #000;

}



a:hover,

a:active {

    outline: 0;

}







/*--------------------------------------------------------------

## Menus

--------------------------------------------------------------*/



@media only screen and (min-width: 1025px) {

    .main-navigation ul {

        list-style: none;

        margin: 0;

        padding-left: 0;

        font-size: 0.7em;

        font-weight: 600;

        text-transform: uppercase;

    }



    .main-navigation ul:after {

        content: '';

        display: block;

        clear: both;

    }



    .main-navigation ul li {

        float: left;

        margin-left: 35px;

        position: relative;

    }



    .main-navigation ul li:after {

        position: absolute;

        top: 100%;

        left: 0;

        width: 100%;

        height: 2px;

        background: #4a4a4a;

        content: '';

        display: none;

    }



    .main-navigation ul li:first-child {

        margin-left: 0;

    }



    .main-navigation ul li a {

        color: #a2a2a2;

        padding: 0 5px;

        display: block;

        position: relative;

        -webkit-transition: ease 0.2s;

        -moz-transition: ease 0.2s;

        transition: ease 0.2s;

    }



    .main-navigation ul li a:hover,

    .main-navigation ul li a:focus,

    .main-navigation ul li:hover>a,

    .main-navigation ul li:focus>a {

        color: #111;

    }



    .main-navigation ul .current-menu-item>a,

    .main-navigation ul .current-menu-ancestor>a,

    .main-navigation ul .current_page_item>a,

    .main-navigation ul .current_page_ancestor>a {

        color: #111;

    }



    .main-navigation ul .current-menu-item:after,

    .main-navigation ul .current-menu-ancestor:after,

    .main-navigation ul .current_page_item:after,

    .main-navigation ul .current_page_ancestor:after {

        display: block;

    }



    .main-navigation ul .menu-item-has-children {

        padding-right: 20px;

    }



    .main-navigation ul .menu-item-has-children:before {

        position: absolute;

        top: 5px;

        right: 0;

        content: '';

        background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M441.9 167.3l-19.8-19.8c-4.7-4.7-12.3-4.7-17 0L224 328.2 42.9 147.5c-4.7-4.7-12.3-4.7-17 0L6.1 167.3c-4.7 4.7-4.7 12.3 0 17l209.4 209.4c4.7 4.7 12.3 4.7 17 0l209.4-209.4c4.7-4.7 4.7-12.3 0-17z"></path></svg>');
	

        background-repeat: no-repeat;

        width: 20px;

        height: 15px;

        font-weight: 400;

    }



    .main-navigation ul ul {

        position: absolute;

        top: inherit;

        font-size: 1em;

        font-weight: 300;

        text-transform: none;

        border-radius: 5px;

        width: 180px;

        padding-top: 13px;

        margin-top: 23px;

        overflow: hidden;

        /*clip: rect(1px, 1px, 1px, 1px);*/

        opacity: 0;

        margin-left: -99999px;

        height: 1px;

        z-index: 2;

        box-shadow: 0 10px 17px rgba(0, 0, 0, 0.04);

        -webkit-transition: ease 0.4s;

        -moz-transition: ease 0.4s;

        transition: ease 0.4s;

    }



    .main-navigation ul.menu>li:last-child ul,

    .main-navigation ul.menu>li:nth-last-of-type(2) ul,

    .main-navigation ul.menu>li:nth-last-of-type(3) ul {

        left: auto;

        right: 0;

    }



    .main-navigation ul.menu>li:last-child ul ul,

    .main-navigation ul.menu>li:nth-last-of-type(2) ul ul,

    .main-navigation ul.menu>li:nth-last-of-type(3) ul ul {

        left: auto;

        right: 100%;

    }



    .main-navigation ul li.hover>ul,

    .main-navigation ul li:hover>ul,

    .main-navigation ul li:focus>ul {

        margin-top: 0;

        opacity: 1;

        margin-left: 0;

        overflow: inherit;

        height: inherit;

        z-index: 3;

    }



    .main-navigation ul ul li {

        float: none;

        display: block;

        margin: 0;

    }



    .main-navigation ul ul li a:hover,

    .main-navigation ul ul li a:focus,

    .main-navigation ul ul li:hover>a,

    .main-navigation ul ul li:focus>a,

    .main-navigation ul ul .current-menu-item>a,

    .main-navigation ul ul .current-menu-ancestor>a,

    .main-navigation ul ul .current_page_item>a,

    .main-navigation ul ul .current_page_ancestor>a {

        color: #0aa3f3;

    }



    .hasbanner .main-navigation ul ul li a:focus,

    .main-navigation ul ul li a:focus {

        outline: thin dotted #000;

        outline-offset: -2px;

    }



    .main-navigation ul ul li:first-child a {

        border-radius: 5px 5px 0 0;

        border-top: 1px solid #ebebeb;

    }



    .main-navigation ul ul li a {

        color: #4a4a4a;

        padding: 5px 20px;

        border-bottom: 1px solid #ebebeb;

        border-left: 1px solid #ebebeb;

        border-right: 1px solid #ebebeb;

        background: #fff;

    }



    .main-navigation ul ul li:last-child a {

        border-radius: 0 0 5px 5px;

    }



    .main-navigation ul ul ul {

        top: -1px;

        left: 100%;

        padding: 0 0 0 3px;

        margin: 0;

        clip: inherit;

        height: inherit;

        overflow: inherit;

        display: none;

    }



    .main-navigation ul ul li:hover>ul {

        display: block;

    }



    .main-navigation ul ul .menu-item-has-children {

        padding: 0

    }



    .main-navigation ul ul .menu-item-has-children:before {

        display: none;

    }

}







/*Post navigation*/



.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 {

    border: 0;

    clip: rect(1px, 1px, 1px, 1px);

    clip-path: inset(50%);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute !important;

    width: 1px;

    word-wrap: normal !important;

    /* Many screen reader and browser combinations announce broken words as they would appear visually. */

}



.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;

    clip-path: none;

    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;

}







/*--------------------------------------------------------------

# 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%;

}



.widget_rrtc_description_widget .text-holder .description {

    height: 110px;

    position: relative;

}







/*--------------------------------------------------------------

# Content

--------------------------------------------------------------*/





/*--------------------------------------------------------------

## Posts and pages

--------------------------------------------------------------*/



.sticky {

    display: block;

}



.hentry {

    margin: 0 0 1.5em;

}



.updated:not(.published) {

    display: none;

}



.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,

.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%;

}







/* Make sure logo link wraps around logo image. */



.custom-logo-link {

    display: inline-block;

}



.hasbanner .custom-logo-link:focus {

    outline: thin dotted #fff;

}







/*--------------------------------------------------------------

## Captions

--------------------------------------------------------------*/



.wp-caption {

    margin-bottom: 1.5em;

    max-width: 100%;

    position: relative;

}



.wp-caption img[class*="wp-image-"] {

    display: block;

    margin-left: auto;

    margin-right: auto;

}



.wp-caption .wp-caption-text {

    margin: 0;

    font-size: 0.8em;

    position: absolute;

    left: 20px;

    bottom: 20px;

    background: #fcfdfd;

    border-radius: 5px;

    padding: 0 10px;

}



.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%;

    margin: 0;

}



.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;

}









/*======================================

 Common Site Style

 ======================================*/



.container {

    max-width: 1170px;

    margin: 0 auto;

    padding: 0 15px;

}



.container:after {

    content: '';

    display: block;

    clear: both;

}



.row {

    margin-left: -15px;

    margin-right: -15px;

}



.row:after {

    content: '';

    display: block;

    clear: both;

}



.entry-footer span.edit-link {

    display: block;

    clear: both;

    padding-top: 20px;

}



.blossomthemes-email-newsletter-wrapper form input[type="submit"] {

    background: #0aa3f3;

    color: #fff;

}



/*=========================

NEWSLETTER WIDGET

=========================*/

.widget_newsletterwidgetminimal form,

.widget_newsletterwidget form {

    background: rgba(0, 0, 0, 0.1);

    border-radius: 5px;

}



.widget_newsletterwidget .tnp-widget .tnp-field {

    margin-bottom: 0;

    display: inline-block;

    width: calc(100% - 35px);

}



.widget_newsletterwidget .tnp-widget .tnp-field.tnp-field-button {

    width: 30px;

}



.widget_newsletterwidget .tnp-widget .tnp-field label,

.widget_newsletterwidget .tnp-widget .tnp-lists label {

    display: none;

}



.widget_newsletterwidgetminimal form input[type="email"],

.widget_newsletterwidget form input[type="email"] {

    background: none;

    color: #fff;

    width: calc(100% - 35px);

    height: 50px;

    font-size: 18px;

    border: none;

}



.widget_newsletterwidgetminimal form input[type="email"]::-webkit-input-placeholder,

.widget_newsletterwidget form input[type="email"]::-webkit-input-placeholder {

    color: #fff;

}



.widget_newsletterwidgetminimal form input[type="email"]::-moz-placeholder,

.widget_newsletterwidget form input[type="email"]::-moz-placeholder {

    color: #fff;

}



.widget_newsletterwidgetminimal form input[type="email"]:-ms-input-placeholder,

.widget_newsletterwidget form input[type="email"]:-ms-input-placeholder {

    color: #fff;

}



.widget_newsletterwidgetminimal form input[type="email"]:-moz-placeholder,

.widget_newsletterwidget form input[type="email"]:-moz-placeholder {

    color: #fff;

}



.widget_newsletterwidgetminimal form input.tnp-submit,

.widget_newsletterwidget form input.tnp-submit {

    width: 30px;

    height: 50px;

    display: inline-block;

    padding: 0;

    background: url(images/envelope-icon.svg) no-repeat center;

    text-indent: 40px;

    border: none;

}



.widget_newsletterwidgetminimal form input.tnp-submit:hover,

.widget_newsletterwidget form input.tnp-submit:hover {

    opacity: 0.75;

    filter: alpha(opacity=75);

}



.widget_newsletterwidget .tnp.tnp-widget {

    position: relative;

    padding-top: 60px;

}



.widget_newsletterwidget .tnp-lists {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

}



.widget_newsletterwidget .tnp-lists .tnp-lists {

    position: static;

    border-radius: 5px;

    height: 40px;

}







/*=============================

 Secondary Font Family

 =============================*/



.site-branding .site-title,

.main-navigation ul,

#primary .site-main article .entry-header .entry-title,

.page-header .page-title,

.error-holder .text-holder h2,

.error404 .recent-post .section-title,

.error404 .recent-post .col .entry-title,

#primary .post .entry-footer .social-share strong,

.author-section .text-holder .name,

.related-post .section-title,

.related-post .col .entry-title,

.popular-post .section-title,

.popular-post .col .entry-title,

.comments-area .comments-title,

.comments-area .comment-body .fn,

.comments-area .comment-reply-title,

.banner .banner-text .text-holder .title,

.our-services .widget_text .widget-title,

.our-services .grid .widget .widget-title,

.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .text-holder .widget-title,

.our-features .widget.widget_text .widget-title,

.our-features .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .text-holder .widget-title,

.our-team .widget_text .widget-title,

.our-team .widget_rrtc_description_widget .text-holder .name,

.our-testimonial .section-header .widget_text .widget-title,

.our-testimonial .grid .widget_rrtc_testimonial_widget .text-holder .testimonial-meta .name,

.our-stats .widget_text .widget-title,

.our-stats .widget_raratheme_companion_stat_counter_widget .hs-counter,

.portfolio .widget_text .widget-title,

.blog-section .widget_text .widget-title,

.blog-section .blog-post .entry-title,

.our-skills .text-holder .title,

.portfolio-holder .button-group .button,

.portfolio-holder .filter-grid .element-item .img-holder .text-holder .text .title,

.our-pricing .widget_text .widget-title,

.our-pricing .pricing-holder .col h3,

.our-pricing .pricing-holder .col .price-holder,

.cta .widget .widget-title,

.cta .widget .btn-cta,

.faq-section .widget_text .widget-title,

.faq-section .widget .accordion li .toggle,

.contact-section .widget_text .widget-title,

.our-clients .widget .widget-title,

.contact-grid .right .contact-info h3,

.page-template-faq .widget_raratheme_companion_faqs_widget .accordion li .toggle,

.team-grid .widget_rrtc_description_widget .text-holder .name,

.testimonial-grid .widget_rrtc_testimonial_widget .text-holder .testimonial-meta .name {

    font-family: 'Montserrat', sans-serif;

}







/*=======================

 Header Style

 =======================*/



.site-header .header-t {

    background: #111;

    font-size: 0.9em;

    line-height: 1.444em;

    color: #a0a0a0;

    padding: 10px 0;

}



.header-t.hide-header-top {

    display: none;

}



.site-header .header-t a {

    color: #a0a0a0;

    -webkit-transition: ease 0.2s;

    -moz-transition: ease 0.2s;

    transition: ease 0.2s;

}



.site-header .header-t a:hover,

.site-header .header-t a:focus {

    text-decoration: none;

    color: #fff;

}



.site-header .header-t a:focus {

    outline: thin dotted #fff;

}



.site-header .header-t .contact-info {

    float: left;

}



.site-header .header-t .contact-info div {

    float: left;

    margin-right: 30px;

}



.site-header .header-t .contact-info svg {

    font-size: 1.2em;

    margin-right: 5px;

    vertical-align: middle;

}



.site-header .header-t .contact-info .phone svg {

    font-size: 1.5em;

}



.site-header .header-t .contact-info address {

    display: inline-block;

    font-style: normal;

    margin: 0;

}



.site-header .social-networks {

    float: right;

    margin: 0;

    padding: 0;

    list-style: none;

}



.site-header .social-networks li {

    float: left;

    margin-left: 25px;

}



.site-header .social-networks li:first-child {

    margin-left: 0;

}







/*===============================

 Site Title and Logo Style

 ===============================*/



.site-header .main-header {

    padding: 30px 0;

    border-bottom: 1px solid #dbdbdb;

}



.main-header .container {

    display: flex;

    flex: 1;

    flex-flow: row wrap;

    justify-content: flex-end;

    align-items: center;

}



.site-branding {

    display: flex;

    flex: auto;

}



.site-branding.logo-with-site-identity .text-logo {

    padding-left: 20px;

}



.site-branding .custom-logo img {

    vertical-align: middle;

}



.site-branding .site-title {

    font-size: 1.2em;

    line-height: 1.25em;

    font-weight: 400;

    margin-bottom: 0;

}



.site-branding .site-title a {

    color: #111;

}



.main-header .right {

    display: flex;

    align-items: center;

    flex: auto;

    justify-content: flex-end;

}



.main-header .right .btn-buy {

    font-weight: 900;

    text-transform: uppercase;

    color: #fff;

    background: #0aa3f3;

    border: 1px solid #0aa3f3;

    border-radius: 5px;

    font-size: 0.8em;

    padding: 10px 34px;

    margin-left: 25px;

    -webkit-transition: ease 0.2s;

    -moz-transition: ease 0.2s;

    transition: ease 0.2s;

    order: 2;

}



.main-header .right .btn-buy:hover,

.main-header .right .btn-buy:focus {

    background: #fff;

    color: #0aa3f3;

}



.main-header .right .btn-buy:focus {

    outline-offset: -3px;

}



.main-header .right .btn-buy svg {

    margin-right: 7px;

}







/*================================

 Home Page Style

 ================================*/



.custom-background #page {

    background: #fff;

    width: 1200px;

    margin: 0 auto;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);

}



.custom-background.homepage.hasbanner .site-header {

    width: 1200px;

    margin: 0 auto;

    right: 0;

}



.homepage.hasbanner .site-header {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 2;

}



body.admin-bar.homepage.hasbanner .site-header {

    padding-top: 32px;

}



.homepage.hasbanner .site-header .header-t {

    background: none;

    border-bottom: 1px solid rgba(255, 255, 255, 0.2);

    color: #fff;

}



.homepage.hasbanner .site-header .header-t a {

    color: #fff;

}



.homepage.hasbanner .site-header .header-t a:hover,

.homepage.hasbanner .site-header .header-t a:focus {

    color: #d8d8d8;

}



.homepage.hasbanner .site-header .main-header {

    border-bottom: 0;

}



.homepage.hasbanner .site-branding .site-title a,

.homepage.hasbanner .site-branding p.site-description {

    color: #fff;

}



.hasbanner .site-branding .site-title a:focus {

    outline: thin dotted #fff;

}



.homepage.hasbanner .main-navigation ul li a {

    color: #fff;

}



.hasbanner .main-navigation ul li a:focus {

    outline: thin dotted #fff;

}



.homepage.hasbanner .main-navigation ul .menu-item-has-children:before {

    background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M441.9 167.3l-19.8-19.8c-4.7-4.7-12.3-4.7-17 0L224 328.2 42.9 147.5c-4.7-4.7-12.3-4.7-17 0L6.1 167.3c-4.7 4.7-4.7 12.3 0 17l209.4 209.4c4.7 4.7 12.3 4.7 17 0l209.4-209.4c4.7-4.7 4.7-12.3 0-17z"></path></svg>');

}



.homepage.hasbanner .main-navigation ul li a:hover,

.homepage.hasbanner .main-navigation ul li a:focus,

.homepage.hasbanner .main-navigation ul li:hover>a,

.homepage.hasbanner .main-navigation ul li:focus>a {

    color: #d8d8d8;

}



.homepage.hasbanner .main-navigation ul li:after {

    background: rgba(255, 255, 255, 0.5);

}



.homepage.hasbanner .main-navigation ul ul li a {

    color: #4a4a4a;

}



.homepage.hasbanner .main-navigation ul ul li a:hover,

.homepage.hasbanner .main-navigation ul ul li a:focus,

.homepage.hasbanner .main-navigation ul ul li:hover>a,

.homepage.hasbanner .main-navigation ul ul li:focus>a,

.homepage.hasbanner .main-navigation ul ul .current-menu-item>a,

.homepage.hasbanner .main-navigation ul ul .current-menu-ancestor>a,

.homepage.hasbanner .main-navigation ul ul .current_page_item>a,

.homepage.hasbanner .main-navigation ul ul .current_page_ancestor>a {

    color: #0aa3f3;

}







/*==================================

 Banner style

 ==================================*/



.banner {

    background: #2e2e2e;

    position: relative;

}



.banner img {

    width: 100%;

    max-height: 300px;
    height: auto;

    object-fit: cover;

    vertical-align: top;

    opacity: 0.5;

}



.banner .banner-text {

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%;

    -webkit-transform: translate(0%, -40%);

    -moz-transform: translate(0%, -40%);

    transform: translate(0%, -40%);

}



.banner .banner-text .text-holder {

    text-align: center;

    max-width: 940px;

    font-size: 0.9em;

    line-height: 1.444em;

    color: #fff;

    margin: 0 auto;

}



.banner .banner-text .text-holder .title {

    font-size: 3.333em;

    font-weight: 700;

    line-height: 1.166em;

    margin: 0 0 10px;

}



.banner .banner-text .btn-holder .btn-free-inquiry {

    font-size: 0.888em;

    font-weight: 900;

    display: inline-block;

    text-transform: uppercase;

    color: #fff;

    background: #0aa3f3;

    border-radius: 5px;

    margin: 0 15px;

    padding: 17px 67px;

    -webkit-transition: ease 0.2s;

    -moz-transition: ease 0.2s;

    transition: ease 0.2s;

}



.banner .banner-text .btn-holder .btn-free-inquiry svg {

    font-weight: 400;

    margin-right: 8px;

    font-size: 1.2em;

}



.banner .banner-text .btn-holder .btn-free-inquiry:hover,

.banner .banner-text .btn-holder .btn-free-inquiry:focus {

    text-decoration: none;

    background: #fff;

    color: #0aa3f3;

}



.banner .banner-text .btn-holder .btn-free-inquiry:focus {

    outline: thin dotted #fff;

    outline-offset: 2px;

}



.banner .banner-text .btn-holder .btn-view-service {

    font-size: 0.888em;

    font-weight: 900;

    display: inline-block;

    text-transform: uppercase;

    background: #fff;

    color: #0aa3f3;

    border-radius: 5px;

    margin: 0 15px;

    padding: 17px 67px;

    -webkit-transition: ease 0.2s;

    -moz-transition: ease 0.2s;

    transition: ease 0.2s;

}



.banner .banner-text .btn-holder .btn-view-service:hover,

.banner .banner-text .btn-holder .btn-view-service:focus {

    text-decoration: none;

    color: #fff;

    background: #0aa3f3;

}



.banner .banner-text .btn-holder .btn-view-service:focus {

    outline: thin dotted #fff;

    outline-offset: 2px;

}



/*header video*/

.wp-custom-header-video-button svg {

    font-size: 16px;

    line-height: 20px;

    height: 20px;

    width: 20px;

}



.wp-custom-header .wp-custom-header-video-button {

    border: 0;

    color: rgba(255, 255, 255, 0.6);

    height: 45px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    right: 30px;

    bottom: 30px;

    -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;

    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;

    width: 45px;

    z-index: 9999;

    background: #0aa3f3;

    line-height: 52px;

}



.wp-custom-header .wp-custom-header-video-button svg {

    fill: #fff;

}



.wp-custom-header .wp-custom-header-video-button:hover,

.wp-custom-header .wp-custom-header-video-button:focus {

    color: #fff;

    background: #fff;

}



.wp-custom-header .wp-custom-header-video-button:hover svg,

.wp-custom-header .wp-custom-header-video-button:focus svg {

    fill: #0aa3f3;

}



.video-banner .wp-custom-header {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 0;

    height: 0;

    overflow: hidden;

}



.video-banner .wp-custom-header video,

.video-banner .wp-custom-header iframe,

.video-banner .wp-custom-header embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



/*============================

OWL CAROUSEL CUSTOM STYLE

============================*/



.owl-theme .owl-nav {

    margin: 0;

}



.owl-theme .owl-nav [class*="owl-"] {

    position: absolute;

    top: 50%;

    left: 4%;

    background: none;

    padding: 0;

    margin: 0;

    font-size: 1.5em;

    font-weight: 400;

    width: 50px;

    text-align: center;

    height: 50px;

    line-height: 50px;

    overflow: hidden;

    text-indent: 60px;

}



.owl-theme .owl-nav .owl-next {

    left: auto;

    right: 4%;

}



.owl-theme .owl-nav [class*="owl-"]::before {

    content: "";

    background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path fill="%23fff" d="M4.2 247.5L151 99.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17L69.3 256l118.5 119.7c4.7 4.7 4.7 12.3 0 17L168 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 264.5c-4.7-4.7-4.7-12.3 0-17z"></path></svg>');

    background-repeat: no-repeat;

    background-position: center;

    width: 25px;

    height: 30px;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    text-indent: 0;

}



.owl-theme .owl-nav .owl-next::before {

    background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path fill="%23fff" d="M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z" class=""></path></svg>');

}



.owl-theme .owl-nav [class*="owl-"]:hover {

    background: rgba(0, 0, 0, 0.2);

}



.owl-theme .owl-dots {

    position: absolute;

    bottom: 10px;

    left: 0;

    right: 0;

}



.owl-theme .owl-dots .owl-dot span {

    width: 25px;

    height: 7px;

    background: #fff;

}



.owl-theme .owl-dots .owl-dot.active span,

.owl-theme .owl-dots .owl-dot:hover span {

    background: #0aa3f3;

}





/*================================

 Services Section Style

 ================================*/



.our-services {

    margin: 100px 0;

}



.our-services .widget {

    margin: 0;

}



.our-services .grid .widget.widget_text {

    grid-column: 1 / span 3;

}



.our-services .grid .widget_text {

    text-align: center;

    max-width: 830px;

    margin: 0 auto;

}



.our-services .widget_text .textwidget {

    font-size: 0.9em;

}



.our-services .grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    text-align: center;

    grid-gap: 60px 30px;

}



.our-services .grid .widget {

    padding: 0 30px;

}



.our-services .grid .widget .rtc-itw-inner-holder {

    display: grid;

    grid-row-gap: 10px;

}



.our-services .grid .widget .icon-holder {

    grid-row-start: 1;

    grid-row-end: 2;

}



.our-services .grid .widget .icon-holder svg {

    font-size: 97px;

    color: #0aa3f3;

}



.our-services .grid .widget .widget-title {

    color: #111;

    font-weight: 700;

    font-size: 1.1em;

    line-height: 1.318em;

    margin: 0 0 15px;

}



.our-services .grid .widget_text .widget-title {

    font-weight: 700;

    color: #111;

    margin: 0 0 15px;

    font-size: 2.3em;

    line-height: 1.130em;

}



.our-services .grid .widget .content {

    font-size: 0.9em;

    line-height: 1.444em;

}



.our-services .grid .widget .btn-readmore {

    font-size: 0.7em;

    font-weight: 900;

    text-transform: uppercase;

    border: 1px solid #0aa3f3;

    border-radius: 5px;

    display: inline-block;

    padding: 5px 32px;

    -webkit-transition: ease 0.2s;

    -moz-transition: ease 0.2s;

    transition: ease 0.2s;

}



.widget_rrtc_icon_text_widget .btn-readmore {

    margin-top: 20px;

}



.our-services .grid .widget .btn-readmore:hover,

.our-services .grid .widget .btn-readmore:focus {

    text-decoration: none;

    color: #fff;

    background: #0aa3f3;

}



.our-services .grid .widget .btn-readmore:focus {

    outline-offset: 2px;

}



/*==============================

 Who we are section style

 ==============================*/



.featured-page {

    background: #f6f6f6;

    padding: 100px 0;

}



.featured-page .widget_raratheme_featured_page_widget {

    margin: 0;

}



.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder {

    display: flex;

    flex-wrap: wrap;

}



.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder.left {

    flex-direction: row-reverse;

}



.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder.centered {

    flex-direction: column-reverse;

    max-width: 570px;

    margin: 0 auto;

}



.widget_raratheme_featured_page_widget .section-subtitle {

    display: block;

    width: 100%;

}



.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .text-holder {

    align-items: flex-start;

    flex: 1 0 0;

    padding-right: 10px;

}



.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder.left .text-holder {

    padding-right: 0;

    padding-left: 10px;

}



.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder.centered .text-holder {

    padding: 0;

    text-align: center;

}



.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .text-holder .widget-title {

    font-size: 2.3em;

    line-height: 1.086em;

    font-weight: 700;

    color: #111;

    margin: 0 0 10px;

}



.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .text-holder .featured_page_content {

    line-height: 1.444em;

    font-size: 0.9em;

    padding-right: 10px;

}



.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .text-holder .featured_page_content .btn-readmore {

    font-size: 0.888em;

    font-weight: 900;

    text-transform: uppercase;

    border: 1px solid #0aa3f3;

    display: inline-block;

    border-radius: 5px;

    padding: 16px 37px;

    margin-top: 20px;

    -webkit-transition: ease 0.2s;

    -moz-transition: ease 0.2s;

    transition: ease 0.2s;

}



.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .text-holder .featured_page_content .btn-readmore:hover,

.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .text-holder .featured_page_content .btn-readmore:focus {

    text-decoration: none;

    color: #fff;

    background: #0aa3f3;

}



.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .text-holder .featured_page_content .btn-readmore:focus {

    outline-offset: 2px;

}



.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .img-holder {

    align-items: flex-start;

    width: 570px;

    margin-left: 30px;

}



.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .img-holder a:focus {

    outline-offset: 2px;

}



.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder.left .img-holder {

    margin-left: 0;

    margin-right: 30px;

}



.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder.centered .img-holder {

    margin: 0 0 30px;

    text-align: center;

}



.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .img-holder img {

    vertical-align: top;

    border-radius: 5px;

}







/*========================================

 our-features section style

 ========================================*/



.our-features {

    padding: 70px 0;

    border-bottom: 1px solid #f6f6f6;

    position: relative;

}



.our-features .features-content {

    max-width: 700px;

}



.our-features .features-content .section-header {

    margin: 0 0 60px;

    max-width: 650px;

}



.our-features .widget {

    margin: 0;

}



.our-features .widget.widget_text {

    grid-column: 1 / span 2;

}



.our-features .widget.widget_text .widget-title {

    font-weight: 700;

    color: #111;

    margin: 0 0 15px;

    font-size: 2.3em;

    line-height: 1.130em;

}



.our-features .widget.widget_text .widget_text {

    font-size: 0.9em;

}



.our-features .grid {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    grid-gap: 40px;

}



.our-features .widget_rrtc_icon_text_widget .rtc-itw-inner-holder {

    display: flex;

    flex-direction: row-reverse;

}



.our-features .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .text-holder {

    flex: 1 0 0;

    align-items: flex-start;

}



.our-features .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .text-holder .widget-title {

    line-height: 1.772em;

    font-size: 1.1em;

    margin: 0;

    font-weight: 700;

    color: #111;

}



.our-features .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .text-holder .content {

    line-height: 1.444em;

    font-size: 0.9em;

}



.our-features .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .text-holder .btn-readmore {

    font-size: 0.7em;

    font-weight: 900;

    text-transform: uppercase;

    border: 1px solid #0aa3f3;

    border-radius: 5px;

    display: inline-block;

    padding: 5px 32px;

    -webkit-transition: ease 0.2s;

    -moz-transition: ease 0.2s;

    transition: ease 0.2s;

}



.our-features .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .text-holder .btn-readmore:hover,

.our-features .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .text-holder .btn-readmore:focus {

    text-decoration: none;

    color: #fff;

    background: #0aa3f3;

}



.our-features .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .text-holder .btn-readmore:focus {

    outline-offset: 2px;

}



.our-features .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .icon-holder {

    align-items: flex-start;

    width: 25px;

    margin-right: 10px;

    margin-top: 10px;

}



.our-features .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .icon-holder svg {

    font-size: 24px;

    color: #0aa3f3;

}



.our-features .widget.widget_media_image {

    position: absolute;

    top: 0;

    right: 0;

    width: 39%;

    overflow: hidden;

    height: 100%;

}



.our-features .widget.widget_media_image .wp-caption {

    position: static;

}



.our-features .widget.widget_media_image img {

    position: absolute;

    top: 50%;

    right: 0;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    transform: translateY(-50%);

}







/*================================

 Team section widget

 ================================*/



.our-team {

    margin: 100px 0;

}



.our-team .widget {

    margin: 0;

}



.our-team .widget.widget_text {

    grid-column: 1 / span 3;

}



.our-team .widget.widget_text {

    text-align: center;

    max-width: 830px;

    margin: 0 auto 30px auto;

}



.our-team .widget.widget_text .widget-title {

    font-weight: 700;

    color: #111;

    margin: 0 0 15px;

    font-size: 2.3em;

    line-height: 1.130em;

}



.our-team .widget.widget_text .textwidget {

    font-size: 0.9em;

}



.our-team .grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-gap: 30px;

}



.widget_rrtc_description_widget .rtc-team-holder-modal.show {

    display: none !important;

}



.our-team .widget_rrtc_description_widget .image-holder img {

    vertical-align: top;

    border-radius: 5px 5px 0 0;

}



.widget_rrtc_description_widget .rtc-team-holder {

    background: #0aa3f3;

    text-align: center;

    color: #fff;

    padding: 0 0 20px;

    border-radius: 5px;

}



.widget_rrtc_description_widget .text-holder {

    padding: 50px 30px 30px;

}



.widget_rrtc_description_widget .text-holder .name {

    display: block;

    line-height: 1em;

    font-size: 1.047em;

    font-weight: 700;

}



.widget_rrtc_description_widget .text-holder .designation {

    display: block;

    font-size: 0.9em;

    font-weight: 400;

    margin: 0 0 15px;

}



.widget_rrtc_description_widget .social-profile {

    margin: 0;

    padding: 0;

    list-style: none;

    font-size: 1.2em;

}



.widget_rrtc_description_widget .social-profile li {

    display: inline-block;

    margin: 0 10px 10px;

}



.widget_rrtc_description_widget .social-profile li a {

    color: #fff;

    -webkit-transition: ease 0.2s;

    -moz-transition: ease 0.2s;

    transition: ease 0.2s;

}



.widget_rrtc_description_widget .social-profile li a:hover,

.widget_rrtc_description_widget .social-profile li a:focus {

    color: #fff;

    text-decoration: none;

    opacity: 0.7;

}



.widget_rrtc_description_widget .social-profile li a:focus {

    outline: thin dotted #fff;

}



.ps .ps__rail-x:hover,

.ps .ps__rail-y:hover,

.ps .ps__rail-x:focus,

.ps .ps__rail-y:focus,

.ps .ps__rail-x.ps--clicking,

.ps .ps__rail-y.ps--clicking {

    background-color: transparent;

}



.ps__thumb-y {

    background-color: rgba(0, 0, 0, 0.15);

}



.ps__rail-y:hover>.ps__thumb-y,

.ps__rail-y:focus>.ps__thumb-y,

.ps__rail-y.ps--clicking .ps__thumb-y {

    background-color: rgba(0, 0, 0, 0.3);

    width: 6px;

}







/*=================================

 Testimonial section style

 ================================*/



.our-testimonial {

    margin: 90px 0;

}



.our-testimonial .widget {

    margin: 0;

}



.our-testimonial .widget.widget_text {

    grid-column: 1 / span 2;

}



.our-testimonial .widget.widget_text {

    text-align: center;

    max-width: 830px;

    margin: 0 auto;

}



.our-testimonial .widget.widget_text .widget-title {

    font-weight: 700;

    color: #111;

    margin: 0 0 15px;

    font-size: 2.3em;

    line-height: 1.130em;

}



.our-testimonial .section-header .widget_text .textwidget {

    font-size: 0.9em;

}



.our-testimonial .grid {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    grid-gap: 70px 30px;

}



.widget_rrtc_testimonial_widget {

    display: flex;

    flex: auto;

    flex-flow: row wrap;

}



.widget_rrtc_testimonial_widget .rtc-testimonial-holder {

    display: flex;

}



.widget_rrtc_testimonial_widget .rtc-testimonial-inner-holder {

    display: flex;

    flex-direction: column-reverse;

    position: relative;

}



.widget_rrtc_testimonial_widget .text-holder {

    display: flex;

    flex: 1;

    /*align-items: center;*/

    flex-wrap: wrap;

}



#secondary .widget_rrtc_testimonial_widget .text-holder {

    padding: 30px;

}



.widget_rrtc_testimonial_widget .text-holder .testimonial-meta {

    display: flex;

    order: 2;

    margin-top: 0;

    padding-left: 20px;

    flex-direction: column;

    justify-content: center;

    width: calc(100% - 70px);

}



.widget_rrtc_testimonial_widget .testimonial-content {

    font-size: 0.9em;

    border: 1px solid #d8d8d8;

    border-radius: 5px;

    padding: 50px 70px;

    margin: 0 0 24px;

    display: flex;

    flex: auto;

    flex-direction: column;

    justify-content: center;

}



.widget_rrtc_testimonial_widget .testimonial-content p {

    margin: 0;

}



.widget_rrtc_testimonial_widget .text-holder .testimonial-meta .name {

    font-family: 'Montserrat', sans-serif;

    display: block;

    line-height: 1em;

    font-size: 1.047em;

    font-weight: 700;

    color: #111;

}



.widget_rrtc_testimonial_widget .text-holder .testimonial-meta .designation {

    display: block;

    font-size: 0.9em;

    font-weight: 400;

}



.widget_rrtc_testimonial_widget .img-holder {

    width: 70px;

    height: 70px;

    order: 2;

    display: flex;

    flex-direction: column;

    justify-content: center;

}



.widget_rrtc_testimonial_widget .img-holder img {

    vertical-align: top;

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 50%;

}







/*================================

 Stats Section Style

 ================================*/



.our-stats {

    background: #f7fcfe;

    padding: 100px 0;

}



.our-stats .widget.widget_text {

    text-align: center;

    max-width: 830px;

    margin: 0 auto 10px;

}



.our-stats .widget {

    margin: 0;

}



.our-stats .widget.widget_text {

    grid-column: 1 / span 4;

}



.our-stats .widget.widget_text .textwidget {

    font-size: 0.9em;

}



.our-stats .widget.widget_text .widget-title {

    font-weight: 700;

    color: #111;

    margin: 0 0 15px;

    font-size: 2.3em;

    line-height: 1.130em;

}



.our-stats .grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    grid-gap: 30px;

}



.widget_raratheme_companion_stat_counter_widget .raratheme-sc-holder {

    position: relative;

    padding-left: 70px;

    display: grid;

    grid-template-rows: repeat(2, auto);

}



.widget_raratheme_companion_stat_counter_widget .raratheme-sc-holder .icon-holder,

.widget_raratheme_companion_stat_counter_widget .raratheme-sc-holder .image-holder {

    position: absolute;

    top: 50%;

    left: 0;

    color: #0aa3f3;

    font-size: 50px;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    transform: translateY(-50%);

}



.widget_raratheme_companion_stat_counter_widget .widget-title,

#secondary .widget.widget_raratheme_companion_stat_counter_widget .widget-title {

    font-family: 'Lato', sans-serif;

    font-size: 0.9em;

    font-weight: 300;

    margin: 0;

}



.widget_raratheme_companion_stat_counter_widget .hs-counter {

    grid-row-start: 1;

    line-height: 1em;

    font-size: 2.3em;

    font-weight: 700;

    color: #0aa3f3;

}







/*================================

 Skill section style

 ================================*/



.our-skills {

    padding: 90px 0;

    background: url(images/bg-skills.jpg) no-repeat;

    background-size: cover !important;

    background-attachment: fixed !important;

    position: relative;

}



.our-skills:after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(10, 163, 243, 0.8);

}



.our-skills .container {

    position: relative;

    z-index: 1;

    display: flex;

    flex-direction: row;

}



.our-skills .text-holder {

    align-items: flex-start;

    width: 50%;

    margin-right: 30px;

    color: #fff;

    font-size: 0.9em;

}



.our-skills .text-holder .title {

    font-weight: 700;

    line-height: 1.130em;

    font-size: 2.3em;

    margin: 0 0 15px;

}



.our-skills .skills-holder {

    align-items: flex-start;

    flex: 1 0 0;

}



.skills,

.skills .skill,

.skills .skill .skill-title,

.skills .skill .skill-bar {

    width: 100%;

    float: left;

}



.skills .skill {

    margin-bottom: 20px;

}



.skills .skill .skill-title {

    color: #fff;

    margin-bottom: 10px;

    font-weight: 700;

    font-size: 0.9em;

}



.skills .skill .skill-bar {

    width: 0;

    height: 20px;

    padding: 2px;

    border-radius: 100px;

    background: #fff;

    transition: 1s cubic-bezier(1, 0, .5, 1);

    -webkit-transition: 1s cubic-bezier(1, 0, .5, 1);

    -ms-transition: 1s cubic-bezier(1, 0, .5, 1);

}



.skills.active .skill .skill-bar {

    width: 100%;

}



.skills .skill .skill-bar span {

    float: left;

    width: 0;

    background: #9de8fb;

    height: 16px;

    border-radius: 100px;

    position: relative;

    transition: 1s cubic-bezier(1, 0, .5, 1);

    -webkit-transition: 1s cubic-bezier(1, 0, .5, 1);

    -ms-transition: 1s cubic-bezier(1, 0, .5, 1);

}



.skills .skill .skill-bar span b {

    float: left;

    width: 100%;

    position: relative;

    text-align: right;

    opacity: 0;

    font-size: 0.9em;

    color: #fff;

    font-weight: 400;

    top: -40px;

}







/*===================================

 portfolio section style

 ==================================*/



.portfolio {

    margin: 100px 0 70px 0;

}



.single-portfolio article.portfolio {

    padding: 0;

}



.portfolio .widget {

    margin: 0;

}



.portfolio .widget.widget_text {

    text-align: center;

    max-width: 830px;

    margin: 0 auto 60px;

}



.portfolio .widget.widget_text .textwidget {

    font-size: 0.9em;

}



.portfolio .widget.widget_text .widget-title {

    font-weight: 700;

    color: #111;

    margin: 0 0 15px;

    font-size: 2.3em;

    line-height: 1.130em;

}



.portfolio-holder img {

    width: 100%;

    vertical-align: top;

}



.portfolio-holder .button-group {

    text-align: center;

    margin: 0 0 50px;

}



.portfolio-holder .button-group .button {

    border: 0;

    font-size: 1.1em;

    border: 0;

    padding: 0 5px 5px;

    margin: 0 25px;

    font-weight: 700;

    color: #4a4a4a;

    position: relative;

}



.portfolio-holder .button-group .button:hover,

.portfolio-holder .button-group .button:focus {

    background: none;

    color: #0aa3f3;

}



.portfolio-holder .button-group .button:after {

    content: '';

    position: absolute;

    top: 100%;

    left: 0;

    width: 100%;

    height: 2px;

    background: #0aa3f3;

    opacity: 0;

}



.portfolio-holder .button-group .button.is-checked {

    color: #0aa3f3;

}



.portfolio-holder .button-group .button.is-checked:after {

    opacity: 1;

}



.portfolio-holder .filter-grid .element-item {

    padding: 15px;

    width: 20%;

}



.portfolio-holder .filter-grid .element-item .img-holder {

    position: relative;

}



.portfolio-holder .filter-grid .element-item .img-holder a {

    display: block;

}



.portfolio-holder .filter-grid .element-item .img-holder a:focus {

    outline-offset: 2px;

}



.portfolio-holder .filter-grid .element-item .img-holder .text-holder {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(10, 163, 243, 0.9);

    -webkit-transition: ease 0.3s;

    -moz-transition: ease 0.3s;

    transition: ease 0.3s;

    opacity: 0;

    pointer-events: none;

}



.portfolio-holder .filter-grid .element-item .img-holder:hover .text-holder,

.portfolio-holder .filter-grid .element-item .img-holder:focus .text-holder,

.portfolio-holder .filter-grid .element-item .img-holder:focus-within .text-holder {

    opacity: 1;

}



.portfolio-holder .filter-grid .element-item .img-holder .text-holder .text {

    position: absolute;

    top: 50%;

    left: 0;

    color: #fff;

    font-size: 0.9em;

    text-align: center;

    width: 100%;

    padding: 0 20px;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    transform: translateY(-50%);

}



.portfolio-holder .filter-grid .element-item .img-holder .text-holder .text .title {

    font-size: 1.222em;

    font-weight: 700;

    margin: 0 0 10px;

}



/*=================================

TAXONOMY PORTFOLIO CATEGORY

=================================*/

.tax-rara_portfolio_categories .archive-description {

    margin-top: 20px;

}



.tax-rara_portfolio_categories .filter-grid {

    /*display: grid;

    grid-template-columns: repeat(3 , 1fr);

    grid-gap: 30px;*/

}



.tax-rara_portfolio_categories .filter-grid article {

    padding: 15px;

    margin-bottom: 0;

    float: left;

    width: 33.33%;

}



.tax-rara_portfolio_categories .portfolio-holder .filter-grid article .element-item {

    width: 100%;

    padding: 0;

}



.tax-rara_portfolio_categories .breadcrumb-wrapper,

.tax-rara_portfolio_categories .page-header {

    text-align: center;

}



.tax-rara_portfolio_categories .filter-grid .navigation {

    grid-column: 1 / span 3;

    text-align: center;

    margin-top: 30px;

    width: 100%;

    clear: both;

}



.tax-rara_portfolio_categories .pagination .page-numbers {

    float: none;

    display: inline-block;

}







/*================================

 Pricing Section Style

 ================================*/



.our-pricing {

    padding: 70px 0;

}



.our-pricing .widget {

    margin: 0;

}



.our-pricing .section-header {

    text-align: center;

    max-width: 830px;

    margin: 0 auto 110px;

}



.our-pricing .section-header .widget_text .widget-title {

    font-weight: 700;

    color: #111;

    margin: 0 0 15px;

    font-size: 2.3em;

    line-height: 1.130em;

}



.our-pricing .section-header .widget_text .textwidget {

    font-size: 0.9em;

}



.our-pricing .pricing-holder {

    text-align: center;

}



.our-pricing .pricing-holder .col {

    display: inline-block;

    width: 33.333%;

    background: #fff;

    box-shadow: 0 0 18px rgba(0, 0, 0, 0.09);

    vertical-align: middle;

    border-radius: 5px;

    padding: 80px 20px;

}



.our-pricing .pricing-holder .col h3 {

    font-size: 1.2em;

    font-weight: 700;

    color: #111;

    margin: 0 0 25px;

}



.our-pricing .pricing-holder .col .icon-holder {

    margin: 0 0 30px;

}



.our-pricing .pricing-holder .col .price-holder {

    font-size: 2.25em;

    color: #111;

    font-weight: 700;

    margin: 0 0 20px;

}



.our-pricing .pricing-holder .col .price-holder .currency {

    font-size: 0.444em;

}



.our-pricing .pricing-holder .col .price-holder .per-value {

    font-size: 0.444em;

    font-weight: 400;

}



.our-pricing .pricing-holder .col .plan-list {

    margin: 0 0 30px;

    padding: 0;

    list-style: none;

    font-size: 0.9em;

}



.our-pricing .pricing-holder .col .plan-list li {

    margin: 0 0 10px;

}



.our-pricing .pricing-holder .col .btn-signup {

    font-size: 0.8em;

    font-weight: 900;

    text-transform: uppercase;

    border-radius: 5px;

    border: 1px solid #0aa3f3;

    display: inline-block;

    padding: 15px 50px;

    -webkit-transition: ease 0.2s;

    -moz-transition: ease 0.2s;

    transition: ease 0.2s;

}



.our-pricing .pricing-holder .col.popular-plan .btn-signup {

    border-color: #fff;

    background: #fff;

    color: #0aa3f3;

}



.our-pricing .pricing-holder .col .btn-signup:hover,

.our-pricing .pricing-holder .col .btn-signup:focus {

    text-decoration: none;

    background: #0aa3f3;

    color: #fff;

}



.our-pricing .pricing-holder .col.popular-plan {

    background: #0aa3f3;

    position: relative;

    z-index: 1;

    -webkit-transform: scale(1.04);

    -moz-transform: scale(1.04);

    transform: scale(1.04);

}



.our-pricing .pricing-holder .col.popular-plan h3,

.our-pricing .pricing-holder .col.popular-plan .price-holder,

.our-pricing .pricing-holder .col.popular-plan .plan-list {

    color: #fff;

}



.our-pricing .pricing-holder .col.popular-plan .tag {

    color: #fff;

    font-size: 0.7em;

    text-transform: uppercase;

    letter-spacing: 2px;

    background: #58c2f9;

    border-radius: 5px;

    padding: 5px 15px;

    position: absolute;

    top: -17px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    transform: translateX(-50%);

}



.our-pricing .pricing-holder .col.premium-plan h3,

.our-pricing .pricing-holder .col.premium-plan .price-holder {

    color: #0aa3f3;

}







/*================================

 Blog section style

 ================================*/



.blog-section {

    margin: 100px 0 70px 0;

}



.blog-section .widget {

    margin: 0;

}



.blog-section .section-header {

    text-align: center;

    max-width: 830px;

    margin: 0 auto 60px;

}



.blog-section .section-header .widget_text .widget-title {

    font-weight: 700;

    color: #111;

    margin: 0 0 15px;

    font-size: 2.3em;

    line-height: 1.130em;

}



.blog-section .section-header .widget_text .textwidget {

    font-size: 0.9em;

}



.blog-section .grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-gap: 30px;

}



.blog-section .blog-post .post-thumbnail {

    display: block;

    margin: 0 0 35px;

}



.blog-section .blog-post .post-thumbnail:focus {

    outline-offset: 2px;

}



.blog-section .blog-post .post-thumbnail img {

    vertical-align: top;

    border-radius: 5px;

}



.blog-section .blog-post .entry-title {

    line-height: 1.272em;

    font-size: 1.1em;

    font-weight: 700;

    margin: 0 0 10px;

}



.blog-section .blog-post .entry-title a {

    color: #111;

    -webkit-transition: ease 0.2s;

    -moz-transition: ease 0.2s;

    transition: ease 0.2s;

}



.blog-section .blog-post .entry-title a:hover,

.blog-section .blog-post .entry-title a:focus {

    text-decoration: none;

    color: #0aa3f3;

}



.blog-section .blog-post .entry-meta {

    font-size: 0.9em;

    line-height: 1.444em;

    font-weight: 300;

    color: #7b7b7b;

}



.byline {

    text-transform: capitalize;

}



.blog-section .blog-post .entry-meta a {

    color: #7b7b7b;

    -webkit-transition: ease 0.2s;

    -moz-transition: ease 0.2s;

    transition: ease 0.2s;

}



.blog-section .blog-post .entry-meta a:hover,

.blog-section .blog-post .entry-meta a:focus {

    text-decoration: none;

    color: #0aa3f3;

}



.blog-section .blog-post .entry-meta .posted-on,

.blog-section .blog-post .entry-meta .separator {

    margin-right: 10px;

}







/*================================

 CTA Sectin Style

 ================================*/



.cta>.container {

    max-width: 100%;

    padding: 0;

}



.cta .widget {

    margin: 0;

}



.widget_raratheme_companion_cta_widget .text,

.widget_raratheme_companion_cta_widget .bttk-cta-bg {

    color: #fff;

    padding: 50px;

}



.cta .widget_raratheme_companion_cta_widget .text,

.cta .widget_raratheme_companion_cta_widget .bttk-cta-bg {

    padding: 100px 0;

}



.widget_raratheme_companion_cta_widget .bttk-cta-bg {

    position: relative;

    z-index: 1;

}



.widget_raratheme_companion_cta_widget .bttk-cta-bg::before {

    content: "";

    background: rgba(0, 0, 0, 0.55);

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

}



.centered {

    text-align: center;

}



.cta .widget_raratheme_companion_cta_widget .raratheme-cta-container {

    max-width: 1170px;

    margin-left: auto;

    margin-right: auto;

    padding: 0 15px;

}



.cta .widget_raratheme_companion_cta_widget .right .raratheme-cta-container {

    position: relative;

}



.cta .widget .widget-title {

    font-size: 2.3em;

    font-weight: 700;

    margin: 0 0 20px;

    line-height: 1;

}



.cta .widget .text-holder {

    font-size: 0.9em;

}



.cta .widget .text-holder p {

    margin: 0;

}



.cta .widget .button-wrap {

    margin: 80px 0 0;

}



.cta .widget .btn-cta {

    display: inline-block;

    background: #fff;

    border-radius: 5px;

    border: 1px solid #fff;

    font-size: 1.2em;

    font-weight: 700;

    -webkit-transition: ease 0.2s;

    -moz-transition: ease 0.2s;

    transition: ease 0.2s;

    padding: 25px 100px;

    margin: 0 5px;

}



.cta .widget .btn-cta:hover,

.cta .widget .btn-cta:focus {

    text-decoration: none;

    background: none;

    color: #fff;

}



.cta .widget .btn-cta:focus{

    outline: thin dotted #fff;

    outline-offset: 2px;

}



.cta .widget .right {

    text-align: left;

    position: relative;

}



.cta .widget .right .widget-title,

.cta .widget .right .text-holder {

    width: 50%;

}



.cta .widget .right .button-wrap {

    margin: 0;

    position: absolute;

    top: 50%;

    right: 0;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    transform: translateY(-50%);

}



.cta .widget .right .btn-cta {

    padding: 15px 50px;

}







/*================================

 FAQ section style

 ================================*/



.faq-section {

    margin: 100px 0;

    padding-bottom: 100px;

    border-bottom: 1px solid #d8d8d8

}



.faq-section .widget {

    margin: 0 auto 50px;

    max-width: 770px;

}



.faq-section .widget.widget_text {

    text-align: center;

    margin-bottom: 60px;

}



.faq-section .widget.widget_text .widget-title {

    font-weight: 700;

    color: #111;

    margin: 0 0 15px;

    font-size: 2.3em;

    line-height: 1.130em;

}



.faq-section .widget.widget_text .textwidget {

    font-size: 0.9em;

}



.faq-section .widget {

    max-width: 770px;

    margin: 0 auto;

}



.faq-section .widget .accordion {

    margin: 0;

    padding: 0;

    list-style: none;

}



.faq-section .widget .accordion li {

    padding: 30px;

    margin: 0;

    position: relative;

    z-index: 1;

}



.faq-section .widget .accordion li::before,

.faq-section .widget .accordion li::after {

    content: "";

    background: #d8d8d8;

    top: 0;

    left: 0;

    height: 1px;

    position: absolute;

    width: 100%;

    border-radius: 5px;

    z-index: -1;

    -webkit-transition: ease 0.3s;

    -moz-transition: ease 0.3s;

    transition: ease 0.3s;

}



.faq-section .widget .accordion li::before {

    left: 30px;

    width: auto;

    right: 0;

}



.faq-section .widget .accordion li::after {

    background: none;

    border: 1px solid transparent;

}



.faq-section .widget .accordion li.show::before,

.faq-section .widget .accordion li:first-child::before,

.faq-section .widget .accordion li.show+li:before {

    opacity: 0;

    visibility: hidden;

}



.faq-section .widget .accordion li.show::after {

    height: 100%;

    border-color: #d8d8d8;

}



.faq-section .widget .accordion li .toggle {

    font-size: 20px;

    font-weight: 700;

    color: #4a4a4a;

    display: block;

    margin: 0;

    position: relative;

    padding: 0 30px 0 0;

    letter-spacing: 0;

}



.faq-section .widget .accordion li .toggle:after {

    width: 18px;

    height: 2px;

    background: #d8d8d8;

    content: '';

    position: absolute;

    top: 14px;

    right: 0;

    -webkit-transition: ease 0.3s;

    -moz-transition: ease 0.3s;

    transition: ease 0.3s;

}



.faq-section .widget .accordion li .toggle:before {

    width: 2px;

    height: 18px;

    background: #d8d8d8;

    content: '';

    position: absolute;

    top: 6px;

    right: 7px;

    -webkit-transition: ease 0.3s;

    -moz-transition: ease 0.3s;

    transition: ease 0.3s;

}



.faq-section .widget .accordion li.show .toggle:before {

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    transform: rotate(90deg);

}



.faq-section .widget .accordion li.show .toggle:after {

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0;

}



.faq-section .btn-holder {

    text-align: center;

}



.faq-section .btn-holder .btn-view {

    display: inline-block;

    font-size: 0.8em;

    font-weight: 900;

    text-transform: uppercase;

    border: 1px solid #0aa3f3;

    border-radius: 5px;

    padding: 15px 47px;

    -webkit-transition: ease 0.2s;

    -moz-transition: ease 0.2s;

    transition: ease 0.2s;

}



.faq-section .btn-holder .btn-view:hover,

.faq-section .btn-holder .btn-view:focus {

    text-decoration: none;

    background: #0aa3f3;

    color: #fff;

}







/*================================

 Contact Section Style

 ================================*/



.contact-section {

    padding: 70px 0;

}



.contact-section .widget {

    margin: 0 auto 50px;

    max-width: 770px;

}



.contact-section .section-header {

    text-align: center;

    max-width: 830px;

    margin: 0 auto 60px;

}



.contact-section .section-header .widget_text .widget-title {

    font-weight: 700;

    color: #111;

    margin: 0 0 15px;

    font-size: 2.3em;

    line-height: 1.130em;

}



.contact-section .section-header .widget_text .textwidget {

    font-size: 0.9em;

}



.contact-section .holder {

    display: flex;

    flex-direction: row;

}



.contact-section .holder .left {

    align-items: flex-start;

    margin-right: 30px;

    width: 50%;

}



.contact-section .holder .left .contact-detail {

    overflow: hidden;

    font-size: 0.9em;

    font-weight: 400;

    color: #111;

    margin: 0 0 20px;

}



.contact-section .holder .left .contact-detail a {

    color: #111;

    -webkit-transition: ease 0.2s;

    -moz-transition: ease 0.2s;

    transition: ease 0.2s;

}



.contact-section .holder .left .contact-detail a:hover,

.contact-section .holder .left .contact-detail a:focus {

    text-decoration: none;

    color: #0aa3f3;

}



.contact-section .holder .left .contact-detail .tel-link,

.contact-section .holder .left .contact-detail address,

.contact-section .holder .left .contact-detail .email-link,

.contact-section .holder .left .contact-detail .social-networks {

    display: inline-block;

    vertical-align: top;

    margin: 0 40px 10px 0;

    font-style: normal;

}



.contact-section .holder .left .contact-detail svg {

    margin-right: 10px;

}



.contact-section .holder .left .contact-detail .social-networks {

    margin: 0;

    padding: 0;

    list-style: none;

    overflow: hidden;

}



.contact-section .holder .left .contact-detail .social-networks li {

    float: left;

    margin-right: 15px;

    margin-bottom: 15px;

}



.contact-section .holder .left .map-holder img {

    vertical-align: top;

    border-radius: 5px;

}



.contact-section .holder .form-holder {

    align-items: flex-start;

    flex: 1 0 0;

}







/*================================

 Our-clients

 ================================*/



.our-clients {

    margin: 100px 0;

}



.our-clients .widget {

    margin: 0;

}



.our-clients .widget .widget-title {

    font-weight: 700;

    color: #111;

    font-size: 2.3em;

    line-height: 1.130em;

    text-align: center;

    grid-column: 1 / span 4;

}



.our-clients .widget .raratheme-client-logo-inner-holder {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    grid-gap: 30px;

    align-items: center;

    text-align: center;

}



.our-clients .widget .image-holder a {

    display: block;

}



.our-clients .widget .image-holder img {

    vertical-align: top;

}



.our-clients .widget .image-holder img.black-white {

    filter: grayscale(100%);

    -webkit-transition: ease 0.2s;

    -moz-transition: ease 0.2s;

    transition: ease 0.2s;

}



.our-clients .widget .image-holder a:hover>img.black-white {

    filter: grayscale(0);

}



.odometer.odometer-auto-theme .odometer-digit,

.odometer.odometer-theme-default .odometer-digit {

    display: inline-block;

    font-size: 1.6em;

    line-height: 1;

}







/*================================

 Blog page style

 ================================*/



#content {

    padding: 70px 0;

}



#content .content-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-gap: 60px;

}



#primary {

    grid-column: 1 / span 2;

}



.fullwidth-wide #primary {

    grid-column: 1 / span 3;

}



.leftsidebar #primary {

    grid-column-start: 2;

}



#primary .post {

    margin-bottom: 70px;

}



#primary .post .entry-header {

    margin: 0 0 45px;

}



#primary .post .entry-header .entry-meta {

    font-size: 0.9em;

    line-height: 1.444em;

    font-weight: 300;

    color: #7b7b7b;

    margin: 0 0 15px;

}



#primary .post .entry-header .entry-meta a {

    color: #7b7b7b;

    -webkit-transition: ease 0.2s;

    -moz-transition: ease 0.2s;

    transition: ease 0.2s;

}



#primary .post .entry-header .entry-meta a:hover,

#primary .post .entry-header .entry-meta a:focus {

    text-decoration: none;

    color: #0aa3f3;

}



#primary .post .entry-header .entry-meta .separator {

    margin-right: 10px;

    margin-left: 10px;

}



#primary .site-main article .entry-header .entry-title {

    font-size: 1.6em;

    line-height: 1.235em;

}



#primary .site-main article .entry-header .entry-title a {

    color: #111;

    -webkit-transition: ease 0.2s;

    -moz-transition: ease 0.2s;

    transition: ease 0.2s;

}



#primary .site-main article .entry-header .entry-title a:hover,

#primary .site-main article .entry-header .entry-title a:focus {

    text-decoration: none;

    color: #0aa3f3;

}



.blog #primary .site-main article .post-thumbnail {

    display: block;

    margin: 0 0 45px;



}

body.single #primary .site-main article .post-thumbnail img, body.page #primary .site-main article .post-thumbnail img
 {
    display: none;
    
}



#primary .site-main article .post-thumbnail:focus{

    outline-offset: 2px;

}



#primary .site-main article .post-thumbnail img {

    vertical-align: top;

    border-radius: 5px;
    object-fit: cover;
 width: 100%;

    max-height: 250px;
    overflow: hidden;

}



#primary .site-main article .entry-content {

    margin: 0;

}



#primary .site-main article .entry-footer {

    margin-top: 15px;

}



#primary .site-main article .entry-footer:after {

    content: '';

    display: block;

    clear: both;

}



#primary .site-main article .entry-footer .btn-readmore {

    float: left;

    font-size: 0.8em;

    font-weight: 900;

    text-transform: uppercase;

    border: 1px solid #0aa3f3;

    border-radius: 5px;

    padding: 15px 36px;

    -webkit-transition: ease 0.2s;

    -moz-transition: ease 0.2s;

    transition: ease 0.2s;

}



#primary .site-main article .entry-footer .btn-readmore:hover,

#primary .site-main article .entry-footer .btn-readmore:focus {

    text-decoration: none;

    color: #fff;

    background: #0aa3f3;

}







/*============================

 Pagination Style

 ============================*/



.post-navigation {

    margin-bottom: 60px;

}



.pagination .prev,

.pagination .next {

    display: none !important;

}



.navigation .nav-links:before,

.navigation .nav-links:after {

    content: "";

    display: table;

}



.navigation .nav-links:after {

    clear: both;

}



.pagination .page-numbers {

    float: left;

    font-size: 0.9em;

    font-weight: 400;

    margin-right: 10px;

    border: 1px solid #d9d9d9;

    border-radius: 50%;

    padding: 5px 14px;

    color: #4a4a4a;

    -webkit-transition: ease 0.2s;

    -moz-transition: ease 0.2s;

    transition: ease 0.2s;

}



.pagination a:hover,

.pagination a:focus,

.pagination .current {

    background: #0aa3f3;

    border-color: #0aa3f3;

    color: #fff;

}



.post-navigation .nav-links a {

    font-size: 16px;

    position: relative;

    color: #4a4a4a;

    display: inline-block;

    padding-left: 55px;

    padding-right: 5px;

    font-weight: 400;

    letter-spacing: 0.5px;

}



.post-navigation .nav-links div.nav-next a {

    padding-left: 5px;

    padding-right: 55px;

}



.post-navigation .nav-links a span.nav-arrow {

    position: absolute;

    top: 6px;

    left: 0;

    width: 40px;

    height: 40px;

    border: 1px solid rgba(0, 0, 0, 0.2);

    border-radius: 100%;

    text-align: center;

    line-height: 39px;

    font-size: 16px;

    font-weight: 600;

}



.post-navigation .nav-links div.nav-next a span.nav-arrow {

    left: auto;

    right: 0;

}



.post-navigation .nav-links a span {

    color: #4a4a4a;

    display: block;

    font-weight: 600;

    font-family: 'Montserrat', sans-serif;

}



.post-navigation .nav-links div a:hover {

    color: #0aa3f3;

}



.post-navigation .nav-links div a:hover svg {

    border-color: #0aa3f3;

}







/*==============================

 Blog Full Width Style

 ==============================*/



.full-width #content .content-grid {

    max-width: 770px;

    margin: 0 auto;

}



.full-width #primary {

    grid-column: 1 / span 3;

}



.full-width #primary .post {

    text-align: center;

}



.full-width #primary .post .entry-footer .btn-readmore {

    float: none;

    display: inline-block;

}



.full-width .pagination {

    text-align: center;

}



.full-width .pagination .page-numbers {

    float: none;

    display: inline-block;

    margin: 0 5px;

}



/*==============================

 Breadcrumbs style

 ==============================*/



#crumbs {

    margin: 0 0 15px;

    line-height: 1.625em;

    font-size: 0.8em;

    color: #7b7b7b;

}



#crumbs a {

    color: #7b7b7b;

    -webkit-transition: ease 0.2s;

    -moz-transition: ease 0.2s;

    transition: ease 0.2s;

}



#crumbs a:hover,

#crumbs a:focus {

    text-decoration: none;

    color: #0aa3f3;

}



.full-width #crumbs {

    text-align: center;

}



#crumbs .current a {

    pointer-events: none;

    cursor: default;

}



#crumbs span.separator {

    margin: 0 5px;

}



/*============================

 Page Header Style

 ============================*/



.page-header {

    margin: 0 0 60px;

}



.page-header .page-title {

    font-size: 2.25em;

    line-height: 1.111em;

    font-weight: 700;

    margin: 0 0 5px;

    color: #6A5F31;

}



.page-header span,

.page-header p {

    font-size: 0.9em;

}



.full-width .page-header {

    text-align: center;

}







/*===============================

 Search Result Page style

 ===============================*/



.search-no-results .content-area .page-header {

    display: none;

}



.search-no-results .content-area .site-main .page-header {

    display: block;

    margin-bottom: 30px;

}



.search .page-header .page-title {

    font-size: 1.7em;

}



.portfolio-holder .no-results {

    text-align: center;

    max-width: 640px;

    margin-left: auto;

    margin-right: auto;

}



.page-header .search-form,

.no-results .search-form {

    margin-top: 15px;

    width: 100%;

    border: 1px solid #d8d8d8;

    border-radius: 5px;

    padding: 16px 20px;

}



.page-header .search-form:after,

.no-results .search-form:after {

    content: '';

    display: block;

    clear: both;

}



.page-header .search-form label,

.no-results .search-form label {

    float: left;

    width: 95%;

}



.page-header .search-form input[type="search"],

.no-results .search-form input[type="search"] {

    border: 0;

    padding: 0;

    margin: 0;

    background: none;

    float: left;

    font-size: 0.9em;

}



.page-header .search-form input[type="submit"],

.no-results .search-form input[type="submit"] {

    float: right;

    font-size: 0;

    border: 0;

    border-radius: 0;

    padding: 0;

    background: url(images/bg-search.png) no-repeat;

    width: 15px;

    height: 15px;

    margin: 6px 0 0;

}



.tax-rara_portfolio_categories .no-results .page-header {

    margin-bottom: 0;

}



.tax-rara_portfolio_categories .no-results .page-header .page-title {

    font-size: 1.3em;

}



.tax-rara_portfolio_categories .no-results .page-content {

    margin-top: 20px;

}





/*==============================

 Error Page Style

 ==============================*/



.error404 .page-header .page-title {

    font-size: 1.7em;

}



.error-holder {

    display: flex;

    flex-direction: row;

    align-items: center;

    margin: 0 0 80px;

}



.error-holder .img-holder {

    margin-right: 60px;

    width: 515px;

    align-items: flex-start;

}



.error-holder .text-holder {

    align-items: flex-start;

    flex: 1 0 0;

}



.error-holder .text-holder h2 {

    line-height: 1.272em;

    font-size: 1.1em;

    color: #111;

    margin: 0 0 40px;

}



.error-holder .text-holder span {

    font-size: 0.9em;

    display: block;

    margin: 0 0 10px;

}



.error-holder .text-holder .search-form {

    width: 100%;

    border: 1px solid #d8d8d8;

    border-radius: 5px;

    padding: 16px 20px;

    margin: 0 0 50px;

}



.error-holder .text-holder .search-form:after {

    content: '';

    display: block;

    clear: both;

}



.error-holder .text-holder .search-form label {

    float: left;

    width: 95%;

}



.error-holder .text-holder .search-form input[type="search"] {

    border: 0;

    padding: 0;

    margin: 0;

    background: none;

    float: left;

    font-size: 0.9em;

}



.error-holder .text-holder .search-form input[type="submit"] {

    float: right;

    font-size: 0;

    border: 0;

    border-radius: 0;

    padding: 0;

    background: url(images/bg-search.png) no-repeat;

    width: 15px;

    height: 15px;

    margin: 6px 0 0;

}



.error-holder .text-holder .btn-home {

    display: inline-block;

    font-size: 0.8em;

    font-weight: 900;

    text-transform: uppercase;

    border: 1px solid #0aa3f3;

    border-radius: 5px;

    padding: 15px 36px;

    -webkit-transition: ease 0.2s;

    -moz-transition: ease 0.2s;

    transition: ease 0.2s;

}



.error-holder .text-holder .btn-home:hover,

.error-holder .text-holder .btn-home:focus {

    text-decoration: none;

    color: #fff;

    background: #0aa3f3;

}



.error404 .recent-post .section-title {

    line-height: 1.235em;

    font-size: 1.7em;

    color: #111;

    margin: 0 0 40px;

}



.error404 .recent-post .grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-gap: 60px 30px;

}



.error404 .recent-post .col .post-thumbnail {

    display: block;

    margin: 0 0 30px;

}



.error404 .recent-post .col .post-thumbnail img {

    vertical-align: top;

    border-radius: 5px;

}



.error404 .recent-post .col .entry-title {

    line-height: 1.272em;

    font-size: 1.1em;

    margin: 0 0 5px;

}



.error404 .recent-post .col .entry-title a {

    color: #111;

    -webkit-transition: ease 0.2s;

    -moz-transition: ease 0.2s;

    transition: ease 0.2s;

}



.error404 .recent-post .col .entry-title a:hover,

.error404 .recent-post .col .entry-title a:focus {

    text-decoration: none;

    color: #0aa3f3;

}



.error404 .recent-post .col .entry-meta {

    font-size: 0.9em;

}



.error404 .recent-post .col .entry-meta .posted-on,

.error404 .recent-post .col .entry-meta .separator {

    margin-right: 10px;

}



.error404 .recent-post .col .entry-meta a {

    color: #7b7b7b;

    -webkit-transition: ease 0.2s;

    -moz-transition: ease 0.2s;

    transition: ease 0.2s;

}



.error404 .recent-post .col .entry-meta a:hover,

.error404 .recent-post .col .entry-meta a:focus {

    text-decoration: none;

    color: #0aa3f3;

}







/*==============================

 Single Post Style

 =============================*/



.single #primary .post .entry-header .entry-title {

    line-height: 1.111em;

    font-size: 2.25em;

    color: #111;

    margin: 0 0 15px;

}



.single #primary .post .entry-header {

    margin: 0 0 30px;

}



#primary .post .entry-content h1,

#primary .page .entry-content h1 {

    font-size: 60px;

    line-height: 1.667em;

    color: #111;

    font-family: 'Montserrat', sans-serif;

    font-weight: 700;

    margin: 0;

}



#primary .post .entry-content h2,

#primary .page .entry-content h2 {

    font-size: 46px;

    line-height: 1.217em;

    color: #111;

    font-family: 'Montserrat', sans-serif;

    font-weight: 700;

    margin: 0 0 10px;

}



#primary .post .entry-content h3,

#primary .page .entry-content h3 {

    font-size: 34px;

    line-height: 1.235em;

    color: #111;

    font-family: 'Montserrat', sans-serif;

    font-weight: 700;

    margin: 0 0 10px;

}



#primary .post .entry-content h4,

#primary .page .entry-content h4 {

    font-size: 22px;

    line-height: 1.272em;

    color: #111;

    font-family: 'Montserrat', sans-serif;

    font-weight: 700;

    margin: 0 0 10px;

}



#primary .post .entry-content h5,

#primary .page .entry-content h5 {

    font-size: 18px;

    line-height: 1.444em;

    color: #111;

    font-family: 'Montserrat', sans-serif;

    font-weight: 700;

    margin: 0 0 10px;

}



#primary .post .entry-content h6,

#primary .page .entry-content h6 {

    font-size: 16px;

    line-height: 1.444em;

    color: #111;

    font-family: 'Montserrat', sans-serif;

    font-weight: 700;

    margin: 0 0 10px;

}



#primary .post .entry-content blockquote,

#primary .page .entry-content blockquote {

    font-size: 1.1em;

    line-height: 1.363em;

    font-style: italic;

    margin: 0 0 1.5em;

    padding: 34px 60px;

    border: 1px solid #d8d8d8;

    border-radius: 5px;

    font-weight: 400;

}



#primary .post .entry-content blockquote p,

#primary .page .entry-content blockquote p {

    margin: 0;

}



#primary .post .entry-content .pull-right,

#primary .page .entry-content .pull-right {

    float: right;

    width: 370px;

    border-left: 1px solid #d8d8d8;

    font-weight: 400;

    font-style: italic;

    padding: 20px 0 20px 30px;

    line-height: 1.5em;

    margin-left: 20px;

}



#primary .post .entry-content .pull-left,

#primary .page .entry-content .pull-left {

    float: left;

    width: 370px;

    border-right: 1px solid #d8d8d8;

    font-weight: 400;

    font-style: italic;

    padding: 20px 30px 20px 0;

    line-height: 1.5em;

    margin-right: 20px;

}



#primary .post .entry-content .highlight,

#primary .page .entry-content .highlight {

    background: #e6f6fe;

}



#primary .post .entry-content ol,

#primary .page .entry-content ol {

    margin: 0 0 1.5em;

    padding: 0;

    list-style: none;

    font-size: 0.9em;

    font-weight: 400;

    counter-reset: section;

}



#primary .post .entry-content ol>li,

#primary .page .entry-content ol>li {

    margin: 0 0 20px;

}



#primary .post .entry-content ol>li:before,

#primary .page .entry-content ol>li:before {

    counter-increment: section;

    content: counter(section);

    border: 1px solid #d9d9d9;

    margin-right: 15px;

    padding: 8px 14px;

    border-radius: 50%;

}



#primary .post .entry-content li>ol,

#primary .page .entry-content li>ol,

#primary .post .entry-content li>ul,

#primary .page .entry-content li>ul {

    font-size: 1em;

    margin: 1.5em 0 1.5em 1.5em;

}



#primary .post .entry-content ul,

#primary .page .entry-content ul {

    margin: 0 0 1.5em;

    padding: 0;

    list-style: none;

    font-size: 0.9em;

    font-weight: 400;

}



#primary .post .entry-content ul>li:before,

#primary .page .entry-content ul>li:before {

    content: '';

    background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><path fill="%234a4a4a" d="M24.707 38.101L4.908 57.899c-4.686 4.686-4.686 12.284 0 16.971L185.607 256 4.908 437.13c-4.686 4.686-4.686 12.284 0 16.971L24.707 473.9c4.686 4.686 12.284 4.686 16.971 0l209.414-209.414c4.686-4.686 4.686-12.284 0-16.971L41.678 38.101c-4.687-4.687-12.285-4.687-16.971 0z"></path></svg>');

    background-repeat: no-repeat;

    width: 15px;

    height: 15px;

    margin-right: 15px;

    display: inline-block;

    background-position: center;

    vertical-align: middle;

}



#primary .post .entry-content ul>li,

#primary .page .entry-content ul>li {

    margin: 0 0 20px;

}



#primary .post .entry-content table,

#primary .page .entry-content table {

    width: 100%;

    border: 1px solid #dde4e6;

    border-collapse: separate;

    border-radius: 5px;

}



#primary .post .entry-content table tbody tr:nth-child(2n),

#primary .page .entry-content table tbody tr:nth-child(2n) {

    background: #fcfdfd;

}



#primary .post .entry-content table tbody td,

#primary .page .entry-content table tbody td {

    border-bottom: 1px solid #dde4e6;

    border-right: 1px solid #dde4e6;

    padding: 1vw 1.5vw;

}



#primary .post .entry-content table tbody tr:last-child td,

#primary .page .entry-content table tbody tr:last-child td {

    border-bottom: 0;

}



#primary .post .entry-content table tbody td:last-child,

#primary .page .entry-content table tbody td:last-child {

    border-right: 0;

}



#primary .post .entry-content table thead th,

#primary .page .entry-content table thead th {

    background: #d0e5f2;

    text-align: left;

    padding: 1vw 1.5vw;

}



#primary .post .entry-content table thead th:nth-child(2n),

#primary .page .entry-content table thead th:nth-child(2n) {

    background: #e7f2f9;

}



#primary .post .entry-footer .social-share {

    margin: 0 0 30px;

}



#primary .post .entry-footer .social-share strong {

    font-size: 1.1em;

    font-weight: 700;

    color: #111;

    margin-right: 25px;

}



#primary .post .entry-footer .tag {

    overflow: hidden;

    line-height: 1.444em;

    font-size: 0.9em;

    font-weight: 400;

}



#primary .post .entry-footer .tag a {

    float: left;

    color: #4a4a4a;

    background: #e7f2f9;

    border-radius: 40px;

    padding: 5px 20px;

    margin-right: 10px;

    margin-bottom: 5px;

    display: inline-block;

    vertical-align: middle;

    -webkit-transition: ease 0.2s;

    -moz-transition: ease 0.2s;

    transition: ease 0.2s;

}



#primary .post .entry-footer .tag a:hover,

#primary .post .entry-footer .tag a:focus {

    text-decoration: none;

    color: #fff;

    background: #0aa3f3;

    border-color: #0aa3f3;

}



.categories {

    font-size: 0.9em;

    line-height: 1.444em;

    display: inline-block;

    vertical-align: middle;

}



.categories a {

    display: inline-block;

    vertical-align: middle;

    position: relative;

    color: #7b7b7b;

    padding-right: 30px;

}



.categories a:after {

    content: "|";

    position: absolute;

    top: 0;

    right: 15px;

}



.categories a:last-child:after {

    display: none;

}



.single .social-share {

    display: inline-block;

    vertical-align: middle;

}





/*==============================

 Author Section style

 ==============================*/



.author-section {

    overflow: hidden;

    border: 1px solid #d8d8d8;

    padding: 70px;

    border-radius: 5px;

    margin: 60px 0;

}



.author-section .img-holder {

    float: left;

    width: 170px;

    margin: 15px 60px 0 0;

}



.author-section .img-holder img {

    vertical-align: top;

    border-radius: 50%;

}



.author-section .text-holder {

    overflow: hidden;

    font-size: 0.9em;

}



.author-section .text-holder .name {

    font-size: 1.222em;

    color: #111;

    font-weight: 700;

    line-height: 1.772em;

    margin: 0;

}



.author-section .text-holder .social-networks {

    margin: 0;

    padding: 0;

    list-style: none;

    overflow: hidden;

}



.author-section .text-holder .social-networks li {

    float: left;

    margin-right: 15px;

}



.author-section .text-holder .social-networks li a {

    display: block;

    text-align: center;

    background: #0aa3f3;

    color: #fff;

    width: 36px;

    height: 36px;

    border-radius: 50%;

    font-size: 17px;

    line-height: 36px;

}



.author-section .text-holder .social-networks li .fa-facebook {

    background: #3b5999;

}



.author-section .text-holder .social-networks li .fa-twitter {

    background: #55acee;

}



.author-section .text-holder .social-networks li .fa-instagram {

    background: #e4405f;

}



.author-section .text-holder .social-networks li .fa-linkedin {

    background: #0077b5;

}



.author-section .text-holder .social-networks li .fa-rss {

    background: #ff6d00;

}



.author-section .text-holder .social-networks li .fa-pinterest-p {

    background: #bd081c;

}







/*==============================

 Related Post / Popular Posts

 =============================*/



.related-post,

.popular-post {

    margin: 0 0 60px;

}



.related-post .section-title,

.popular-post .section-title {

    line-height: 1.272em;

    font-size: 1.1em;

    font-weight: 700;

    color: #111;

    margin: 0 0 25px;

}



.related-post .grid,

.popular-post .grid {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    grid-gap: 60px;

}



.related-post .col .post-thumbnail,

.popular-post .col .post-thumbnail {

    display: block;

    margin: 0 0 20px;

}



.related-post .col .post-thumbnail img,

.popular-post .col .post-thumbnail img {

    vertical-align: top;

    border-radius: 5px;

}



.related-post .col .entry-title,

.popular-post .col .entry-title {

    line-height: 1.444em;

    font-size: 0.9em;

    font-weight: 500;

    margin: 0;

}



.related-post .col .entry-title a,

.popular-post .col .entry-title a {

    color: #111;

    -webkit-transition: ease 0.2s;

    -moz-transition: ease 0.2s;

    transition: ease 0.2s;

}



.related-post .col .entry-title a:hover,

.related-post .col .entry-title a:focus,

.popular-post .col .entry-title a:hover,

.popular-post .col .entry-title a:focus {

    text-decoration: none;

    color: #0aa3f3;

}







/*===============================

 Comment section style

 ===============================*/



.comments-area {

    margin: 0 0 60px;

}



.comments-area .comments-title {

    font-size: 1.1em;

    line-height: 1.272em;

    color: #111;

    margin: 0 0 15px;

    font-weight: 700;

}



.comments-area ol {

    margin: 0;

    padding: 0;

    list-style: none;

}



.comments-area .comment-list {

    background: #f8f9f9;

    padding: 40px;

    border-radius: 5px;

    margin-bottom: 80px;

}



.comments-area .comment-body {

    overflow: hidden;

    margin: 0 0 30px;

    padding-bottom: 30px;

    border-bottom: 1px solid #d9d9d9;

}



.comments-area li:last-child .comment-body {

    border-bottom: 0;

    margin-bottom: 0;

    padding-bottom: 0;

}



.comments-area .comment-body .comment-meta {

    float: left;

    width: 70px;

    margin-right: 20px;

}



.comments-area .comment-body .comment-meta img {

    border-radius: 50%;

    vertical-align: top;

}



.comments-area .comment-body .text-holder {

    overflow: hidden;

}



.comments-area .comment-body .text-holder .top {

    overflow: hidden;

    margin: 0 0 5px;

}



.comments-area .comment-body .text-holder .top .left {

    float: left;

}



.comments-area .comment-body .text-holder .top .reply {

    float: right;

}



.comments-area .comment-body .fn {

    font-size: 0.9em;

    line-height: 1.444em;

    color: #111;

    margin: 0;

    display: block;

    font-weight: 700;

}



.comments-area .comment-body .fn a {

    color: #111;

}



.comments-area .comment-body .fn a:hover,

.comments-area .comment-body .fn a:focus {

    text-decoration: none;

    color: #f3c9dd;

}



.comments-area .comment-body .says {

    display: none;

}



.comments-area .comment-body .comment-metadata {

    font-size: 0.8em;

}



.comments-area .comment-body .comment-metadata a {

    color: #4a4a4a;

}



.comments-area .comment-body .comment-metadata a:hover,

.comments-area .comment-body .comment-metadata a:focus {

    text-decoration: none;

    color: #0aa3f3;

}



.comments-area .comment-body .reply {

    font-size: 0.7em;

    letter-spacing: 1px;

    text-transform: uppercase;

}



.comments-area .comment-body .reply a {

    text-decoration: none;

    color: #8f8f8f;

}



.comments-area .comment-body .reply a:hover,

.comments-area .comment-body .reply a:focus {

    text-decoration: none;

    color: #0aa3f3;

}



.comments-area .comment-body .comment-content {

    font-size: 0.9em;

}



.comments-area .comment-body .comment-content p {

    margin: 0 0 5px;

}



.comments-area .children {

    margin-left: 25px;

}



.comments-area .children li {

    padding-left: 30px;

    position: relative;

}



.comments-area .bypostauthor .comment-body {

    background: #fff;

    padding: 25px 30px;

    border-radius: 5px;

    border: 1px solid #ededed;

}







/*===============================

 Comment form style

 ===============================*/



.comments-area .comment-reply-title {

    font-size: 1.1em;

    line-height: 1.272em;

    color: #111;

    margin: 0 0 5px;

    font-weight: 700;

}



.comments-area .comment-form label {

    display: block;

    margin: 0 0 5px;

    display: none;

}



.comments-area .comment-form p.comment-form-cookies-consent {

    grid-column: 1 / span 2;

}



.comments-area .comment-form .comment-form-cookies-consent input#wp-comment-cookies-consent {

    display: inline-block;

    vertical-align: middle;

}



.comments-area .comment-form label[for="wp-comment-cookies-consent"] {

    display: inline-block;

    font-size: 16px;

    margin-left: 5px;

}



.comments-area .comment-form {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    grid-gap: 25px 30px;

}



.comments-area .comment-form p {

    margin: 0;

}



.comments-area .comment-form .comment-notes {

    font-size: 0.9em;

    grid-column: 1 / span 2;

}



.comments-area .comment-form .comment-form-url,

.comments-area .comment-form .comment-form-comment,

.comments-area .comment-form .form-submit {

    grid-column: 1 / span 2;

}



.comments-area .comment-form input[type="text"],

.comments-area .comment-form input[type="email"],

.comments-area .comment-form input[type="url"] {

    width: 100%;

}







/*===============================

 Single Post Full width

 ===============================*/



.single.full-width #primary .post {

    text-align: left;

}



.single.full-width #primary .post .entry-header {

    text-align: center;

}



.single.full-width #primary .post .entry-footer {

    text-align: center;

}



.single.full-width #primary .post .entry-footer .category a {

    float: none;

    display: inline-block;

    margin: 0 5px;

}



.single.full-width .related-post,

.single.full-width .popular-post {

    text-align: center;

}



.single.full-width .related-post .grid,

.single.full-width .popular-post .grid {

    grid-gap: 60px 30px;

}



.full-width .comments-area .comments-title,

.full-width .comments-area .comment-reply-title,

.full-width .comments-area .comment-form .comment-notes,

.full-width .comments-area .comment-form .form-submit {

    text-align: center;

}







/*==============================

 Contact Page Style

 ==============================*/



.contact-grid {

    display: flex;

    flex-direction: row;

}



.contact-grid .left {

    align-items: flex-start;

    width: 50%;

    margin-right: 30px;

}



.contact-grid .right {

    align-items: flex-start;

    flex: 1 0 0;

}



.contact-grid .right .map-holder {

    margin: 0 0 40px;

}



.contact-grid .right .map-holder img {

    vertical-align: top;

    border-radius: 5px;

}



.contact-grid .right .contact-info h3 {

    font-size: 1.2em;

    font-weight: 700;

    color: #111;

    margin: 0 0 15px;

}



.contact-grid .right .contact-info .phone,

.contact-grid .right .contact-info .address,

.contact-grid .right .contact-info .email {

    font-size: 0.9em;

    font-weight: 400;

    color: #111;

    margin: 0 0 10px;

}



.contact-grid .right .contact-info .phone a,

.contact-grid .right .contact-info .address a,

.contact-grid .right .contact-info .email a {

    color: #111;

    -webkit-transition: ease 0.2s;

    -moz-transition: ease 0.2s;

    transition: ease 0.2s;

}



.contact-grid .right .contact-info .phone svg,

.contact-grid .right .contact-info .address svg,

.contact-grid .right .contact-info .email svg {

    margin-right: 10px;

}



.contact-grid .right .contact-info .address address {

    font-style: normal;

    margin: 0;

}



.contact-grid .right .contact-info .social-networks {

    margin: 40px 0 0;

    padding: 0;

    list-style: none;

    overflow: hidden;

}



.contact-grid .right .contact-info .social-networks li {

    float: left;

    margin: 0 15px 15px 0;

}



.contact-grid .right .contact-info .social-networks li a {

    color: #fff;

    width: 36px;

    height: 36px;

    border-radius: 50%;

    background: #0aa3f3;

    text-align: center;

    line-height: 36px;

}



.contact-grid .right .contact-info .social-networks li a.fa-facebook {

    background: #3b5999;

}



.contact-grid .right .contact-info .social-networks li a.fa-twitter {

    background: #55acee;

}



.contact-grid .right .contact-info .social-networks li a.fa-instagram {

    background: #e4405f;

}



.contact-grid .right .contact-info .social-networks li a.fa-linkedin {

    background: #0077b5;

}



.contact-grid .right .contact-info .social-networks li a.fa-pinterest-p {

    background: #bd081c;

}



.contact-grid .right .contact-info .social-networks li a.fa-rss {

    background: #ff6d00;

}







/*==============================

 Team Page Style

 ==============================*/



.team-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-gap: 30px;

}



.team-grid .widget {

    margin: 0;

}



.team-grid .widget_rrtc_description_widget .image-holder img {

    vertical-align: top;

    border-radius: 5px 5px 0 0;

}



.team-grid .widget_rrtc_description_widget .rtc-team-holder {

    background: #0aa3f3;

    text-align: center;

    color: #fff;

    padding: 0 0 20px;

    border-radius: 5px;

}



.team-grid .widget_rrtc_description_widget .text-holder {

    padding: 50px 30px 30px;

    max-height: 360px;

    overflow: auto;

}



.team-grid .widget_rrtc_description_widget .text-holder .name {

    display: block;

    line-height: 1em;

    font-size: 1.047em;

    font-weight: 700;

}



.team-grid .widget_rrtc_description_widget .text-holder .designation {

    display: block;

    font-size: 0.9em;

    font-weight: 400;

    margin: 0 0 15px;

}



.team-grid .widget_rrtc_description_widget .social-profile {

    margin: 0;

    padding: 0;

    list-style: none;

    font-size: 1.2em;

}



.team-grid .widget_rrtc_description_widget .social-profile li {

    display: inline-block;

    margin: 0 10px 10px;

}



.team-grid .widget_rrtc_description_widget .social-profile li a {

    color: #fff;

    -webkit-transition: ease 0.2s;

    -moz-transition: ease 0.2s;

    transition: ease 0.2s;

}



.team-grid .widget_rrtc_description_widget .social-profile li a:hover,

.team-grid .widget_rrtc_description_widget .social-profile li a:focus {

    text-decoration: none;

    opacity: 0.7;

}



.team-grid .mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,

.team-grid .mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {

    opacity: 1;

}



.team-grid .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background: rgba(255, 255, 255, 0.5);

}







/*==============================

 Testimonial Page Style

 ==============================*/



.testimonial-grid {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    grid-gap: 70px 30px;

}





/*==============================

 FAQ page style

 ==============================*/



.page-template-faq #crumbs {

    max-width: 770px;

    margin: 0 auto 15px;

    text-align: center;

}



.page-template-faq .page-header {

    max-width: 770px;

    margin: 0 auto 60px;

    text-align: center;

}



.page-template-faq .widget_raratheme_companion_faqs_widget {

    max-width: 770px;

    margin: 0 auto 60px;

}



.page-template-faq .widget_raratheme_companion_faqs_widget .accordion {

    margin: 0;

    padding: 0;

    list-style: none;

}



.page-template-faq .widget_raratheme_companion_faqs_widget .accordion li {

    padding: 30px;

    margin: 0;

    position: relative;

    z-index: 1;

}



.page-template-faq .widget_raratheme_companion_faqs_widget .accordion li::before,

.page-template-faq .widget_raratheme_companion_faqs_widget .accordion li::after {

    content: "";

    background: #d8d8d8;

    top: 0;

    left: 0;

    height: 1px;

    position: absolute;

    width: 100%;

    border-radius: 5px;

    z-index: -1;

    -webkit-transition: ease 0.3s;

    -moz-transition: ease 0.3s;

    transition: ease 0.3s;

}



.page-template-faq .widget_raratheme_companion_faqs_widget .accordion li::before {

    left: 30px;

    width: auto;

    right: 0;

}



.page-template-faq .widget_raratheme_companion_faqs_widget .accordion li::after {

    background: none;

    border: 1px solid transparent;

}



.page-template-faq .widget_raratheme_companion_faqs_widget .accordion li.show::before,

.page-template-faq .widget_raratheme_companion_faqs_widget .accordion li:first-child::before,

.page-template-faq .widget_raratheme_companion_faqs_widget .accordion li.show+li:before {

    opacity: 0;

    visibility: hidden;

}



.page-template-faq .widget_raratheme_companion_faqs_widget .accordion li.show::after {

    height: 100%;

    border-color: #d8d8d8;

}



.page-template-faq .widget_raratheme_companion_faqs_widget .accordion li .toggle {

    font-size: 0.9em;

    font-weight: 700;

    color: #4a4a4a;

    display: block;

    margin: 0;

    position: relative;

    padding: 0 30px 0 0;

}



.page-template-faq .widget_raratheme_companion_faqs_widget .accordion li .toggle:after {

    width: 18px;

    height: 2px;

    background: #d8d8d8;

    content: '';

    position: absolute;

    top: 14px;

    right: 0;

    -webkit-transition: ease 0.3s;

    -moz-transition: ease 0.3s;

    transition: ease 0.3s;

}



.page-template-faq .widget_raratheme_companion_faqs_widget .accordion li .toggle:before {

    width: 2px;

    height: 18px;

    background: #d8d8d8;

    content: '';

    position: absolute;

    top: 6px;

    right: 7px;

    -webkit-transition: ease 0.3s;

    -moz-transition: ease 0.3s;

    transition: ease 0.3s;

}



.page-template-faq .widget_raratheme_companion_faqs_widget .accordion li.show .toggle:before {

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    transform: rotate(90deg);

}



.page-template-faq .widget_raratheme_companion_faqs_widget .accordion li.show .toggle:after {

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0;

}







/*==============================

 Case Study Page Study

 ==============================*/



.page-template-portfolio #crumbs {

    max-width: 830px;

    margin: 0 auto 15px;

    text-align: center;

}



.page-template-portfolio .page-header {

    max-width: 830px;

    margin: 0 auto 60px;

    text-align: center;

}



.page-template-portfolio .portfolio-holder .filter-grid .element-item {

    width: 33.3333%;

}







/*==============================

 Secondary style

 ==============================*/



#secondary {

    grid-column: 3 / span 1;

    overflow: hidden;

}



.leftsidebar #secondary {

    grid-column-start: 1;

    grid-row-start: 1;

}







/*================================

 Footer Style

 ================================*/



.site-footer {

    background: #fbba00;

}



.site-footer .footer-t {

    padding: 70px 0;

}



.footer-t .grid {

    color: #fff;

}



.footer-t .grid .col {

    display: inline-block;

    vertical-align: top;

    width: 22.33%;

    margin-right: 3%;

}



.footer-t .grid .col:last-child {

    margin-right: 0;

}



.footer-t .widget-title {

    font-size: 1.1em;

    margin-bottom: 20px;

    font-weight: 600;

}



.widget_text .textwidget {

    font-size: 0.9em;

    letter-spacing: 0.8px;

}



.widget ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



.widget ul li {

    font-weight: 600;

    font-size: 0.9em;

    margin-bottom: 10px;

    letter-spacing: 0.8px;

}



.footer-t .widget ul li a {

    color: #fff;

}



.widget ul li a {

    color: #4a4a4a;

}



.widget ul li a:hover {

    color: #0aa3f3;

}



.site-footer .footer-b {

    padding: 30px 0;

    border-top: 1px solid rgba(255, 255, 255, 0.2);

    text-align: center;

    color: #fff;

    font-size: 0.9em;

}



.site-footer .footer-b a {

    color: #fff;

}



.site-footer .footer-b a:hover,

.site-footer .footer-b a:focus {

    text-decoration: underline;

}



.site-footer .footer-b .separator {

    margin: 0 10px;

}



#primary-toggle-button {

    display: none;

}



.responsive-menu-holder {

    display: none;

}



span.policy_link {

    display: inline-block;

    margin-left: 10px;

}



/*=======================

WIDGET SEARCH

=======================*/

.widget_search .search-form:after,

.widget_product_search .search-form:after {

    content: '';

    display: block;

    clear: both;

}



.widget_search .search-form {

    margin-top: 15px;

    width: 100%;

    border: 1px solid #d8d8d8;

    border-radius: 5px;

    padding: 16px 20px;

}



.widget_search .search-form label {

    float: left;

    width: calc(100% - 15px);

}



.widget_search .search-form input[type="search"] {

    border: 0;

    padding: 0;

    margin: 0;

    background: none;

    float: left;

    font-size: 0.9em;

}



.widget_search .search-form input[type="submit"] {

    float: right;

    font-size: 0;

    border: 0;

    border-radius: 0;

    padding: 0;

    background: url(images/bg-search.png) no-repeat;

    width: 15px;

    height: 15px;

    margin: 6px 0 0;

}



.widget_product_search .search-form {

    border: 1px solid #ddd;

    border-radius: 5px;

}



.widget_product_search .search-form input.search-field {

    width: calc(100% - 50px);

    float: left;

    border: none;

}



.widget_product_search .search-form label[for="submit-field"] {

    width: 40px;

    display: inline-block;

    border-radius: 5px;

    position: relative;

    overflow: hidden;

    padding: 15px 0;

    text-align: center;

    cursor: pointer;

}



.widget_product_search .search-form label[for="submit-field"]:hover {

    color: #0aa3f3;

}



.widget_product_search .search-form input.search-submit {

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

    visibility: hidden;

}



/*===============================

COMMON CSS FOR DEFAULT WIDGET

===============================*/

#secondary .widget_recent_entries ul li,

#secondary .widget_recent_comments ul li,

#secondary .widget_archive ul li,

#secondary .widget_categories ul li,

#secondary .widget_meta ul li,

#secondary .widget_nav_menu ul li,

#secondary .widget_pages ul li,

.widget_rss ul li,

.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item,

.widget_product_categories ul li {

    font-weight: 400;

    border-bottom: 1px solid #d8d8d8;

    padding-bottom: 15px;

    margin-bottom: 15px;

    position: relative;

    padding-left: 20px;

}



#secondary .widget_recent_entries ul li:last-child,

#secondary .widget_recent_comments ul li:last-child,

#secondary .widget_archive ul li:last-child,

#secondary .widget_categories ul li:last-child,

#secondary .widget_meta ul li:last-child,

#secondary .widget_nav_menu ul li:last-child,

#secondary .widget_pages ul li:last-child,

.widget_rss ul li:last-child,

.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:last-child,

.widget_product_categories ul li:last-child {

    border-bottom: none;

    padding-bottom: 0;

    margin-bottom: 0;

}



#secondary .widget_recent_entries ul li:before,

#secondary .widget_recent_comments ul li:before,

#secondary .widget_archive ul li:before,

#secondary .widget_categories ul li:before,

#secondary .widget_meta ul li:before,

#secondary .widget_nav_menu ul li:before,

#secondary .widget_pages ul li:before,

.widget_rss ul li:before,

.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::before,

.widget_product_categories ul li:before {

    content: "";

    background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path fill="%23b5b5b5" d="M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z"></path></svg>');

    background-repeat: no-repeat;

    width: 15px;

    height: 20px;

    background-position: center;

    position: absolute;

    top: 6px;

    left: 0;

    font-size: 1.2em;

}



#secondary .widget_nav_menu ul li ul,

#secondary .widget_pages ul li ul,

#secondary .widget_categories ul li ul,

.widget_product_categories ul li ul {

    margin-left: 10px;

}



#secondary .widget_nav_menu ul ul li:first-child,

#secondary .widget_pages ul ul li:first-child,

#secondary .widget_categories ul ul li:first-child,

.widget_product_categories ul ul li:first-child {

    margin-top: 15px;

}



.widget_categories select,

.widget_archive select {

    height: 50px;

    border-radius: 5px;

    padding: 0 10px;

    width: 100%;

}



.widget ul li span.post-date {

    display: block;

    font-size: 14px;

    color: #0aa3f3;

}



/*======================

WIDGET TAG CLOUD

======================*/

#secondary .widget {

    margin-bottom: 70px;

}



#secondary .widget:last-child {

    margin-bottom: 0;

}



.widget_tag_cloud a {

    display: inline-block;

    font-size: 0.9em !important;

    color: #4a4a4a;

    font-weight: 400;

    border: 1px solid #d8d8d8;

    margin-right: 3px;

    margin-bottom: 8px;

    padding: 8px 25px;

    border-radius: 5px;

}



.widget_tag_cloud a:hover {

    background: #0aa3f3;

    border-color: #0aa3f3;

    color: #fff;

}



/*=====================

WIDGET RSS

=====================*/

.widget_rss ul li {

    font-weight: 400;

}



.widget_rss ul li a {

    color: #0aa3f3;

}



.widget_rss ul li a:hover {

    text-decoration: underline;

}



/*=============================

WIDGET CALENDAR 

=============================*/

.widget_calendar table {

    margin-bottom: 0;

}



.widget_calendar table caption {

    background: #0aa3f3;

    color: #fff;

    font-size: 14px;

    text-transform: uppercase;

    font-weight: 600;

    letter-spacing: 1px;

    padding: 5px;

}



.widget_calendar table tr th {

    padding: 5px;

    border: 1px solid #0aa3f3;

    font-size: 16px;

}



.widget_calendar table tr td {

    text-align: center;

    font-size: 16px;

    padding: 5px;

    border: 1px solid #0aa3f3;

}

.widget_calendar .wp-calendar-nav{

    display: flex;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-justify-content: space-between;

    justify-content: space-between;

    border: 1px solid #0aa3f3;

    border-top: none;

}

.widget_calendar .wp-calendar-nav span{

    font-size: 16px;

    font-weight: 600;

    padding: 5px 20px;

    display: inline-block;

}

.widget_calendar .wp-calendar-nav span.wp-calendar-nav-prev{

    width: 40%;

    border-right: 1px solid #0aa3f3;

    text-align: left;

}

.widget_calendar .wp-calendar-nav span.wp-calendar-nav-next{

    width: 40%;

    border-left: 1px solid #0aa3f3;

    text-align: right;

}

footer .widget_calendar table tr th,

footer .widget_calendar table tr td,

footer .widget_calendar .wp-calendar-nav,

footer .widget_calendar .wp-calendar-nav span.wp-calendar-nav-prev,

footer .widget_calendar .wp-calendar-nav span.wp-calendar-nav-next{

    border-color: rgba(255,255,255,1);

}

footer .widget_calendar a{

    color: #FFF;

    text-shadow: 0 0 2px rgba(0,0,0,0.2);

}

footer .widget_calendar .wp-calendar-nav span.wp-calendar-nav-prev a:hover,

footer .widget_calendar .wp-calendar-nav span.wp-calendar-nav-next a:hover{

    color: #FFF;

}



.widget_calendar table tr td#today {

    background: #0aa3f3;

    color: #fff;

}



.widget_calendar table tr td#today a {

    color: #4a4a4a;

}



.widget_calendar table tr td#prev {

    text-align: left;

    padding-left: 20px;

    font-weight: 600;

}



.widget_calendar table tr td#next {

    text-align: right;

    padding-right: 20px;

    font-weight: 600;

}



/*===========================

WIDGET CALL TO ACTION

===========================*/

#secondary .widget.widget_raratheme_companion_cta_widget .widget-title,

.top-footer .widget.widget_raratheme_companion_cta_widget .widget-title {

    color: #fff;

}



#secondary .widget_raratheme_companion_cta_widget .right,

.top-footer .widget_raratheme_companion_cta_widget .right {

    text-align: right;

}



#secondary .widget_raratheme_companion_cta_widget .centered,

.top-footer .widget_raratheme_companion_cta_widget .centered {

    text-align: center;

}



#secondary .widget_raratheme_companion_cta_widget .button-wrap,

.top-footer .widget_raratheme_companion_cta_widget .button-wrap {

    font-size: 0.9em;

}



#secondary .widget_raratheme_companion_cta_widget .btn-cta,

.top-footer .widget_raratheme_companion_cta_widget .btn-cta {

    font-size: 0.888em;

    font-weight: 700;

    text-transform: uppercase;

    background: #fff;

    border: 1px solid #fff;

    display: inline-block;

    border-radius: 5px;

    padding: 16px 37px;

    margin-top: 20px;

    -webkit-transition: ease 0.2s;

    -moz-transition: ease 0.2s;

    transition: ease 0.2s;

}



#secondary .widget_raratheme_companion_cta_widget .btn-cta:hover,

.top-footer .widget_raratheme_companion_cta_widget .btn-cta:hover {

    background: #0aa3f3;

    color: #fff;

}



/*========================

WIDGET CLIENT LOGO

========================*/

#secondary .widget_raratheme_client_logo_widget .image-holder {

    display: inline-block;

    padding: 20px;

    width: 49%;

    vertical-align: top;

}



.widget_raratheme_client_logo_widget .image-holder .black-white {

    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    filter: grayscale(100%);

}



.widget_raratheme_client_logo_widget .image-holder a:hover .black-white {

    -webkit-filter: grayscale(0);

    -moz-filter: grayscale(0);

    filter: grayscale(0);

}



/*========================

WIDGET FAQ

========================*/

#secondary .widget_raratheme_companion_faqs_widget .accordion {

    margin: 0;

    padding: 0;

    list-style: none;

    text-align: right;

}



.widget_raratheme_companion_faqs_widget a.expand-faq {

    font-size: 14px;

    font-weight: 600;

    color: #4a4a4a;

    border-bottom: 2px solid;

    margin-bottom: 20px;

    display: inline-block;

    line-height: 1.4;

}



.widget_raratheme_companion_faqs_widget a.expand-faq:hover {

    color: #0aa3f3;

}



.widget_raratheme_companion_faqs_widget a.expand-faq svg {

    margin-right: 5px;

}



#secondary .widget_raratheme_companion_faqs_widget .accordion li {

    padding: 30px;

    margin: 0;

    position: relative;

    z-index: 1;

    text-align: left;

}



#secondary .widget_raratheme_companion_faqs_widget .accordion li::before,

#secondary .widget_raratheme_companion_faqs_widget .accordion li::after {

    content: "";

    background: #d8d8d8;

    top: 0;

    left: 0;

    height: 1px;

    position: absolute;

    width: 100%;

    border-radius: 5px;

    z-index: -1;

    -webkit-transition: ease 0.3s;

    -moz-transition: ease 0.3s;

    transition: ease 0.3s;

}



#secondary .widget_raratheme_companion_faqs_widget .accordion li::before {

    left: 30px;

    width: auto;

    right: 0;

}



#secondary .widget_raratheme_companion_faqs_widget .accordion li::after {

    background: none;

    border: 1px solid transparent;

}



#secondary .widget_raratheme_companion_faqs_widget .accordion li.show::before,

#secondary .widget_raratheme_companion_faqs_widget .accordion li:first-child::before,

#secondary .widget_raratheme_companion_faqs_widget .accordion .expand-faq+li::before,

#secondary .widget_raratheme_companion_faqs_widget .accordion li.show+li:before {

    opacity: 0;

    visibility: hidden;

}



#secondary .widget_raratheme_companion_faqs_widget .accordion li.show::after {

    height: 100%;

    border-color: #d8d8d8;

}



#secondary .widget_raratheme_companion_faqs_widget .accordion li .toggle {

    font-size: 0.9em;

    font-weight: 700;

    color: #4a4a4a;

    display: block;

    margin: 0;

    position: relative;

    padding: 0 30px 0 0;

}



.widget_raratheme_companion_faqs_widget .accordion li .toggle {

    word-break: normal;    

}



#secondary .widget_raratheme_companion_faqs_widget .accordion li .toggle:after {

    width: 18px;

    height: 2px;

    background: #d8d8d8;

    content: '';

    position: absolute;

    top: 14px;

    right: 0;

    -webkit-transition: ease 0.3s;

    -moz-transition: ease 0.3s;

    transition: ease 0.3s;

}



#secondary .widget_raratheme_companion_faqs_widget .accordion li .toggle:before {

    width: 2px;

    height: 18px;

    background: #d8d8d8;

    content: '';

    position: absolute;

    top: 6px;

    right: 7px;

    -webkit-transition: ease 0.3s;

    -moz-transition: ease 0.3s;

    transition: ease 0.3s;

}



#secondary .widget_raratheme_companion_faqs_widget .accordion li.show .toggle:before {

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    transform: rotate(90deg);

}



#secondary .widget_raratheme_companion_faqs_widget .accordion li.show .toggle:after {

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0;

}



.widget_raratheme_companion_faqs_widget .accordion .inner {

    font-weight: 400;

    letter-spacing: 0.5px;

    font-size: 16px;

    margin-top: 15px;

    word-break: normal;

}



/*=========================

WIDGET FEATURED PAGE

=========================*/

#secondary .widget_raratheme_featured_page_widget .right {

    text-align: right;

}



#secondary .widget_raratheme_featured_page_widget .left {

    text-align: left;

}



#secondary .widget_raratheme_featured_page_widget .centered {

    text-align: center;

}



#secondary .widget_raratheme_featured_page_widget p.section-subtitle {

    margin-bottom: 10px;

    font-weight: 600;

    color: #d8d8d8;

    font-size: 0.9em;

}



.btn-readmore {

    font-size: 14px;

    font-weight: 900;

    text-transform: uppercase;

    border: 1px solid #246708;

    display: inline-block;

    border-radius: 5px;

    padding: 16px 37px;

    margin-top: 20px;

    -webkit-transition: ease 0.2s;

    -moz-transition: ease 0.2s;

    transition: ease 0.2s;

}



.btn-readmore:hover {

    background: #246708;

    color: #fff;

}



.btn-readmore:focus {

    outline-offset: 2px;

}



.widget_raratheme_featured_page_widget .img-holder {

    margin-top: 30px;

}



/*====================

WIDGET ICON TEXT

====================*/

#secondary .widget_rrtc_icon_text_widget .rtc-itw-inner-holder {

    display: grid;

    grid-row-gap: 30px;

    text-align: center;

}



#secondary .widget_rrtc_icon_text_widget .icon-holder {

    grid-row-start: 1;

    grid-row-end: 2;

}



#secondary .widget_rrtc_icon_text_widget .icon-holder svg {

    font-size: 97px;

    color: #0aa3f3;

}



#secondary .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .widget-title {

    font-size: 1em;

}



/*==================================

WIDGET POPULAR AND RECENT POST

==================================*/

#secondary .widget .widget-title {

    font-family: 'Montserrat';

    font-weight: 700;

    font-size: 1.1em;

    color: #000;

}



#secondary .widget_raratheme_popular_post ul li,

#secondary .widget_raratheme_recent_post ul li {

    margin-bottom: 25px;

}



#secondary .widget_raratheme_popular_post ul li:last-child,

#secondary .widget_raratheme_recent_post ul li:last-child {

    margin-bottom: 0;

}



#secondary .widget_raratheme_popular_post ul li .post-thumbnail {

    width: 110px;

    border-radius: 5px;

    overflow: hidden;

    margin-right: 20px;

}



#secondary .widget_raratheme_recent_post ul li .post-thumbnail {

    float: none;

    width: auto;

    display: inline-block;

    margin-right: 0;

    margin-bottom: 10px;

    border-radius: 7px;

    overflow: hidden;

}



#secondary .widget_raratheme_popular_post ul li .entry-header .entry-title,

#secondary .widget_raratheme_recent_post ul li .entry-header .entry-title {

    font-size: 0.9em;

    font-family: 'Montserrat';

    line-height: 1.4em;

    letter-spacing: 0;

    margin-bottom: 0;

    color: #000;

}



#secondary .widget_raratheme_popular_post ul li .entry-header .entry-meta,

#secondary .widget_raratheme_recent_post ul li .entry-header .entry-meta {

    margin-top: 10px;

}



/*=========================

WIDGET SOCIAL LINKS

=========================*/

#secondary .widget_raratheme_social_links {

    text-align: center;

    border: 1px solid #d8d8d8;

    border-radius: 6px;

    padding: 20px;

}



#secondary .widget_raratheme_social_links ul li {

    float: none;

    display: inline-block;

    margin-right: 0;

}



#secondary .widget_raratheme_social_links ul li a {

    width: 36px;

    height: 36px;

    line-height: 36px;

    color: #fff;

    font-weight: 400;

    font-size: 17px;

    border-radius: 100%;

    margin-right: 10px;

}



#secondary .widget_raratheme_social_links ul li a:hover {

    opacity: 0.7;

    filter: alpha(opacity=70);

}



.widget.widget_raratheme_social_links ul li a:hover {

    color: #fff;

}



/*==================================

RARATHEME POST SLIDER WIDGET

==================================*/

.widget_rara_posts_category_slider_widget .carousel-title {

    margin-top: 20px;

}



.widget_rara_posts_category_slider_widget .cat-links {

    display: block;

    font-size: 0.8em;

    font-weight: 400;

}



.widget_rara_posts_category_slider_widget .cat-links a {

    color: #676767;

    display: inline-block;

    margin-right: 15px;

}



.widget_rara_posts_category_slider_widget .cat-links a:last-child {

    margin-right: 0;

}



.widget_rara_posts_category_slider_widget .title {

    font-size: 0.9em;

    margin-bottom: 0;

}



.widget_rara_posts_category_slider_widget .title a {

    color: #4a4a4a;

}



.widget_rara_posts_category_slider_widget .cat-links a:hover,

.widget_rara_posts_category_slider_widget .title a:hover {

    color: #0aa3f3;

}



.widget_rara_posts_category_slider_widget .owl-carousel {

    padding-bottom: 30px;

}



.widget_rara_posts_category_slider_widget .owl-theme .owl-nav [class*="owl-"] {

    background: rgba(0, 0, 0, 0.1);

    top: 30%;

    width: 40px;

    height: 40px;

    line-height: 40px;

}



.widget_rara_posts_category_slider_widget .owl-theme .owl-nav [class*="owl-"]:hover {

    background: rgba(0, 0, 0, 0.2);

}



.widget_rara_posts_category_slider_widget .owl-theme .owl-dots {

    bottom: 0;

}



.widget_rara_posts_category_slider_widget .owl-theme .owl-dots .owl-dot span {

    background: #ddd;

}



.widget_rara_posts_category_slider_widget .owl-theme .owl-dots .owl-dot.active span,

.widget_rara_posts_category_slider_widget .owl-theme .owl-dots .owl-dot:hover span {

    background: #0aa3f3;

}



/*===============================

RARATHEME SOCIAL ICON WIDGET

===============================*/

.widget_rtc_social_links .rtc-social-icon-wrap {

    display: inline-block;

    vertical-align: middle;

    margin-right: 5px;

}



.widget_rtc_social_links .rtc-social-icon-wrap a {

    display: inline-block;

    vertical-align: middle;

    border: 1px solid #ddd;

    width: 40px;

    text-align: center;

    height: 40px;

    line-height: 40px;

    border-radius: 100%;

}



.widget_rtc_social_links .rtc-social-icon-wrap a:hover {

    background: #0aa3f3;

    border-color: #246708;

    color: #fff;

}



/*=================================

 Responsive Style

 =================================*/



@media only screen and (min-width: 1400px) {



    .custom-background #page,

    .custom-background.homepage.hasbanner .site-header {

        width: 1370px;

    }

}



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



    .custom-background #page,

    .custom-background.homepage.hasbanner .site-header {

        width: 95%;

    }



    .our-features .features-content {

        max-width: 600px;

    }



    .main-header .right .btn-buy {

        font-size: 0.7em;

        padding-left: 20px;

        padding-right: 20px;

        margin-left: 15px;

    }



    .main-navigation ul {

        font-size: 0.65em;

    }



    .main-navigation ul li {

        margin-left: 25px;

    }



}



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



    .container,

    .our-features .features-content {

        max-width: 768px;

    }



    .tax-rara_portfolio_categories .filter-grid {

        grid-template-columns: repeat(2, 1fr);

    }



    .tax-rara_portfolio_categories .filter-grid .navigation {

        grid-column: 1 / span 2;

    }



    .our-features .widget.widget_media_image {

        position: static;

        width: 100%;

        grid-column: 1 / span 2;

    }



    .our-features .widget.widget_media_image .wp-caption {

        position: relative;

    }



    .our-features .widget.widget_media_image img {

        position: static;

        -webkit-transform: translateY(0);

        -moz-transform: translateY(0);

        transform: translateY(0);

    }



    #content .content-grid {

        grid-template-columns: repeat(1, 1fr);

    }



    .leftsidebar #primary {

        grid-column: 1 / span 1;

    }



    .leftsidebar #secondary {

        grid-column: 1 / span 1;

        grid-row-start: 2;

    }



    #primary,

    #secondary {

        grid-column: 1 / span 3;

    }



    .site-header .header-t .contact-info {

        display: none;

    }



    .site-header .social-networks {

        float: left;

        font-size: 1.3em;

        margin-top: 8px;

    }



    #primary-toggle-button {

        display: block;

        float: right;

        width: 40px;

        height: 40px;

        border-radius: 50%;

        background: #fff;

        padding: 12px 0;

        cursor: pointer;

        position: relative;

        z-index: 99999;

    }



    #primary-toggle-button span {

        display: block;

        width: 15px;

        height: 3px;

        background: #246708;

        margin: 0 auto 3px;

        -webkit-transition: ease 0.2s;

        -moz-transition: ease 0.2s;

        transition: ease 0.2s;

    }



    #primary-toggle-button.close span:first-child {

        -webkit-transform: rotate(45deg) translate(5px, 5px);

        -moz-transform: rotate(45deg) translate(5px, 5px);

        transform: rotate(45deg) translate(5px, 5px);

        margin-bottom: 0;

    }



    #primary-toggle-button.close span:nth-child(2) {

        -webkit-transform: rotate(-45deg);

        -moz-transform: rotate(-45deg);

        transform: rotate(-45deg);

        opacity: 0;

    }



    #primary-toggle-button.close span:last-child {

        -webkit-transform: rotate(-45deg) translate(2px, -1px);

        -moz-transform: rotate(-45deg) translate(2px, -1px);

        transform: rotate(-45deg) translate(2px, -1px);

        margin-bottom: 0;

    }



    .site-branding {

        text-align: left;

        justify-content: center;

    }



    .main-header .right {

        display: none;

    }



    .responsive-menu-holder {

        display: block;

        position: absolute;

        /*top: 60px;*/

        top: 0;

        left: 0;

        width: 100%;

        background: #246708;

        display: none;

        padding: 0 0 40px;

        z-index: 9999;

    }



    .site-header .header-t .responsive-menu-holder a,

    .site-header .header-t .responsive-menu-holder .address,

    .site-header .header-t .responsive-menu-holder .contact-info svg {

        color: rgba(255, 255, 255, 0.7);

    }



    .site-header .header-t .responsive-menu-holder a:hover {

        color: rgba(255, 255, 255, 1);

    }



    .site-header .header-t {

        position: relative;

    }



    .header-t.hide-header-top {

        display: block;

    }



    .site-header .header-t.bg-color {

        background: #0aa3f3;

    }



    .site-header .responsive-menu-holder .social-networks-holder {

        border-bottom: 1px solid rgba(255, 255, 255, 0.2);

        padding: 18px 0;

        margin: 0 0 20px;

    }



    .site-header .responsive-menu-holder .social-networks {

        float: none;

        display: block;

        overflow: hidden;

        margin: 0;

    }



    .main-navigation {

        margin: 0 0 30px;

    }



    .main-navigation ul {

        margin: 0;

        padding: 0;

        list-style: none;

        font-size: 1.1em;

        font-weight: 600;

        text-transform: uppercase;

    }



    .main-navigation ul li {

        position: relative;

    }



    .main-navigation ul li a {

        padding: 20px 30px;

        color: rgba(255, 255, 255, 0.7) !important;

        position: relative;

        -webkit-transition: ease 0.2s;

        -moz-transition: ease 0.2s;

        transition: ease 0.2s;

        display: block;

    }



    .main-navigation ul li a:hover,

    .main-navigation ul li a:focus,

    .main-navigation ul li:hover>a,

    .main-navigation ul li:focus>a {

        color: #fff !important;

    }



    .main-navigation ul li a:hover:after,

    .main-navigation ul li a:focus:after,

    .main-navigation ul li:hover>a:after,

    .main-navigation ul li:focus>a:after {

        height: 2px;

    }



    .main-navigation ul li a:after {

        content: '';

        position: absolute;

        top: 100%;

        left: 0;

        width: 100%;

        height: 1px;

        background: rgba(255, 255, 255, 0.5);

    }



    .main-navigation ul li span.submenu-toggle {

        position: absolute;

        top: 0;

        right: 0;

        width: 50px;

        height: 66px;

        line-height: 66px;

        text-align: center;

        font-size: 25px;

        color: rgba(255, 255, 255, 0.5);

        cursor: pointer;

        -webkit-transition: ease 0.2s;

        -moz-transition: ease 0.2s;

        transition: ease 0.2s;

    }



    .main-navigation ul li span.submenu-toggle.active {

        -webkit-transform: rotate(180deg);

        -moz-transform: rotate(180deg);

        transform: rotate(180deg);

    }



    .main-navigation ul ul {

        margin-left: 0;

        font-size: 1em;

        text-transform: none;

        font-weight: 400;

        display: none;

        background: rgba(255, 255, 255, 0.1);

    }



    .main-navigation ul li {

        margin-left: 0;

    }



    .responsive-menu-holder .btn-buy {

        display: block;

        font-weight: 900;

        text-transform: uppercase;

        color: #fff;

        background: #0792db;

        border: 1px solid #0792db;

        border-radius: 5px;

        font-size: 1.1em;

        padding: 10px 34px;

        -webkit-transition: ease 0.2s;

        -moz-transition: ease 0.2s;

        transition: ease 0.2s;

        text-align: center;

        margin: 0 0 30px;

    }



    .responsive-menu-holder .btn-buy svg {

        margin-right: 7px;

    }



    .responsive-menu-holder .btn-buy:hover,

    .responsive-menu-holder .btn-buy:focus {

        text-decoration: none;

        color: #0aa3f3 !important;

        background: #fff;

        border-color: #fff;

    }



    .site-header .header-t .responsive-menu-holder .contact-info {

        display: block;

        float: none;

        font-size: 1.1em;

        text-align: center;

        font-weight: 400;

    }



    .site-header .header-t .responsive-menu-holder .contact-info div {

        float: none;

        display: block;

        margin: 0 0 20px;

    }



    .site-header .main-header {

        text-align: center;

    }



    .site-branding .site-title {

        margin: 0;

        font-size: 1.55em;

    }



    .homepage.hasbanner .site-header .main-header {

        text-align: center;

    }



    .banner img {

        height: 700px;

    }



    .banner .banner-text .text-holder .title {

        font-size: 2.3em;

    }



    /*section title font size*/

    .our-services .widget.widget_text .widget-title,

    .featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .text-holder .widget-title,

    .our-features .widget.widget_text .widget-title,

    .our-team .widget.widget_text .widget-title,

    .our-testimonial .widget.widget_text .widget-title,

    .our-stats .widget.widget_text .widget-title,

    .our-skills .text-holder .title,

    .portfolio .widget.widget_text .widget-title,

    .blog-section .section-header .widget_text .widget-title,

    .our-pricing .section-header .widget_text .widget-title,

    .cta .widget .widget-title,

    .faq-section .widget.widget_text .widget-title,

    .contact-section .section-header .widget_text .widget-title {

        font-size: 1.7em;

    }



    .our-services .grid {

        grid-template-columns: repeat(2, 1fr);

    }



    .featured-page .widget_raratheme_featured_page_widget .widget-featured-holder {

        flex-direction: column;

    }



    .featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .text-holder {

        padding: 0;

        margin: 0 0 30px;

    }



    .featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .img-holder {

        margin: 0;

    }



    .our-team .grid {

        grid-template-columns: repeat(2, 1fr);

    }



    .our-testimonial .grid .widget_rrtc_testimonial_widget .text-holder {

        padding: 20px;

    }



    .our-stats .grid {

        grid-template-columns: repeat(2, 1fr);

        grid-gap: 50px 30px;

    }



    .our-stats .widget_raratheme_companion_stat_counter_widget .hs-counter {

        font-size: 1.7em;

    }



    .our-skills .container {

        flex-direction: column;

    }



    .our-skills .text-holder {

        width: 100%;

        margin: 0;

    }



    .portfolio-holder .filter-grid .element-item,

    .page-template-portfolio .portfolio-holder .filter-grid .element-item {

        width: 50%;

    }



    .our-pricing .pricing-holder .col.popular-plan .tag {

        min-width: 65%;

    }



    .blog-section .grid {

        grid-template-columns: repeat(2, 1fr);

        grid-gap: 50px 30px;

    }



    .contact-section .holder {

        flex-direction: column;

    }



    .contact-section .holder .left {

        width: 100%;

        margin: 0 0 30px;

    }



    .contact-section .holder .left .contact-detail {

        text-align: center;

        font-size: 1.1em;

    }



    .contact-section .holder .left .contact-detail .tel-link,

    .contact-section .holder .left .contact-detail address,

    .contact-section .holder .left .contact-detail .email-link,

    .contact-section .holder .left .contact-detail .social-networks {

        display: block;

        margin: 0 0 20px;

    }



    .contact-section .holder .left .contact-detail .social-networks {

        text-align: center;

    }



    .contact-section .holder .left .contact-detail .social-networks li {

        float: none;

        display: inline-block;

        margin: 0 8px 15px;

    }



    .contact-section .holder .left .map-holder img,

    .contact-section .holder .form-holder img {

        width: 100%;

    }



    .our-clients .widget .raratheme-client-logo-inner-holder {

        grid-template-columns: repeat(3, 1fr);

    }



    .our-clients .widget .widget-title {

        grid-column: 1 / span 1;

    }



    .contact-grid {

        text-align: center;

        flex-direction: column;

    }



    .contact-grid .left {

        width: 100%;

        margin-right: 0;

        margin-bottom: 80px;

    }



    .contact-grid .right .contact-info .social-networks li {

        float: none;

        display: inline-block;

        margin-right: 5px;

    }



    .error404 .recent-post .section-title {

        text-align: center;

    }



    .error-holder .text-holder .search-form label,

    .page-header .search-form label {

        width: calc(100% - 15px);

    }



    .error404 .recent-post .grid {

        grid-template-columns: repeat(2, 1fr);

    }



    .error-holder {

        align-items: start;

    }



    .error-holder .img-holder {

        width: 35%;

        margin-right: 30px;

    }



    .error-holder .text-holder {

        text-align: left;

    }



    .team-grid {

        grid-template-columns: repeat(2, 1fr);

    }



    .author-section {

        padding: 40px;

    }



    #primary .post .entry-content h1,

    #primary .page .entry-content h1 {

        font-size: 2.3em;

    }



    #primary .post .entry-content h2,

    #primary .page .entry-content h2 {

        font-size: 1.7em;

    }



    #primary .post .entry-content h3,

    #primary .page .entry-content h3 {

        font-size: 1.4em;

    }



    #primary .post .entry-content h4,

    #primary .page .entry-content h4 {

        font-size: 1.1em;

    }



    #primary .post .entry-content h5,

    #primary .page .entry-content h5 {

        font-size: 0.9em;

    }



    #primary .post .entry-content h6,

    #primary .page .entry-content h6 {

        font-size: 0.8em;

    }



    .single #primary .post .entry-header .entry-title {

        font-size: 1.4em;

    }



    .single.full-width #primary .post .entry-header,

    .single.full-width #crumbs,

    .single.full-width #primary .post .entry-footer,

    .full-width .comments-area .comments-title,

    .full-width .comments-area .comment-reply-title,

    .full-width .comments-area .comment-form .comment-notes,

    .full-width .comments-area .comment-form .form-submit {

        text-align: left;

    }



    .single.full-width #primary .post .entry-footer .category a {

        margin-top: 5px;

        margin-bottom: 5px;

    }



    .our-services .grid .widget.widget_text,

    .our-features .widget.widget_text,

    .our-team .widget.widget_text,

    .our-testimonial .widget.widget_text,

    .our-stats .widget.widget_text {

        grid-column: 1 / span 2;

    }



    .cta .widget .right .widget-title,

    .cta .widget .right .text-holder {

        width: 100%;

    }



    .cta .widget .right .button-wrap {

        position: static;

        margin-top: 40px;

        -webkit-transform: translateY(0);

        -moz-transform: translateY(0);

        transform: translateY(0);

    }



    .cta .widget .right .btn-cta+.btn-cta {

        margin-top: 10px;

    }



    .footer-t .grid .col {

        width: 48%;

    }



    .footer-t .grid .col:nth-child(2n) {

        margin-right: 0;

    }



    .tax-rara_portfolio_categories .filter-grid article {

        width: 50%;

    }



    .footer-t .grid .col {

        width: 48%;

    }



    .footer-t .grid .col:nth-child(2n) {

        margin-right: 0;

    }

}



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

    .video-banner .wp-custom-header {

        padding-bottom: 0;

        height: auto;

    }

}



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



    .banner .banner-text .btn-holder .btn-view-service,

    .banner .banner-text .btn-holder .btn-free-inquiry {

        min-width: 270px;

        margin-bottom: 26px;

    }



    .page-header .page-title {

        font-size: 1.7em;

    }



    #primary .site-main article .entry-header .entry-title {

        font-size: 1.4em;

    }



    .author-section .text-holder .social-networks li {

        margin-bottom: 10px;

    }



    .our-pricing .pricing-holder .col .btn-signup {

        padding-left: 40px;

        padding-right: 40px;

    }



    .our-services,

    .our-team,

    .our-testimonial,

    .faq-section,

    .our-clients {

        margin-top: 60px;

        margin-bottom: 60px;

    }



    .faq-section {

        padding-bottom: 60px;

    }



    .featured-page,

    .our-stats {

        padding-top: 60px;

        padding-bottom: 60px;

    }



    .portfolio,

    .blog-section {

        margin-top: 70px;

        margin-bottom: 30px;

    }

}



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

    .site-branding .site-title {

        font-size: 1.2em;

    }



    .banner .banner-text {

        top: 40%;

    }



    .banner .banner-text .text-holder .title {

        font-size: 1.65em;

    }



    .banner .banner-text .btn-holder .btn-free-inquiry {

        padding-left: 37px;

        padding-right: 37px;

    }



    .page-template-faq .page-header p {

        display: none;

    }



    .container,

    .portfolio-holder .filter-grid {

        max-width: 480px;

        margin-left: auto;

        margin-right: auto;

    }



    .our-services .grid,

    .our-features .grid,

    .our-team .grid,

    .our-testimonial .grid,

    .blog-section .grid,

    .error404 .recent-post .grid,

    .team-grid,

    .related-post .grid,

    .popular-post .grid,

    .testimonial-grid {

        grid-template-columns: repeat(1, 1fr);

    }



    .our-services .grid .widget.widget_text,

    .our-features .widget.widget_text,

    .our-team .widget.widget_text,

    .our-testimonial .widget.widget_text,

    .our-stats .widget.widget_text {

        grid-column: 1 / span 1;

    }



    .featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .img-holder {

        width: 100%;

    }



    .our-features .widget.widget_media_image {

        grid-column: 1 / span 1;

    }



    .our-features .widget.widget_media_image img {

        position: static;

    }



    .portfolio-holder .button-group .button {

        font-size: 0.7em;

        margin-left: 5px;

        margin-right: 5px;

    }



    .portfolio-holder .filter-grid .element-item,

    .page-template-portfolio .portfolio-holder .filter-grid .element-item {

        width: 100%;

    }



    .our-pricing .pricing-holder .col {

        width: 100%;

        margin-bottom: 60px;

    }



    .our-pricing .pricing-holder .col:last-child {

        margin-bottom: 0;

    }



    .our-clients .widget .raratheme-client-logo-inner-holder {

        grid-template-columns: repeat(2, 1fr);

    }



    .our-clients .widget .widget-title {

        grid-column: 1 / span 2;

    }



    .cta .widget .btn-cta {

        padding-left: 60px;

        padding-right: 60px;

    }



    .error-holder {

        flex-direction: column;

    }



    .error-holder .img-holder {

        margin-right: 0;

        width: 100%;

        margin-bottom: 40px;

    }



    .error-holder .text-holder,

    .error404 .page-header,

    .error404 #crumbs {

        text-align: center;

    }



    .full-width #content .content-grid {

        max-width: inherit;

        display: block;

    }



    .author-section .img-holder {

        float: none;

        margin: 0 0 30px 0;

    }



    #primary .post .entry-content blockquote,

    #primary .page .entry-content blockquote {

        padding-left: 35px;

        padding-right: 35px;

    }



    #primary .post .entry-content .pull-right,

    #primary .page .entry-content .pull-right {

        float: none;

        width: 100%;

        display: block;

        margin-left: 0;

    }



    #primary .post .entry-content table,

    #primary .page .entry-content table {

        font-size: 0.9em;

    }



    .author-section,

    .page-template-testimonial #crumbs,

    .page-template-testimonial .page-header .page-title {

        text-align: center;

    }



    .author-section .img-holder {

        margin-left: auto;

        margin-right: auto;

    }



    .author-section .text-holder .social-networks li {

        float: none;

        display: inline-block;

        margin-left: 5px;

        margin-right: 5px;

    }



    .comments-area .comment-form {

        display: block;

    }



    .comments-area .comment-form p {

        margin-bottom: 20px;

    }



    .comments-area form input[type="submit"] {

        width: 100%;

    }



    .single.full-width .related-post,

    .single.full-width .popular-post {

        text-align: left;

    }



    .testimonial-grid {

        grid-gap: 20px;

    }



    .comment-navigation .nav-previous,

    .posts-navigation .nav-previous,

    .post-navigation .nav-previous,

    .comment-navigation .nav-next,

    .posts-navigation .nav-next,

    .post-navigation .nav-next {

        float: none;

        width: 100%;

    }



    .comment-navigation .nav-previous,

    .posts-navigation .nav-previous,

    .post-navigation .nav-previous {

        margin-bottom: 20px;

    }



    .post-navigation .nav-links div.nav-previous a {

        padding-right: 0;

    }



    .post-navigation .nav-links div.nav-next a {

        padding-left: 0;

    }



    .footer-t .grid .col {

        width: 100%;

        margin-right: 0;

    }

    .banner .banner-text{

        -webkit-transform: translate(0, -12%);

        -moz-transform: translate(0, -12%);

        -ms-transform: translate(0, -12%);

        -o-transform: translate(0, -12%);

        transform: translate(0, -12%);

    }

    .banner .banner-text .btn-holder .btn-view-service,

    .banner .banner-text .btn-holder .btn-free-inquiry{

        min-width: unset;

        padding: 10px 20px;

        font-size: 14px;

        margin: 0 10px 10px;

    }

    .homepage.hasbanner .site-header .header-t a{

        font-size: 14px;

    }



}



@media only screen and (max-width: 600px) and (orientation: portrait) {



    .our-stats .grid,

    .our-clients .widget .raratheme-client-logo-inner-holder {

        grid-template-columns: repeat(1, 1fr);

    }



    .our-clients .widget .widget-title {

        grid-column: 1 / span 1;

    }



    .comments-area .comment-list {

        padding: 20px;

    }



    .comments-area .comment-body .comment-meta {

        float: none;

        margin-right: 0;

        margin-bottom: 20px;

    }



    .tax-rara_portfolio_categories .filter-grid {

        grid-template-columns: repeat(1, 1fr);

    }



    .tax-rara_portfolio_categories .filter-grid .navigation {

        grid-column: 1 / span 1;

    }

}

#portfolio-section {display: none;}

.blog-post .entry-meta {display: none;}

.footer-b .by, .footer-b .powered-by {display: none;}


.page-header {background: url('http://agroinvest-holding.com.ua/wp-content/uploads/2020/08/field-of-rapeseeds-474558_1920.jpg');
background-position: center;
background-repeat: none;
background-size: cover; 

padding: 10px 0; }