/*
Theme Name: Rigorous Themes
Theme URI: http://rigorousthemes.com/themes/
Author: Rigorous Themes
Author URI: http://rigorousthemes.com/
Description: Rigorous Themes is a free responsive theme that allows you to create stunning business and coorporate websites. It has been engineered to be easy to use and fast. It is perfect for business agencies, creative agencies, digital agencies, coorporate houses and other creative websites. 
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: business-hub
Tags: custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, one-column, two-columns, three-columns, sticky-post, theme-options, threaded-comments, translation-ready, footer-widgets, blog, news, education, entertainment

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.

Rigorous Themes is based on Underscores http://underscores.me/, (C) 2012-2016 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 http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
5.1 Links
5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
10.1 Posts and pages
10.2 Asides
10.3 Comments
11.0 Infinite scroll
12.0 Media
12.1 Captions

13.0 Miscellaneous
13.1 Basic Styles
14.0 Extra Styles


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

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
span,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

html {
    font-size: 62.5%;
    /* Corrects text resizing ospanly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y: scroll;
    /* Keeps page centered in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%;
    /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust: 100%;
    /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
    box-sizing: border-box;
    /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}

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

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

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

ol,
ul {
    list-style: none;
}

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

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

blockquote,
blockquote p {
    font-style: italic;
}

blockquote p {
    margin-bottom: 0;
    padding: 5px 0;
}

blockquote {
    background: #f5f5f5;
    border-left: 4px solid;
    margin: 20px 0px 20px 25px;
    padding: 15px;
    position: relative;
}

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

a {
    /*color:#1e435a;*/
    color: #238ac5;
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
}

a:focus {
    outline: thin dotted;
}

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

a img {
    border: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #238ac5;
    font-family: 'Exo 2', sans-serif;
    /*font-family: 'Josefin Sans', sans-serif;*/
    line-height: 1.5;
    margin: 0;
    font-weight: 500;
}

p,
li {
    color: #444;
    font-family: 'Roboto', sans-serif;
    /*font-family: 'Montserrat', sans-serif;*/
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 300;
}

h1 {
    font-size: 35px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 25px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

b,
strong {
    font-weight: bold;
}

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

address {
    margin: 0 0 15px;
}

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

code,
kbd,
tt,
var {
    font-size: 15px;
    margin-bottom: 15px;
}

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

mark,
ins {
    background: #fff9c0;
    margin-bottom: 15px;
    text-decoration: none;
}

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

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

small {
    font-size: 75%;
}

big {
    font-size: 125%;
}

caption,
th,
td {
    border-bottom: 1px solid #dedede;
    border-left: 1px solid #dedede;
    font-weight: 400;
    padding: 10px;
    text-align: center;
}

caption {
    border: 1px solid #dedede;
    margin-bottom: 15px;
}

.gallery-caption {
    display: block;
}

.gallery {
    margin-bottom: 1.5em;
    margin-left: -15px;
    margin-right: -15px;
}

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

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

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

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

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

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

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

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

.gallery-item {
    display: inline-block;
    margin: 0 0 10px;
    padding: 15px;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery img {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

.comments-area ol li {
    list-style: none;
}

.comments-area ol li {
    margin-bottom: 30px;
    background: #f3f3f3;
    padding: 15px;
}

.comment-author.vcard img {
    float: left;
    margin-right: 15px;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/

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

ul,
ol {
    margin: 10px 0 15px 20px;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

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

dt {
    font-weight: bold;
}

img {
    height: auto;
    max-width: 100%;
}

figure {
    margin: 0;
}

table {
    width: 100%;
    margin: 15px 0;
    width: 100%;
    border-top: 1px solid #dedede;
    border-right: 1px solid #dedede;
}

th {
    font-weight: bold;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/

button,
input,
select,
textarea {
    font-size: 100%;
    /* Corrects font size not being inherited in all browsers */
    margin: 0;
    /* Aspanresses margins set differently in IE6/7, F3/4, S5, Chrome */
    vertical-align: baseline;
    /* Improves appearance and consistency in all browsers */
}

input[type="text"],
input[type="password"],
textarea,
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="search"],
select {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    color: #666;
    padding: 10px;
    width: 100%;
}

input[type="text"],
input[type="password"],
textarea,
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="search"],
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
option {
    -webkit-border-radius: 0;
    border-radius: 0;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
    padding: 13px;
    font-family: 'Roboto', sans-serif;
    color: #666;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="url"]:focus,
textarea:focus {
    color: #238ac5;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid #238ac5;
    text-transform: uppercase;
    padding: 13px 35px;
    background: #238ac5;
    color: #fff;
    cursor: pointer;
}

input[type="submit"]:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background-color: #fff;
    border-color: #5e5e5e;
    box-shadow: 0 0 0 3px #fff;
    color: #5e5e5e;
}

input.search-submit[type="submit"]:hover,
.newsletter [type="submit"]:hover {
    color: #fff;
    background: #238ac5;
    border-color: #238ac5;
}

.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
    padding: 13px;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    /*opacity: 0.7;*/
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #aaa #bbb #bbb;
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0;
    /* Aspanresses excess padding in IE8/9 */
}

input[type="search"] {
    -webkit-appearance: textfield;
    /* Aspanresses appearance set to searchfield in S5, Chrome */
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
    /* Corrects inner padding displayed ospanly in S5, Chrome on OSX */
    -webkit-appearance: none;
}

.search-form label {
    width: 100%;
}

div.wpcf7-validation-errors {
    border: 2px solid #E90838;
    bottom: -51px;
    clear: both;
    color: #E90838;
    margin: 0;
    padding: 15px;
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
    clear: both;
    color: #398f14;
    margin: 0;
    padding: 15px;
}

span.wpcf7-not-valid-tip {
    color: #ff0000;
    display: block;
    font-size: 12px;
    bottom: -10px;
    position: absolute;
}

div.wpcf7 .ajax-loader {
    position: absolute;
}

span.wpcf7-form-control-wrap {
    display: block;
    margin-top: 5px;
}

.wpcf7 label {
    margin: 0px 0px 10px 0px;
}

.wpcf7 p label span {
    color: #E90838;
}

span.wpcf7-not-valid-tip,
#help-container .wpcf7-validation-errors {
    display: none !Important;
}

input.wpcf7-not-valid,
textarea.wpcf7-not-valid {
    border: 1px solid #E90838;
}

.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
    outline: none;
}

.wpcf7 .wpcf7-form-control-wrap {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 20px;
}

.wpcf7 .wpcf7-form-control-wrap:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    left: 0;
    bottom: 0;
    height: 1px;
    background-color: #238ac5;
    transition: width 0.9s;
}

.wpcf7-form-control-wrap.your-message:after {
    bottom: 5px;
}

.wpcf7 .wpcf7-form-control-wrap.focus:after {
    width: 100%;
}

.wpcf7 .wpcf7-form-control-wrap:nth-last-child(2):after {
    height: 0;
}

.wpcf7 p.full-text-box {
    width: 100%;
    float: left;
}

h5 i {
    color: #444;
}

::-webkit-input-placeholder {
    color: #999;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #999;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #999;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #999;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/

a:focus {
    outline: none;
}

a {
    text-decoration: none;
}

a,
a:hover {
    text-decoration: none;
}

a:hover {
    color: #0691e0;
}

/*a:hover{
opacity: 0.7;
}*/

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/

/*--------------------------------------------------------------
Menu Start
--------------------------------------------------------------*/

.main-navigation {
    width: 60%;
}

.main-navigation:before,
.main-navigation:after {
    clear: both;
    content: "";
    display: block;
}

.main-navigation ul {
    margin: 0;
    float: right
}

.main-navigation ul>li {
    /*border-left: 1px solid #e7e7e7;*/
}

.main-navigation ul>li:last-child {
    /*border-right: 1px solid #e7e7e7;*/
    padding-right: 0;
}

.main-navigation ul>li:hover {
    /*background: #1e435a;*/
}

.main-navigation ul ul {
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    background: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    display: none;
    left: 0;
    margin: 0;
    min-width: 245px;
    padding: 0px;
    position: absolute;
    top: 89px;
    z-index: 9999;
}

.sticky .main-navigation ul ul {
    top: 59px;
}

.main-navigation ul ul ul {
    left: 100%;
    top: 0px;
}

.main-navigation li {
    -moz-box-sizing: border-box;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-box-sizing: border-box;
    -webkit-transition-duration: 0.2s;
    box-sizing: border-box;
    float: left;
    list-style: none;
    margin-bottom: 0;
    padding: 0 25px;
    position: relative;
    transition-duration: 0.2s;
}

.main-navigation li li {
    border-bottom: 1px solid #e7e7e7;
    display: block;
    float: none;
    padding: 0;
    text-align: left;
}

.main-navigation li li li {}

.main-navigation li li li li {}

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

.main-navigation li:hover li ul {
    display: none;
}

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

.main-navigation li li:hover li ul {
    display: none;
}

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

.main-navigation li li li:hover li ul {
    display: none;
}

.main-navigation li li li li:hover>ul {
    display: block;
}

.main-navigation ul li a {
    -moz-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    color: #222;
    display: block;
    font-size: 13px;
    font-weight: 500;
    padding: 35px 0;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .3s ease;
    z-index: 99;
}

.main-navigation ul li a:hover,
.main-navigation ul>li:hover>a {
    color: #238ac5;
}

.main-navigation ul ul>li>a,
#masthead.site-header.sticky .main-navigation ul ul>li>a {
    padding: 10px 25px;
    font-weight: normal
}

.main-navigation ul li ul li a:hover {
    box-shadow: none;
}

.main-navigation li li.current_page_item a:after,
.main-navigation ul li li a:hover:after {
    display: none;
}

.main-navigation .menu>li:hover:after,
.main-navigation li.current-menu-item:after,
.main-navigation .menu ul>li:hover:after,
.main-navigation li.current_page_item:after {
    width: 100%;
}

.main-navigation .menu>li:after,
.main-navigation ul li:after,
.main-navigation li.current-menu-item:after,
.main-navigation .menu ul>li:after,
.main-navigation li.current_page_item:after {
    bottom: 0px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    margin: 0 auto;
    position: absolute;
    transition: width 0.25s ease 0s;
    width: 0;
    z-index: 88;
}

.main-navigation ul li li:after {
    display: none;
}

.main-navigation li.current-menu-item:after,
.main-navigation ul li.current_page_item:after {
    width: 100%;
}

.main-navigation ul li.menu-item-has-children>ul>li.menu-item-has-children>a:after {
    content: "\f0d7";
    display: inline-block;
    font-size: 12px;
    left: 10px;
    position: relative;
}

.main-navigation ul li.menu-item-has-children>a:after {
    content: "\f0d7";
    display: inline-block;
    font-size: 12px;
    left: 10px;
    position: relative;
    font-family: FontAwesome;
}

/*--------------------------------------------------------------
Menu End
--------------------------------------------------------------*/

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 1.4rem;
    font-size: 14px;
    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 */
}

/*--------------------------------------------------------------
7.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: 0 auto;
}

/*--------------------------------------------------------------
8.0 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;
}

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

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/

.widget {
    margin: 0;
}

/* Make sure select elements fit in widgets */

.widget select {
    max-width: 100%;
}

/* Search widget */

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/

.entry-content img {
    margin-bottom: 15px;
}

.entry-content {
    margin-bottom: 15px;
}

/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/

.sticky {
    display: block;
}

.hentry {
    margin: 0 0 1.5em;
}

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

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

.page-content,
.entry-content,
.entry-summary,
.entry-header {
    margin: 0 0 15px;
}

.entry-content img,
.page-content img,
.entry-summary img {
    margin-bottom: 15px;
}

.page-links {
    clear: both;
    margin: 15px 0 0;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    /*display: none;*/
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/

.comment-content a {
    word-wrap: break-word;
}

.byblog-postauthor {
    display: block;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .paging-navigation,
/* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */

.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.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%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/

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

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

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

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

/*--------------------------------------------------------------
13 Miscellaneous
--------------------------------------------------------------*/

/*-------------------------------------- 
13.1 Basic Styles
----------------------------------------*/

body {
    color: #1e435a;
    font-family: 'Roboto', sans-serif;
    /*font-family: 'Montserrat', sans-serif;*/
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
}

/*-------------------------------------- 
14.0 Extra Styles
----------------------------------------*/

.img-responsive {
    max-width: 100%;
    height: auto;
}

/*header-top css */

.top-nav {
    background-color: #eaeaea;
    width: 100%;
    padding: 5px 0;
    float: left;
}

.top-nav ul {
    margin: 0;
    padding: 0;
}

.top-nav-cont {
    float: right;
    /* added due form shown from the very right */
    position: relative;
}

.top-nav-cont ul li {
    display: inline-block;
}

.top-nav-cont:hover .drop-menu-active {
    background-color: transparent;
    color: #353533;
}

.top-nav-cont li {
    margin: 0 0 0 20px;
}

.top-nav a {
    color: #353533;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.top-nav a.help:before {
    content: "\f059";
    font-family: FontAwesome;
}

.top-nav a.help:before,
.goog-te-gadget-simple .goog-te-menu-value:before,
.goog-te-gadget-simple .goog-te-menu-value:after {
    content: "\f059";
    font-family: FontAwesome;
    color: #238ac5;
}

.top-nav img {
    /*display: table-cell;*/
    margin-right: 10px;
    width: 17px;
}

.top-nav img.lang-drop {
    width: 10px;
}

/*header css*/

#masthead.site-header {
    padding: 0;
    float: left;
    width: 100%;
    background-color: #fff;
}

.single-download #masthead.site-header {
    border-bottom: 2px solid #e2e2e2;
    box-shadow: 0px 1px 6px #dadada;
    margin-bottom: 40px;
}

#masthead.site-header.sticky {
    -moz-transition: 1s;
    -webkit-transition: 1s;
    /*padding: 10px 0px;*/
    box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.2), 0 0px 13px 0 rgba(0, 0, 0, 0.19);
    position: fixed;
    top: 0;
    transition: 1s;
    z-index: 1;
    z-index: 99999;
}

#masthead.site-header.sticky .site-branding .site-identity {
    display: none;
}

#masthead.site-header.sticky .site-logo img {
    max-width: 310px;
    width: 90%;
}

.site-logo .custom-logo-link img {
    max-width: 100%;
}

#masthead.site-header.sticky .custom-logo-link img {
    max-width: 150px;
}

.site-logo img {
    max-width: 40px;
}

#masthead.site-header.sticky .main-navigation ul li a {
    padding: 20px 0;
}

.site-branding {
    float: left;
    padding-top: 8px;
    width: 40%;
}

.site-logo,
.site-identity {
    display: inline-block;
    float: left;
}

.site-identity h1.site-title {
    font-size: 27px;
    line-height: 1;
}

.site-identity h1.site-title a {
    color: #238ac5;
    font-weight: bold;
    text-transform: uppercase;
}

.site-branding .site-identity {
    margin: -2px 10px;
}

header#masthead>.container {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.site-logo a {
    display: block;
}

.main-navigation li {
    position: relative;
}

.main-navigation li a {
    /*padding: 19px 20px;*/
}

.drop-menu-active a {
    color: #fff;
}

/* Search Style */

#search {
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -moz-transition: all 0.5s ease-in-out;
    -ms-transform: translate(0px, -100%) scale(0, 0);
    -ms-transition: all 0.5s ease-in-out;
    -o-transform: translate(0px, -100%) scale(0, 0);
    -o-transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -webkit-transition: all 0.5s ease-in-out;
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
    height: 100%;
    left: 0px;
    opacity: 0;
    position: fixed;
    top: 0px;
    transform: translate(0px, -100%) scale(0, 0);
    transition: all 0.5s ease-in-out;
    width: 100%;
}

#search.open {
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    -o-transform: translate(0px, 0px) scale(1, 1);
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    display: block;
    opacity: 1;
    transform: translate(0px, 0px) scale(1, 1);
    z-index: 106;
}

#search input[type="search"] {
    background: transparent;
    border-bottom: 2px solid rgba(255, 255, 255, .5);
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-top: 1px solid rgba(255, 255, 255, .8);
    color: rgb(255, 255, 255);
    font-family: Roboto;
    font-size: 40px;
    font-weight: 300;
    left: 0;
    margin-left: 20%;
    margin-top: -51px;
    outline: none;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 60%;
}

#search .close {
    color: #fff;
    font-size: 27px;
    opacity: 1;
    position: fixed;
    right: 15px;
    top: 15px;
}

#search .close:hover {
    color: #FC2121;
    cursor: pointer;
}

/*Main slider section start*/

.main-banner {
    background: rgb(35, 138, 197);
    float: left;
    padding-top: 110px;
    position: relative;
    width: 100%;
}

.main-banner .owl-carousel {
    z-index: 999;
}

#owl-demo .item img {
    display: block;
    height: auto;
    width: 100%;
}

.main-banner .item {
    width: 100%;
    float: left;
    position: relative;
}

.main-banner .product-template-wrapper {
    float: left;
    max-height: 40vh;
    overflow: hidden;
    width: 50%;
}

.main-banner .slider-content {
    float: right;
    padding: 80px 15px 100px;
    position: relative;
    width: 50%;
    z-index: 99;
}

.banner-slider-1 {
    z-index: 1;
}

.banner-slider-2 {
    left: 80px;
    top: 100px;
    z-index: 2;
}

.banner-slider-2 img {
    -webkit-animation: enterUpBounce 2s linear;
    -moz-animation: enterUpBounce 2s linear;
    -ms-animation: enterUpBounce 2s linear;
    -o-animation: enterUpBounce 2s linear;
    animation: enterUpBounce 2s linear;
}

.banner-slider-3 {
    left: 160px;
    top: 200px;
    z-index: 3;
}

.banner-slider-3 img {
    -webkit-animation: enterUpBounce 3s linear;
    -moz-animation: enterUpBounce 3s linear;
    -ms-animation: enterUpBounce 3s linear;
    -o-animation: enterUpBounce 3s linear;
    animation: enterUpBounce 3s linear;
}

.product-template {
    -moz-transition: all 1s ease-in;
    -ms-transition: all 1s ease-in;
    -webkit-transition: all 1s ease-in;
    max-width: 30%;
    position: absolute;
    transition: all 1s ease-in;
}

.product-template a {
    display: block;
}

.second img {
    -moz-animation: enterUpBounce 2s linear;
    -ms-animation: enterUpBounce 2s linear;
    -o-animation: enterUpBounce 2s linear;
    -webkit-animation: enterUpBounce 2s linear;
    animation: enterUpBounce 2s linear;
    visibility: visible !important;
}

.third img {
    -moz-animation: enterUpBounce 3s linear;
    -ms-animation: enterUpBounce 3s linear;
    -o-animation: enterUpBounce 3s linear;
    -webkit-animation: enterUpBounce 3s linear;
    animation: enterUpBounce 3s linear;
    visibility: visible !important;
}

.slider-content h3 {
    font-size: 28px;
}

.slider-content p {
    font-size: 16px;
    padding: 30px 0;
}

.btn,
.btn-white {
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    background-color: #fff;
    border: 1px solid #238ac5;
    color: #238ac5;
    font-size: 16px;
    padding: 12px 35px;
    text-align: center;
    text-transform: uppercase;
    transition: all .5s linear;
    display: inline-block;
}

.btn-white {
    border: solid #fff 1px;
    color: #238ac5;
}

.main-banner .btn {
    border-radius: 22px;
}

.btn:hover {
    background: #fff;
    border-color: #248bc5;
    box-shadow: 0 0 0 3px #fff;
    color: #248bc5;
    transition: all .5s ease-in-out;
}

.btn-white:hover {
    color: #5e5e5e;
    ;
    border-color: #5e5e5e;
}

.main-banner .owl-buttons {
    display: none;
}

.main-banner .owl-pagination {
    position: absolute;
    right: 0;
    top: 90%;
}

.main-banner .owl-theme .owl-controls {
    margin: 0;
}

.main-banner .owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: #fff;
    border-color: #fff;
}

.main-banner .owl-theme .owl-controls .owl-page span {
    background-color: transparent;
    border-radius: 0px;
    border: solid #767674 1px;
    display: inline-block;
    height: 5px;
    width: 25px;
}

.main-banner .owl-controls .owl-page {
    margin: 0 5px;
    display: inline-block;
}

.enter-up-bounce {
    opacity: 1 !important;
}

/*Main slider section end*/

/*most selling section start*/

.most-selling {
    padding: 80px 0;
    /*margin: 60px 0 0;*/
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    clear: both
}

.most-selling .left-part,
.most-selling .right-part {
    width: 50%;
    float: left;
}

.most-selling .right-part {
    padding-left: 4%;
}

.most-selling .heading-with-border {
    border-color: #d4d1d1;
    margin-bottom: 25px;
}

.most-selling .heading-with-border:after {
    left: 0;
}

.most-selling .entry-title {
    text-align: left;
}

.most-selling .btn-wrapper {
    margin-top: 30px;
}

/*most selling section end*/

/* item design start*/

.theme-section {
    width: 100%;
    overflow: hidden;
    padding: 80px 0 40px;
}

.entry-header {
    text-align: center;
    width: 100%;
}

.entry-header h3 {
    margin-bottom: 15px;
    /*padding-bottom: 10px;*/
    position: relative;
    /*text-align: center;*/
}

.entry-header h3:after {
    background-color: #238ac5;
    bottom: 0;
    content: "";
    display: block;
    height: 3px;
    margin: 10px auto 0;
    width: 80px;
}

.specialized-section .entry-header h3:after {
    background-color: #FFC107;
}

.preview:not(.coming-soon) .item-wrapper:hover {
    box-shadow: 3px 7px 18px 0px rgba(0, 0, 0, 0.3)
}

.preview .item-wrapper {
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
	-webkit-transition: 0.5s box-shadow ease-in-out;
    transition: 0.5s box-shadow ease-in-out;
}

.preview a.template {
    display: block;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
}

.preview:not(.coming-soon) a.template:hover img {
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -webkit-transition: 5s all linear;
    margin-top: 100%;
    transform: translateY(-100%);
    transition: 5s all linear;
    -moz-transition: 5s all linear;
    -webkit-transition: 5s all linear;
}

.preview a.template img {
    -moz-transition: 1.5s all ease-in-out;
    -webkit-transition: 1.5s all ease-in-out;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: 1.5s all ease-in-out;
    width: 100%;
}

.theme-collection,
.feature-wrapper,
.focus-section .foucs-items,
.flex-wrapper {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.theme-collection .item,
.feature-item,
.focus-section .focus-text,
.flex-item {
    -moz-transition: all 1s ease-in;
    -ms-flex: 0 0 33.3333%;
    -ms-transition: all 1s ease-in;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333%;
    -webkit-transition: all 1s ease-in;
    flex: 0 0 33.3333%;
    margin-bottom: 30px;
    max-width: 33.3333%;
    min-height: 1px;
    padding: 15px;
    position: relative;
    transition: all 1s ease-in;
}

.site-footer .flex-item {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    flex: 0 0 25%;
    margin-bottom: 0px;
    max-width: 25%;
}

.product-details {
    display: table;
    margin-bottom: 15px;
    width: 100%;
}

.product-details .product-icon,
.product-details .product-info,
.product-details .price-tag {
    display: table-cell;
    vertical-align: middle;
}

.product-details .price-tag {
    font-size: 24px;
    text-align: right;
}

.product-info-wrapper {
    padding: 20px;
}

.product-icon {
    height: 40px;
    width: 40px;
}

.product-icon i {
    background: #1e435a;
    border-radius: 2px;
    color: #fff;
    font-size: 20px;
    height: 35px;
    padding: 7px;
    text-align: center;
    width: 35px;
}

.product-details .product-info:nth-child(2) {
    padding-left: 10px;
}

.product-details .entry-title {
    color: #238ac5;
    /*font-size: 18px;*/
    line-height: 1;
}

.product-details .product-info span {
    display: inline-block;
    font-size: 12px;
}

.view-demo,
.view-btn {
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -webkit-transition: all .8s;
    border: 1px solid #238ac5;
    display: inline-block;
    padding: 8px 15px;
    text-transform: uppercase;
    transition: all .8s;
}

.view-demo a,
.view-btn a {
    color: #238ac5;
}

.view-btn:hover,
.view-demo:hover {
    background-color: #fff;
    border-color: #5e5e5e;
    box-shadow: 0 0 0 3px #fff;
}

.view-btn:hover a,
.view-demo:hover a {
    color: #5e5e5e;
}

.preview.coming-soon a.template:after {
    background: rgba(41, 47, 51, 0.6);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.coming-soon-title h4 {
    color: #238ac5;
    text-align: center;
}

/* item design end*/

/*specialized-section start*/

.specialized-section {
    padding: 60px 0;
    /*background:#238ac5;*/
    background-color: #238ac5;
    background-image: -webkit-linear-gradient(46deg, rgba(0, 130, 235, .17) 0%, rgba(150, 195, 34, .32) 100%);
    background-image: -o-linear-gradient(46deg, rgba(0, 130, 235, .17) 0%, rgba(150, 195, 34, .32) 100%);
    background-image: linear-gradient(46deg, rgba(0, 130, 235, .17) 0%, rgba(150, 195, 34, .32) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0682D9', endColorstr='#3F959C', GradientType=1);
    color: #fff;
}

.specialized-section * {
    color: #fff;
    text-align: center;
}

.specialized-section .feature-item {
    text-align: center;
    padding: 15px 25px;
}

.specialized-section h3 {
    /*margin-bottom: 0px;*/
}

.feature-item i {
    display: block;
    font-size: 60px;
    margin-bottom: 15px;
}

.feature-item:nth-last-child(1),
.feature-item:nth-last-child(2),
.feature-item:nth-last-child(3) {
    margin-bottom: 0
}

.feature-item:hover {
    background: #0871ad;
}

/*specialized-section end*/

/*foucs section start*/

.focus-section {
    background: #238ac5;
    clear: both;
    padding: 30px 40px 20px;
    text-align: center;
}

.focus-section * {
    color: #fff;
    font-size: 18px;
}

.focus-section .focus-text {
    margin-bottom: 0;
}

.focus-section i {
    font-size: 40px;
    margin-right: 10px;
    vertical-align: middle;
}

/*foucs section end*/

/*Buy themes section start*/

.buy-themes {
    background: #238ac5;
    padding: 80px 50px;
}

.content-centered {
    -moz-align-items: center;
    -moz-justify-content: center;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    align-items: center;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}

.buy-themes .btn-white {
    margin-right: 50px;
}

.buy-themes h2 {
    margin-right: 50px;
}

/*Buy themes section end*/

/*trusted by start*/

.testimonial-section .item {
    text-align: center;
    padding: 15px;
    background: #fff;
    margin: 15px;
}

.testimonial-section h3 {
    color: #fff;
}

.testimonial-section {
    background: #6d767b;
    margin: 0 auto;
    overflow: hidden;
    padding: 60px 20px;
}

.headshot-wrapper .headshot,
.headshot-wrapper .name-wrapper {
    display: block;
    vertical-align: middle;
    text-align: center;
    margin: 4px auto;
}

.testimonial-content-wrapper .headshot-wrapper {
    text-align: left;
    display: inline-block;
    width: 104px;
    word-wrap: break-word;
    float: left;
}

.testimonial-content-wrapper .entry-content {
    overflow: hidden;
}

.testimonial-section #bbpress-forums {
    background: #fff;
    padding: 15px;
}

.testimonial-section p {
    font-size: 14px;
}

.testimonial-section ul.bbp-lead-topic {
    border: none;
}

.testimonial-section .forum-wrapper {
    border: 1px solid #248bc5;
    padding: 15px;
    overflow: hidden;
}

.testimonial-section #bbpress-forums ul.bbp-lead-topic {
    margin-bottom: 0;
}

.ratings {
    margin: 10px;
}

.headshot {
    /*    -moz-border-radius: 50%;
         -webkit-border-radius: 50%; 
         border-radius: 50%; */
    height: 80px;
    overflow: hidden;
    width: 80px;
    margin: 0 auto;
}

.testimonial-section .headshot img {
    /*    -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;*/
    border: 2px solid #248bc5;
    height: 80px;
    max-width: 80px;
    padding: 3px;
}

.owl-prev,
.owl-next {
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 25px;
    margin: 10px 5px;
    padding: 0 15px;
}

.owl-nav {
    text-align: center;
    margin-top: 20px;
}

.owl-prev:hover,
.owl-next:hover {
    background: #fff;
    border-color: #248bc5;
    box-shadow: 0 0 0 3px #fff;
    color: #248bc5;
    transition: all .5s ease-in-out;
}

.owl-prev:after {
    content: "\f104";
}

.owl-next:after {
    content: "\f105";
}

.owl-prev:after,
.owl-next:after {
    font-family: FontAwesome;
}

.trusted-wrapper .item {
    padding: 0 40px;
}

.owl-dots {
    position: absolute;
    right: 0;
    bottom: 50px;
}

.owl-carousel .owl-dot {
    background-color: transparent;
    border: 1px solid #fff;
    display: inline-block;
    float: right;
    height: 5px;
    margin: 10px;
    width: 40px;
}

.owl-dot.active {
    background: #fff;
    border-color: #fff;
}

.rating i {
    color: #ffb900;
    font-size: 20px;
}

.testimonial #bbpress-forums {
    background: #fff;
}

/*trusted by end*/

/*footer*/

.site-footer {
    background-color: #353533;
    float: left;
    padding: 50px 0 0;
    width: 100%;
    clear: both;
}

.site-footer .flex-wrapper {
    align-items: flex-start;
}

.footer-col-1 {
    text-align: justify;
    padding-right: 5%;
}

.site-footer p,
.site-footer a,
.site-footer ul li a {
    font-size: 14px;
    color: #c5c5c5;
}

/*.site-info p {
    color: #fff;
}*/

.footer-logo {
    margin: 10px 0 15px;
}

address {
    margin: 15px 0;
}

address i {
    margin-right: 10px;
}

.widget ul li {
    position: relative;
    padding-left: 15px;
}

.widget ul li a:before {
    /*display: inline-block;
    font-family: FontAwesome;
    font-size: 90%;
    margin-right: 10px;
    position: absolute;
    left: 0px;
    top: 2px;*/
}

.widget ul li a:hover {
    padding-left: 5px;
    color: #555555;
}

.site-footer ul {
    margin: 0 5px;
    list-style: none;
}

.site-footer .widget h4 {
    color: #fff;
    font-size: 20px;
    text-align: left;
    margin-bottom: 18px;
}

.copyright {
    background: #3b3b3b;
    clear: both;
    width: 100%;
}

.copyright .flex-item {
    margin-bottom: 0
}

.copyright ul {
    margin: 0;
}

.copyright .widget_nav_menu ul li {
    padding-right: 20px;
}

.social-links {
    text-align: right;
}

.copyright .site-info {
    text-align: center;
}

.copyright ul li {
    display: inline-block;
    list-style: none;
    margin: 0;
}

.copyright p,
.copyright a {
    color: #fff;
    font-size: 12px;
    margin: 0;
}

.copyright a:hover {
    color: #238ac5;
}

.social-links ul li {
    border: solid #5a5a58 1px;
    height: 40px;
    padding: 7px;
    text-align: center;
    width: 40px;
}

.social-links ul li a::before {
    font-family: FontAwesome;
    color: #999;
}

.social-links ul li a:before {
    font-size: 18px;
    color: #fff
}

.social-links ul li a[href*="facebook.com"]::before {
    content: "\f09a";
}

.social-links ul li a[href*="twitter.com"]::before {
    content: "\f099";
}

.social-links ul li a[href*="linkedin.com"]::before {
    content: "\f0e1";
}

.social-links ul li a[href*="plus.google.com"]::before {
    content: "\f0d5";
}

.social-links ul li a[href*="facebook.com"]:hover:before {
    color: #3b5998;
}

.social-links ul li a[href*="twitter.com"]:hover:before {
    color: #00aced;
}

.social-links ul li a[href*="plus.google.com"]:hover:before {
    color: #c13c31;
}

.social-links ul li a[href*="linkedin.com"]:hover:before {
    color: #007bb6;
}

/* for single product social share */

.theme-details .social-links ul li a:before {
    color: #4a4b4b
}

.social-links ul li a[href*="linkedin.com"]::before {
    content: "\f0e1";
}

.theme-details .social-links {
    text-align: left;
}

.theme-details .social-links ul {
    margin: 0;
}

.theme-details .social-links ul li {
    border: none;
    display: inline-block;
    padding: 15px 20px;
}

.slider-content p,
.slider-content h3,
.buy-themes h2 {
    color: #fff;
}

/*Details page start*/

body.page main#main {
    /*margin-top: 140px;*/
}

.single main#main {
    /*margin-top: 40px;*/
}

body.home.page main#main {
    margin-top: 0px;
}

body.home.page header#masthead {
    /*background: transparent;*/
}

header#masthead,
body.home.page header#masthead.affix {
    /*background: #268ac3;*/
}

.heading-with-border {
    position: relative;
    padding-bottom: 15px;
    border-bottom: 1px solid #d4d1d1;
}

.heading-with-border:after {
    content: "";
    height: 3px;
    width: 9%;
    position: absolute;
    background: #268ac3;
    bottom: -2px;
    left: 0;
}

.theme-details {
    padding: 50px 0 20px;
}

.theme-details .view-btn {
    margin-right: 30px;
}

.theme-details .entry-title {
    text-align: left;
    display: block;
    margin-bottom: 20px;
    position: relative;
}

.btn-wrapper .view-btn {
    margin-left: 10px;
}

.theme-details .entry-title:after {
    background: #d4d1d1;
    width: 100%;
    height: 1px;
    border-left: 75px solid #268ac3;
    content: "";
    display: block;
}

.theme-pricing {
    color: #268ac3;
    font-weight: 300;
    font-size: 25px;
    margin-bottom: 20px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}

.theme-details .dl-horizontal dt {
    line-height: 2;
    text-align: left;
    font-weight: 600;
    color: #555;
}

.theme-details .dl-horizontal dd {
    color: #777;
    margin-bottom: 15px;
}

.theme-details .btn-wrapper {
    padding: 15px 0;
    text-align: center;
}

.btn-wrapper>a {
    margin: 0 15px;
}

.theme-help-block {
    background: #f5f5f5;
    border: 1px solid #ddd;
    padding: 20px;
    margin: 40px 0;
    clear: both;
    text-align: center;
    width: 100%;
    display: inline-block;
}

span.price {
    /*    color: #555;
        font-size: 24px;
        padding-right: 30px;
        text-transform: uppercase;*/
    padding-right: 30px;
    text-transform: capitalize;
    font-weight: bold;
}

.theme-details .theme-screenshot {
    padding: 15px 70px;
}

.theme-help-block em {
    margin-bottom: 10px;
    display: block;
    color: #999;
}

.theme-help-block a {
    color: #000;
    font-size: 12px;
    font-weight: 500;
    padding: 15px;
    text-decoration: underline;
    text-transform: uppercase;
}

.theme-help-block a:hover {
    color: #268ac3;
}

.dl-horizontal dt {
    float: left;
    width: 40%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dl-horizontal dd {
    /*width: 60%;*/
}

/*tab start*/

#parentHorizontalTab .left-part,
#parentHorizontalTab .right-part {
    float: left
}

#parentHorizontalTab .left-part {
    width: 30%;
}

#parentHorizontalTab .right-part {
    width: 70%;
}

ul.resp-tabs-list {
    margin: 0px;
    padding: 0px;
}

.resp-tabs-list li {
    border-bottom: 1px solid rgb(193, 193, 193);
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: 600;
    list-style: none;
    margin: 0 40px 0 0;
    padding: 25px 15px;
    position: relative;
    text-transform: uppercase;
}

li.resp-tab-item.resp-tab-active {
    border-color: #268ac3 !important;
    background: #268ac3 !important;
}

.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
    font-size: 13px;
    font-weight: 600;
    list-style: none;
    margin: 0;
    padding: 25px 15px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}

.resp-tab-content {
    display: none;
    padding: 15px;
}

.resp-accordion.resp-tab-active {
    background: #268ac3 !Important;
    border-color: #268ac3 !Important;
}

.resp-tab-active {
    color: #fff;
}

.resp-content-active,
.resp-accordion-active {
    display: block;
}

div#parentHorizontalTab {
    border: 1px solid #e2e2e2;
    overflow: hidden;
    margin: 40px 0;
}

.theme-details-plus {
    margin-bottom: 60px;
}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 10px solid #b9b7b7;
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 10px solid #fff;
}

.theme-details-plus #theme-features ul {
    margin: 0;
}

.theme-details-plus #theme-features li:before {
    content: "\f00c";
    font-family: 'fontawesome';
    display: inline-block;
    margin-right: 5px;
    color: #268ac3;
    font-size: 12px;
}

/*tab end*/

.theme-details-plus .features-item-wrapper {
    padding: 0 5px;
    float: left;
    width: 25%;
}

.theme-details-plus .main-feature-item {
    border: 1px solid #c1c1c1;
    color: #888;
    margin: 10px 0 15px;
    padding: 10px 7px;
    position: relative;
    text-align: center;
}

.theme-details-plus .main-feature-item span.pro-tag {
    position: absolute;
    top: 10px;
    left: 10px;
}

.theme-details-plus .icon-caption p {
    text-align: center;
    text-transform: capitalize;
    font-size: 13px;
    margin-top: 15px;
}

.theme-details-plus .main-feature-item:hover {
    border: 1px solid #268ac3;
    color: #268ac3;
}

.theme-details-plus #theme-features ul li {
    width: 50%;
    float: left;
    list-style: none;
    font-size: 13px;
    margin-bottom: 15px;
}

.theme-details-plus .pro-tag {
    -webkit-border-radius: 4px;
    background: #ed4e1d;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 2px 5px;
    text-transform: uppercase;
}

.tab-panel table {
    font-size: 13px;
    border: 1px solid #dedede;
    border-left-color: transparent;
}

.tab-panel table td span.fa-close:before {
    color: #ff0000;
}

.tab-panel table td span:before {
    color: #268ac3;
}

.free-theme,
.pro-theme {
    /*    color: #FFF;
        padding: 5px 10px;
        text-transform: uppercase;
        font-weight: 600;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        font-size: 14px;*/
}

.pro-theme {
    /*background: #ed4e1d;*/
}

.free-theme {
    /*background: #268ac3;*/
}

.theme-details .social-links-links ul li {
    padding: 10px;
}

.theme-details .social-links-links {
    float: none;
}

.theme-details .social-links-links ul {
    margin: 0;
}

a>span.fa {
    padding-right: 3px;
}

.upgrade {
    /*background: #394145;*/
    color: #268ac3;
    float: right;
    font-size: 14px;
    font-weight: 500;
    margin-top: 8px;
}

a.upgrade:hover {
    color: #15a3f5;
}

/*Details page end*/

/*listing page start*/

.page-header.inner-header {
    margin: 0;
    background: #dddddd;
    text-align: center;
    padding: 30px 0;
    /*margin-top: -70px;*/
}

/*listing page end*/

/*404 page Start*/

.error-404 {
    margin: 40px auto;
    width: 70%;
    text-align: center;
}

.error-404 label,
.error-404 input.search-field,
.search-form,
.not-found label {
    width: 100%;
}

.search-form,
.newsletter-form {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0 auto;
}

.error-404 input.search-submit {
    background: #1e435a;
}

.error-404 .search-form input[type="submit"],
.not-found .search-form input[type="submit"] {
    margin-bottom: 20px;
}

.error-404 h1,
.not-found h1 {
    color: #1e435a;
}

.error404 .page-wrapper,
.archive .page-wrapper,
.search-no-results .page-wrapper {
    margin: 70px 0;
    text-align: center;
}

.error404 .search-form,
.archive .search-form,
.search-no-results .search-form {
    margin-top: 30px;
}

/*404 page End*/

/*common css*/

#mc_embed_signup div.mce_inline_error {
    margin: 0 !important;
    background-color: rgba(107, 5, 5, 0) !important;
    font-weight: normal !important;
    color: #6b0505 !important;
}

.main-slider {
    position: relative;
}

span.premium,
span.premium:hover {
    background: #ed4e1d;
}

span.free,
span.free:hover {
    background: #268ac3;
}

a.cd-bar,
.clickdesk .cd-bar {
    background: #268ac3 !important;
}

div.bbp-breadcrumb {
    display: none;
}

#bbpress-forums div.bbp-search-form input[type="submit"] {
    display: inline-block;
}

#bbpress-forums {
    margin-bottom: 30px;
}

#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
    font-size: 14px;
}

#bbpress-forums #bbp-search-form #bbp_search {
    width: 290px;
}

#bbpress-forums div.bbp-search-form {
    margin-bottom: 25px;
}

#bbpress-forums li.bbp-header {
    background: #268ac3;
    color: #fff;
}

#bbpress-forums ul.forum-titles li {
    color: #fff;
}

#bbpress-forums fieldset.bbp-form {
    border: none;
    padding: 0;
}

.contact-us-wrapper {
    margin: 50px 0 20px;
}

.contact-us-wrapper h4,
.contact-us-wrapper h2.widget-title {
    margin-bottom: 10px;
}

.contact-us-wrapper h4 i {
    font-size: 14px;
}

.innerpage-wrapper {
    /*padding: 50px 0;*/
}

/*news letter start*/

.newsletter {
    padding: 60px 0;
    position: relative;
    text-align: center;
    clear: both;
}

.newsletter input {
    margin: 20px auto 30px;
    /*    border: 1px solid #238ac5;
        color: #238ac5;*/
}

.newsletter [type="email"] {
    border-color: #238ac5;
    border-right: none;
}

.newsletter input[type="submit"] {
    /*    -moz-transition: all .5s linear;
        -webkit-transition: all .5s linear;
        background-color: #238ac5;
        border: 1px solid #238ac5;
        color: #fff;
        font-size: 16px;
        padding: 12px 25px;
        text-align: center;
        text-transform: uppercase;
        transition: all .5s linear;*/
}

.newsletter-bdr {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.newsletter-bdr span {
    /*position: absolute;*/
}

.newsletter-bdr .b1,
.newsletter-bdr .b2,
.newsletter-bdr .b3 {
    width: 33.3333%;
    float: left;
}

.newsletter-bdr .b1 {
    border-bottom: 5px solid #FF5722;
}

.newsletter-bdr .b2 {
    border-bottom: 5px solid #FFC107;
}

.newsletter-bdr .b3 {
    border-bottom: 5px solid #057b0a;
}

.newsletter h3,
.newsletter p {
    /*color:#fff*/
}

.newsletter h3:after {
    /*background-color: #fff;*/
}

/*news letter end*/

.most-selling,
.product-info-wrapper,
.newsletter,
.newsletter [type="email"] {
    background: #eee;
}

/*blog page start*/

.page-wrapper,
.innerpage-wrapper {
    overflow: hidden;
    margin: 80px 0 40px;
}

#section-header {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    clear: both;
    padding: 40px 0;
    position: relative;
    background-color: rgb(35, 138, 197);
}

#section-header .entry-header h3:after {
    display: none;
}

#section-header .entry-header {
    /*padding-bottom: 15px;*/
}

#section-header .entry-content {
    max-width: 600px;
    margin: 10px auto 0;
    text-align: center;
}

#section-header * {
    color: #fff;
    margin: 0 auto;
}

.col {
    float: left;
}

.col-3 {
    width: 30%;
}

.col-7 {
    width: 70%;
}

.col-4 {
    width: 40%;
}

.col-6 {
    width: 50%;
}

.post-category-wrapper {
    position: relative;
    background: #eee;
    overflow: hidden;
    clear: both;
    margin-bottom: 30px;
    /*border-bottom: 1px solid #238ac5;*/
    padding-bottom: 10px;
}

.post-category-wrapper .post-details {
    margin-bottom: 10px;
}

.post-category-wrapper .btn:hover {
    border-color: #5e5e5e;
}

.post-category-wrapper .entry-header h3 {
    padding-bottom: 0;
    margin-bottom: 0;
}

.col.col-7.content-area.no-thumbnail {
    width: 100%;
}

.post-category-wrapper .entry-header {
    text-align: left;
    padding-bottom: 0;
    margin-bottom: 10px;
}

.post-category-wrapper .entry-header h3:after {
    display: none;
}

.post-category-wrapper .btn {
    display: inline-block;
    padding: 10px 15px;
    font-size: 14px;
}

.post-category-wrapper .content-area {
    padding: 15px 25px;
}

.post-category-wrapper .thumbnail {
    /*max-width: 300px;*/
    max-height: 300px;
    overflow: hidden;
    /*border: 1px solid #238ac5;*/
    padding: 15px;
}

.post-category-wrapper .right-part {
    width: 60%;
}

.post-category-wrapper .thumbnail img {
    width: 100%;
    margin-top: 10px;
}

#secondary .entry-header {
    text-align: left;
}

#secondary .entry-header h3:after {
    margin: 10px 0;
}

aside#secondary ul li {
    list-style: non;
    list-style: none;
}

aside#secondary ul {
    margin: 0;
}

aside#secondary .widget {
    border: 1px solid #eeeeee;
    padding: 15px;
    margin-bottom: 50px;
}

/*blog page end*/

/* isotop start */

#portfolio-filter {
    width: 100%;
    padding: 0;
    margin: 0 15px 30px;
    text-align: center;
}

#portfolio-filter:after {
    content: '';
    display: block;
    clear: both;
}

#portfolio-filter li {
    display: inline-block;
    margin-bottom: 20px;
    background: #eee;
    cursor: pointer;
}

#portfolio-filter li a {
    padding: 10px 30px;
    color: #444;
    display: block;
    transition: all .3s ease-in;
}

#portfolio-filter li:hover,
#portfolio-filter li.activeFilter {
    background-color: #238ac5;
    color: #fff;
}

#portfolio-filter li.activeFilter a,
#portfolio-filter li:hover a {
    color: #fff;
}

#portfolio {
    width: 100%;
}

/* .portfolio-item {
    position: relative;
    float: left;
} */

#portfolio .portfolio-item {
    float: left;
    width: 33.3333%;
    padding: 0 15px;
}

#portfolio .preview .item-wrapper {
    margin-bottom: 60px;
    width: 100%;
}

.innerpage-wrapper .theme-section {
    /*padding: 40px 0 0px;*/
    padding: 0px;
}

/* isotop end */

/*googel translte start*/

.goog-te-gadget img {
    display: none;
}

.goog-te-gadget-simple .goog-te-menu-value:before {
    content: "\f1ab";
    padding: 0px 8px;
}

.goog-te-gadget-simple .goog-te-menu-value:after {
    content: "\f0d7";
    padding-left: 6px;
    font-size: 16px;
    top: 3px;
    position: relative;
    color: #444;
}

.goog-te-gadget-simple .goog-te-menu-value span:last-child {
    background: red;
    display: none;
}

#google_translate_element .goog-te-gadget-simple {
    border: none;
    background: none;
}

#google_translate_element .goog-te-menu-value span {
    border: none !Important;
}

#google_translate_element * {
    color: #353533;
    font-family: 'Roboto', sans-serif;
}

/*googel translte end*/

/*Privacy policy start*/

.privacy-policy-content {
    border: 1px solid #eee;
    border-bottom: none;
    margin: 30px 0;
}

.privacy-policy-content h3 {
    font-size: 22px;
    cursor: pointer;
}

.privacy-policy-content .ui-accordion-content,
.privacy-policy-content h3 {
    padding: 15px;
    border-bottom: 1px solid #eee;
}

.privacy-policy-content .ui-accordion-content:last-child,
.privacy-policy-content h3:last-child {
    border-bottom: 1px solid #eee;
    ;
}

/*Privacy policy end*/

#help-container {
    position: absolute;
    background: #eaeaea;
    z-index: 999999999;
    right: 0;
    padding: 20px;
    width: 290px;
}

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

.theme-support-forum {
    border: 1px solid #eee;
    margin: 30px 0 0px;
    border-bottom: none;
}

.theme-support-forum p {
    margin: 0;
}

.theme-support-forum a {
    border-bottom: 1px solid #eee;
    padding: 15px;
    display: block;
}

.nav-links .nav-previous,
.nav-links .nav-next {
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -webkit-transition: all .8s;
    border: 1px solid #238ac5;
    display: inline-block;
    padding: 8px 15px;
    text-transform: uppercase;
    transition: all .8s;
    margin: 30px 0;
}

.nav-links .nav-previous:hover,
.nav-links .nav-next:hover {
    background-color: #fff;
    border-color: #5e5e5e;
    box-shadow: 0 0 0 3px #fff;
}

.nav-links a {
    color: #238ac5
}

.nav-links .nav-previous:hover a,
.nav-links .nav-next:hover a {
    color: #5e5e5e;
}

.nav-links .nav-previous a:before,
.nav-links .nav-next a:after {
    font-family: FontAwesome;
    padding: 0 4px;
}

.nav-links .nav-next a:after {
    content: "\f178";
}

.nav-links .nav-previous a:before {
    content: "\f177";
}

.nav-links .nav-next {
    float: right;
}

img.wp-post-image {
    margin-bottom: 15px;
}

.nb-notice-outer-wrap .nb-notice-wrap {
    z-index: 99999;
}

.site-footer ul.sub-menu {
    display: none;
}

.theme-details-plus tbody tr:nth-child(odd) {
    background: whitesmoke;
}

/*demo page start*/

.theme-demo-list {
    padding: 20px 0;
    overflow: hidden;
    text-align: center;
}

.theme-demo-list .preview.item {
    background-image: url(assets/images/screen.png);
    padding: 15px;
    background-size: 100%;
    background-repeat: no-repeat;
    max-width: 410px;
    margin: 0 auto 50px;
}

.theme-demo-list .preview a.template img {
    padding-bottom: 105px;
}

.theme-demo-list h2.theme-demo-title {
    font-size: 17px;
    text-align: center;
    padding: 30px 0;
}

.demo-title-wrapper {
    margin-top: 70px;
    text-align: center;
}

.theme-demo-list .preview a.template {
    padding-bottom: 60%;
}

.theme-demo-list .col-6 {
    padding: 0 15px;
}

.theme-demo-list .preview .item-wrapper {
    position: relative;
}

.theme-demo-list .coming-soon-title {
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.theme-demo-list .preview.coming-soon a.template:after {
    background: rgba(41, 47, 51, 0.89);
}

.theme-demo-list .preview.coming-soon a.template img {
    filter: blur(10px);
}

.theme-demo-list .coming-soon-title h4 {
    color: #238ac5;
    text-align: center;
    font-size: 25px;
    color: #fff;
}

.demo-wrapper hr {
    margin: 10px 0;
}

@media screen and (min-width:1024px) {
    .theme-demo-list .col-6 {
        padding: 0 30px;
    }

    .theme-demo-list .col-6 {
        width: 30%;
        float: none;
        display: inline-block;
        vertical-align: top;
    }

    .theme-demo-list {
        margin-top: 60px;
    }

    .demo-title-wrapper {
        margin-top: 60px;
        text-align: center;
    }
}

@media screen and (max-width:1023px) {
    .theme-demo-list .preview a.template img {
        padding-bottom: 110px;
    }
}

@media screen and (max-width:567px) {
    .theme-demo-list .preview a.template img {
        padding-bottom: 80px;
    }

    .demo-title-wrapper {
        margin-top: 75px;
        text-align: center;
    }

    .theme-demo-list .col-6 {
        padding: 0;
    }
}

/*demo page end*/

.support-forum,
.hire-customizer {
    padding: 15px;
    background: #f7f7f7;
}

.hire-customizer {
    width: 28%;
    margin-left: 2%;
}

.user-icon {
    width: 50px;
    float: left;
    padding-right: 10px;
}

.user-icon img {
    margin: 0;
}

.hire {
    float: left;
    width: 100%;
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px);
}

.single-comment-wrapper {
    clear: both;
}

.view-btn {
    margin: 10px 0;
}

.view-btn:hover {
    box-shadow: 0 0 0 3px #d8dcde;
    color: #5e5e5e;
}

.page-wrapper ul li {
    list-style: none;
    position: relative;
    padding-left: 20px;
}

.page-wrapper ul li:before {
    content: "\f101";
    font-family: FontAwesome;
    color: #238ac5;
    padding-right: 10px;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 90%;
    margin-right: 10px;
    position: absolute;
    left: 0px;
    top: 2px;
}

.login-wrapper,
.lt-content-left {
    overflow: hidden;
}

.lt-content-left {
    width: 50%;
    float: left;
    padding: 30px;
    box-sizing: border-box;
}

form.checkout-form,
form.edd_form,
form.register {
    width: 100%;
    margin: 40px auto;
    box-shadow: 0 0px 25px 3px rgba(0, 0, 0, 0.04);
    padding: 40px 20px;
}

#edd-purchase-button,
.edd-submit,
[type=submit].edd-submit {
    padding: 10px 25px;
    border: none;
}

@media (min-width: 1199px) {

    form.edd_form,
    form.register {
        min-height: 635px;
        padding-left: 50px;
        padding-right: 50px;
    }
}

.admin-bar #masthead.site-header.sticky {
    top: 30px;
}

.single-post .content-area img {
    margin-bottom: 30px;
}

.main-navigation li.current-menu-item a {
    color: #2788c1;
}
div#Approach .textwidget {
    background: #2a73c7;
    text-align: left;
    padding: 20px;
    min-height: 310px;
}
div#Method .textwidget {
    background: #2a73c7;
    text-align: left;
    padding: 20px;
    min-height: 470px;
}
.page-id-3204 h2 {
    font-size: 36px;
    font-family: Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
    margin-bottom: 20px;
}
.page-id-3204 .so-widget-sow-accordion h3.widget-title {
    font-size: 36px;
    font-family: Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
    margin-bottom: 20px;
}
.page-id-3404 div#Method .textwidget{
	    min-height: 230px;
}
.page-id-3404 div#Approach .textwidget{
	min-height: 360px;
}