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

>>> 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,
dd,
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: 100%;
    /* Corrects text resizing oddly 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;
}

article,
aside,
details,
.fig-caption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
}

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

blockquote:before {
    /*    content: "ï„?";

    font-family: FontAwesome;

    font-size: 23px;

    left: -28px;

    position: absolute;

    top: -6px;*/
}

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

a:focus {
    outline: thin dotted;
}

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

a img {
    border: 0;
}

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

2.0 Typography

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

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px 0;
    line-height: 1.5;
}

p,
li {
    color: rgba(0, 0, 0, 0.7);
    line-height: 1.8;
    font-size: 15px;
    margin-bottom: 15px;
    font-weight: 300;
}

.responsive-tabs__list__item {
    font-weight: normal;
    line-height: 1.5;
}

.widget ul li,
.entry-content ul li {
    position: relative;
    list-style: none;
    padding-left: 20px;
}

.widget.widget_recent_entries>ul>li:after,
.entry-content ul>li:after {
    content: "\f101";
    font-family: FontAwesome;
    color: #47b1f0;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 90%;
    position: absolute;
    left: 0;
    top: 0;
}

#secondary .widget.widget_recent_entries ul li {
    border-bottom: 1px solid rgb(218, 218, 218);
    padding-bottom: 20px;
}

#secondary .widget ul li:last-child {
    margin-bottom: 0;
    border: none;
}

p:last-child {
    margin-bottom: 0px;
}

h1 {
    font-size: 45px;
}

h2 {
    font-size: 40px;
    font-weight: 200;
    color: #0b0a0a;
    /*line-height: 1;*/
}

h3 {
    font-size: 28px;
}

.post-content-full h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
    color: rgba(0, 0, 0, 0.7);
}

.post-content-full h4 {
    font-size: 16px;
    font-weight: 500;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 12px;
}

b,
strong {
    font-weight: bold;
}

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

blockquote,
blockquote p {
    color: rgb(0, 0, 0);
    font-style: italic;
}

blockquote {
    margin: 20px 0 20px 25px;
    position: relative;
}

address {
    margin: 0 0 15px;
}

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

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;
    text-decoration: none;
    margin-bottom: 15px;
}

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

table {
    /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
    margin: 0 0 15px;
    width: 100%;
    border-top: 1px solid #dedede;
    border-right: 1px solid #dedede;
}

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

th {
    font-weight: bold;
}

caption {
    border: 1px solid hsl(0, 0%, 87%);
    margin-bottom: 15px;
}

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

3.0 Elements

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

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

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

ul {
    list-style: disc;
}

ul.widget-featured-download {
    margin: 0;
}

ol {
    list-style: decimal;
}

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

dt {
    font-weight: bold;
}

dd {
    margin: 0 15px 15px;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}

figure {
    margin: 0;
}

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

4.0 Forms

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

input[type="text"],
input[type="password"],
textarea,
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="search"],
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #000000;
    font-size: 14px;
    line-height: 1.5;
    padding: 15px;
    vertical-align: middle;
}

input[type="text"],
input[type="password"],
textarea,
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="search"],
select,
textarea {
    width: 100%;
    border-radius: 3px;
    background-color: #e8ecf3;
    border: none;
    border-radius: 5px;
    background-color: rgba(232, 236, 243, 0.4);
    border: none;
    border-radius: 5px;
    border: 1px solid #e8ecf3;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
    outline: none;
}

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

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
#edd-purchase-button,
.edd-submit,
input[type=submit].edd-submit,
#edd_checkout_form_wrap .edd-cart-adjustment input.edd-submit {
    -webkit-appearance: button;
    border: none;
    color: #fff;
    cursor: pointer;
    display: block;
    padding: 15px 50px;
    border-radius: 5px;
    background: #47b1f0;
    text-transform: uppercase;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
#edd-purchase-button:hover,
.edd-submit:hover,
input[type=submit].edd-submit:hover,
#edd_checkout_form_wrap .edd-cart-adjustment input.edd-submit:hover {
    background: #444;
    color: rgba(255, 255, 255, .6);
}

form.searchform,
form.searchform>div,
.contact-form-area,
.cookie-message-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    margin: 0 auto;
}

.cookie-message-wrap {
    justify-content: center;
    position: fixed;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.9);
    width: 100%;
    color: #fff;
    z-index: 9999999;
    padding: 15px;
    flex-flow: wrap;
}

.cookie-accept.btn,
.cookie-accept.btn a {
    margin: 0;
}

.cookie-message {
    padding: 20px;
}

.cookie-message-wrap a.btn-cookie {
    background: none;
    border: 2px solid #fff;
    padding: 10px 35px;
}

.cookie-message-wrap a.btn-cookie:hover {
    border: 2px solid #47b1f0;
    background: transparent;
}

form.searchform label {
    width: 100%;
}

form.searchform label.screen-reader-text {
    width: auto;
}

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;
    /* Addresses excess padding in IE8/9 */
}

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

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

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

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

form.wpcf7-form.invalid input.wpcf7-validates-as-required {
    border-color: #ff0000;
}

.logged-in .t404-captcha {
    display: none;
}

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

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

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

::-webkit-input-placeholder {
    color: #a5a5a5;
}

:-moz-placeholder {
    color: #a5a5a5;
}

::-moz-placeholder {
    color: #a5a5a5;
}

:-ms-input-placeholder {
    color: #a5a5a5;
}

form.wpcf7-form.invalid input.wpcf7-validates-as-required::-webkit-input-placeholder {
    color: #ff0000;
}

form.wpcf7-form.invalid input.wpcf7-validates-as-required:-moz-placeholder {
    color: #ff0000;
}

form.wpcf7-form.invalid input.wpcf7-validates-as-required::-moz-placeholder {
    color: #ff0000;
}

form.wpcf7-form.invalid input.wpcf7-validates-as-required :-ms-input-placeholder {
    color: #ff0000;
}

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

5.0 Navigation

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

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

5.1 Links

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

a:focus {
    outline: none;
}

a {
    text-decoration: none;
    color: #0391ce;
}

a:hover {
    color: #717eb6;
}

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

5.2 Menus

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

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

Menu Start

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

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

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

.main-navigation ul ul {
    display: none;
    left: 0;
    margin: 0;
    min-width: 200px;
    position: absolute;
    top: 70px;
    z-index: 9999;
    background: linear-gradient(to top, #3b3644 0%, #3b3644 100%);
    padding: 0px;
}

.main-navigation ul ul li a {
    padding: 10px 25px;
}

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

.main-navigation li {
    position: relative;
    display: inline-block;
    margin: 0;
}

.main-navigation li li {
    float: none;
    display: block;
    text-align: left;
}

.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 {
    display: block;
    font-size: 14px;
    padding: 25px 15px;
    position: relative;
    z-index: 99;
    transition: all .5s ease-in-out;
    text-decoration: none;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
}

.main-navigation li a:hover,
.main-navigation li.current-menu-templates-preview>a {
    color: #47b1f0;
}

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

.main-navigation .menu>li:after,
.main-navigation ul li:after,
.main-navigation li.current-menu-templates-preview:after,
.main-navigation .menu ul>li:after,
.main-navigation li.current_page_templates-preview: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-templates-preview:after,
.main-navigation ul li.current_page_templates-preview:after {
    width: 100%;
}

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

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

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

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: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

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

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

.widget.wen_corporate_social_widget {
    clear: both;
}

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

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

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

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

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

.bypostauthor {
    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 {
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
    font-family: 'Poppins', sans-serif;
    background: #fff;
}

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

14.0 Extra Styles

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

header#masthead {
    width: 100%;
    padding: 20px 0;
    z-index: 999999;
    position: absolute;
}

header#masthead.header-fixed {
    position: fixed;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    padding: 5px 0;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

header#masthead.header-fixed .main-navigation ul li a {
    padding: 15px;
}

.admin-bar header#masthead.header-fixed {
    margin-top: 30px;
}

h1#logo {
    font-size: 35px;
    color: #fff;
    margin: 0;
}

h1#logo a {
    color: #fff;
}

h1#logo span {
    font-size: 12px;
    display: block;
}

.site-branding a {
    display: block;
}

.site-branding img {
    max-width: 230px;
    z-index: 9999;
    position: relative;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

header#masthead.header-fixed .site-branding img {
    max-width: 160px;
    margin-top: 8px;
}

#wpadminbar {
    z-index: 999999999;
}

.container {
    width: 1200px;
    margin: 0 auto;
    max-width: 100%;
    padding: 0 10px;
}

.main-navigation {
    width: 60%;
}

.site-branding {
    width: 30%;
}

.main-navigation,
.site-branding {
    float: left;
}

/*404 page/Not found page Start*/

.not-found {
    width: 60%;
    margin: 60px auto;
}

.not-found input,
body.search input {
    /*
    font-size: 24px;

    line-height: 1.5;

    border-radius: 0;

    padding: 10px 20px;*/
}

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

.not-found input.search-submit,
body.search input.search-submit {
    background: #003A63;
}

.not-found h1,
body.search h1 {
    color: #2A6EB6;
}

/*404 page/Not found End*/

/*.main search section start*/

.main-search {
    /*height: 700px;*/
    background: url(../images/main-bg.png) no-repeat bottom left;
    padding: 220px 0 25%;
    /*background-color: #4ab65c;*/
    background-size: 100%;
    text-align: center;
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    top: 0;
}

.main-search:after {
    /*    content: "";

        background: url(images/banner-bg.png) no-repeat bottom left;

        position: absolute;

         padding: 100px; 

        width: 100%;

        left: 0;

        right: 0;

        height: 350px;*/
}

.main-search h2 {
    color: #fff;
}

.search-wrapper span {
    display: block;
    font-size: 30px;
    font-weight: 300;
    line-height: .8;
    color: #dbdbdb;
}

.search-wrapper {
    max-width: 750px;
    margin: 0px auto;
    position: relative;
}

.search-wrapper form {
    margin-top: 30px;
}

.search-wrapper input[type="submit"] {
    background: transparent;
    padding: 15px 30px;
    position: absolute;
    right: 0;
}

.search-wrapper svg {
    color: #a5a5a5;
    font-size: 20px;
    right: 20px;
    position: absolute;
}

/*.main search section end*/

/*Main slider section start*/

section.main-area {
    padding: 50px 0 20px;
}

.banner-main-wrapper,
.main-inner-banner-wrapper {
    width: 100%;
    clear: both;
    /*min-height: 80vh;*/
    position: relative;
    /*margin-top: -115px;*/
}

.main-inner-banner-wrapper .entry-content p,
.main-inner-banner-wrapper .page-banner h1,
.main-inner-banner-wrapper .page-tagline p {
    color: #fff;
    position: relative;
    z-index: 9;
    max-width: 800px;
    margin: 5px auto;
    text-align: center;
}

.main-inner-banner-wrapper .entry-content p,
.main-inner-banner-wrapper .page-tagline p {
    font-size: 18px;
}

.main-banner {
    padding-top: 150px;
    position: relative;
    width: 100%;
    overflow: hidden;
    background-position: center bottom;
    top: 0;
    background-size: 100%;
}

.main-banner:after {
    content: "";
    /* /* background: rgba(15, 35, 53, 0.9); */
    background: rgba(7, 29, 78, 0.85);
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
}

.banner-main-wrapper:after {
    position: absolute;
    z-index: 99999;
    bottom: 0;
    left: 0;
    content: "";
    background: url(../images/banner-overlay.png) repeat-x;
    /*background: url(../images/polygon_svg-03.svg) repeat-x;   */
    width: 100%;
    /*background-size: 100%;*/
    height: 100%;
    height: 300px;
    background-position: bottom center;
}

.main-banner .templates-preview img {
    display: block;
    height: auto;
    width: 100%;
}

.main-banner-content-wrapper {
    position: relative;
    z-index: 999;
}

.main-banner .templates-preview {
    width: 60%;
    float: right;
    position: relative;
}

.main-banner .templates-preview:after {
    content: "";
    background: url(../images/Ellipse.png) no-repeat;
    padding: 70px;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: .5;
}

.banner-overlay {}

.banner-overlay img {
    width: 100%;
}

.main-banner .product-template-wrapper {
    /*    float: left;

        max-height: 40vh;

        overflow: hidden;

        width: 50%;*/
}

.main-banner .main-banner-content {
    float: left;
    width: 40%;
    z-index: 99;
    padding-top: 140px;
}

.first {
    z-index: 1;
}

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

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

.product-template {
    -moz-transition: all 1s ease-in;
    -ms-transition: all 1s ease-in;
    -webkit-transition: all 1s ease-in;
    max-width: 100%;
    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;
}

.main-banner-content h2 {
    color: #fff;
    line-height: 1;
    font-weight: 500;
}

.main-banner-content span {
    color: #ddd;
    font-size: 26px;
    margin-bottom: 20px;
    display: block;
    font-weight: 300;
}

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

.btn {
    -moz-transition: all 1s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
    /*display: inline-block;*/
}

.btn.buy a,
a.btn.btn-outline-primary {
    padding: 20px 70px;
    margin-top: 30px;
    border: 3px solid #919394;
    color: #fff;
    cursor: pointer;
    border-radius: 40px;
    background: rgb(61, 84, 107);
    text-transform: uppercase;
    font-size: 16px;
    display: inline-block;
}

.btn.buy a:hover,
a.btn.btn-outline-primary:hover {
    color: #fff;
    border-color: #47b1f0;
    background: rgb(38, 50, 61);
}

a.btn.blue-btn:hover {
    background: #248dcc;
}

a.btn.blue-btn {
    background: #47b1f0;
    border-color: #1195e2;
    padding: 15px 40px;
}

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

.text-left {
    text-align: left;
}

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

.btn.load-more a {
    clear: both;
    color: #fff;
    margin-top: 30px;
    padding: 18px 60px;
    border-radius: 50px;
}

.load-more a:hover {
    background: #717eb6;
    color: #fff;
}

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

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

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

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

/*Main slider section end*/

/*templates-section start*/

section.templates-section {
    padding-top: 0;
}

header.entry-header {
    text-align: center;
}

header.entry-header p {
    font-size: 20px;
}

.footer header.entry-header p {
    line-height: 1.5
}

.section {
    padding: 70px 0;
}

.templates-section .inner-section-wrapper {
    background: url(../images/globe.png) no-repeat;
    /* padding: 100px; */
    /* content: ""; */
    background-position: top left;
    overflow: hidden;
}

.templates-section .container {
    padding: 0
}

.template-thumbnail {
    /*margin: 0 -30px;*/
}

.template-thumnails {
    overflow: hidden;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.template-thumnails .template-thumbnail:first-child {}

.template-thumnails .template-thumbnail:nth-child(odd) {
    /*margin-right: 3%;*/
}

.template-thumnails .template-thumbnail:nth-child(even) {
    /*margin-left: 3%;*/
}

.container:before,
.template-thumnails:before,
.template-thumnails:after,
.container:after {
    clear: both;
    display: block;
    content: "";
}

.template-thumnails img {
    width: 100%;
    /* box-shadow: 1px 1px 13px rgba(0, 0, 0, .5); */
    z-index: 9;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
}

.template-thumnails img:hover {
    transform: scale(1.01);
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
}

.template-thumnails .coming-soon img {
    z-index: 0;
    box-shadow: 1px 1px 13px rgba(0, 0, 0, .5);
}

.template-thumnails .thumbnail-wrapper {
    padding: 25px;
    flex-basis: 50%;
    width: 50%;
}

/*effect start*/

.template-thumnails .template-thumbnail {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    -webkit-box-shadow: 0 4px 12px 0 rgba(168, 182, 194, 0.1);
    -moz-box-shadow: 0 4px 12px 0 rgba(168, 182, 194, 0.1);
    -ms-box-shadow: 0 4px 12px 0 rgba(168, 182, 194, 0.1);
    -o-box-shadow: 0 4px 12px 0 rgba(168, 182, 194, 0.1);
    box-shadow: 0 4px 12px 0 rgba(168, 182, 194, 0.1);
    webkit-transition: 0.15s ease-in-out;
    -moz-transition: 0.15s ease-in-out;
    -ms-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
    border-radius: 5px;
}

.template-thumnails .template-thumbnail:hover {
    -webkit-box-shadow: 0 4px 12px 0 rgba(168, 182, 194, 0.8);
    -moz-box-shadow: 0 4px 12px 0 rgba(168, 182, 194, 0.8);
    -ms-box-shadow: 0 4px 12px 0 rgba(168, 182, 194, 0.8);
    -o-box-shadow: 0 4px 12px 0 rgba(168, 182, 194, 0.8);
    box-shadow: 0 4px 12px 0 rgba(168, 182, 194, 0.8);
}

.template-thumnails .fig-caption::before,
.template-thumnails .fig-caption::after {
    pointer-events: none;
}

.template-thumnails .fig-caption,
.template-thumnails .fig-caption>a {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.template-thumnails figure img {
    position: relative;
    display: block;
    /*min-height: 100%;*/
    max-width: 100%;
    opacity: 1;
}

.template-thumbnail .fig-caption {
    top: auto;
    bottom: 0;
    height: 90px;
    background: #fff;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -moz-transition: transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    z-index: 99;
    padding: 0 15px;
    border-bottom: 2px solid #c3cad6;
}

.template-thumnails .coming-soon figure img,
.thumbnail-wrapper.coming-soon img {
    filter: blur(5px);
}

.coming-soon .template-thumbnail>a:after {
    background: rgba(0, 0, 0, 0.78);
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.template-thumnails .coming-soon .template-thumbnail .demo-details {
    -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%);
    text-align: center;
    opacity: 1;
}

.template-thumnails .coming-soon .template-thumbnail .demo-details:after {
    display: none;
}

.template-thumnails .coming-soon .template-thumbnail .details-wrapper {
    justify-content: center;
}

.template-thumbnail .details-wrapper {
    height: 90px;
}

.template-thumbnail h2 {
    float: left;
    color: #fff;
    margin-top: 10px;
    font-size: 26px;
}

.template-thumbnail .description {
    position: absolute;
    bottom: 140px;
    padding: 15px;
    color: #fff;
    text-transform: none;
    opacity: 0;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    -ms-transition: opacity 0.35s;
    -moz-transition: opacity 0.35s;
    -webkit-backface-visibility: hidden;
    font-size: 15px;
}

.template-thumbnail a {
    display: block;
    font-weight: 300;
}

.template-thumbnail h2 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -moz-transition: transform 0.35s;
    -ms-transition: transform 0.35s;
}

.template-thumbnail h2,
.template-thumbnail .view-demo,
.template-thumbnail .view-details {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.template-thumbnail h2 {
    display: inline-block;
}

.template-thumbnail:hover .description {
    opacity: 1;
}

.template-thumnails .template-thumbnail:hover:after {
    background: rgba(0, 0, 0, 0.3);
    content: "";
    height: 100%;
    left: 0;
    margin: 0 auto;
    position: absolute;
    top: 0;
    width: 100%;
    transition: transform 0.35s;
    -moz-transition: transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
}

.template-thumnails .coming-soon .template-thumbnail:hover:after,
.template-thumnails .coming-soon .template-thumbnail .view-details {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
}

.template-thumnails .coming-soon .template-thumbnail:hover:after {
    display: none;
}

.template-thumnails .template-thumbnail:hover:after,
.template-thumbnail:hover .fig-caption,
.template-thumbnail:hover h2,
.template-thumbnail:hover .view-details,
.template-thumbnail:hover .view-demo {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.template-thumbnail:hover h2 {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

.template-thumbnail .category-tag {
    text-align: left;
    padding-top: 15px;
    position: absolute;
    top: 0;
}

.template-thumbnail .category-tag a {
    display: inline-block;
    text-transform: capitalize;
}

.template-thumbnail:hover .view-details {
    -webkit-transition-delay: .3s;
    transition-delay: .2s;
}

.template-thumbnail:hover .view-demo {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.coming-soon .btn.view-demo {
    display: none;
}

.template-thumbnail .view-details,
.template-thumbnail .view-demo {
    display: inline-block;
    margin: 0 5px;
}

.template-thumbnail .view-demo a {
    /* padding: 3px 15px; */
    display: inline-block;
}

.template-thumbnail .view-demo a,
.template-thumbnail .view-details a {
    margin: 0;
}

/*effect end*/

/*templates-section end*/

/*we stand for start*/

.we-stand-for,
.clients-section-wrapper {
    background: #f6f6f6;
    clear: both;
}

.we-stand-for .component {
    padding: 0 15px;
    text-align: center;
    flex-basis: 33.33%;
}

.we-stand-for .component,
.step {
    flex-basis: 33.33%;
}

.we-stand-for .component img {
    max-width: 120px;
}

.we-stand-for .flex-wrapper .entry-title,
.we-stand-for .component .entry-header {
    text-align: center;
    font-weight: 500;
    margin: 10px 0;
}

.we-stand-for P {
    margin: 0;
}

.we-stand-for component p {
    text-align: left;
}

.total-count {
    display: block;
    font-size: 29px;
    font-weight: bold;
}

/*we stand for end*/

/*Counter start*/

.count-wrapper {
    max-width: 900px;
    margin: 0 auto;
}

/*best-selling-wrapper start*/

.best-selling-wrapper .inner-section-wrapper {
    max-width: 700px;
    margin: 0 auto;
}

.best-selling-wrapper {
    position: relative;
    padding: 100px 0;
}

.best-selling-wrapper h2 {
    margin-bottom: 30px;
}

.best-selling-wrapper .star-ratings {
    margin: 0 auto 30px;
}

.best-selling-wrapper h3.theme-name {
    color: #e8e8e8;
    font-weight: 500;
}

.best-selling-wrapper:after {
    position: absolute;
    content: "";
    background: rgba(65, 66, 65, 0.8);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.best-selling-wrapper h2,
.subscribe-section-wrapper h2,
.site-footer h2 {
    color: #e8e8e8;
    font-size: 57px;
    font-weight: 100;
}

.best-selling-wrapper p {
    color: #fff;
    font-weight: 200;
}

.best-selling-wrapper .inner-section-wrapper {
    z-index: 9999;
    position: relative;
}

.best-selling-wrapper figure {
    text-align: center;
}

.best-selling-wrapper .entry-content,
.best-selling-wrapper p,
.site-generator .entry-content {
    margin: 0
}

/*best-selling-wrapper end*/

/*feature-elements-wrapper start*/

.features-element-wrapper {
    background: url(../images/element-bg.png) no-repeat;
    background-position: top center;
    overflow: hidden;
    text-align: center;
}

.features-element-wrapper .hexagon {
    position: relative;
    width: 180px;
    background-color: #e8ecf3;
    margin: 120.74px auto 70px;
    text-align: center;
    height: 110px;
    align-items: center;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}

.features-element-wrapper .element-wrapper img {
    max-width: 100px;
}

.features-element-wrapper .hexagon:before,
.features-element-wrapper .hexagon:after {
    content: "";
    position: absolute;
    width: 0;
    border-left: 90px solid transparent;
    border-right: 90px solid transparent;
}

.features-element-wrapper .hexagon:before {
    bottom: 100%;
    border-bottom: 50.74px solid #e8ecf3;
    left: 0;
}

.features-element-wrapper .hexagon:after {
    top: 100%;
    width: 0;
    border-top: 50.74px solid #e8ecf3;
    left: 0;
}

.features-element-wrapper .hexagon i {
    font-size: 130px;
}

.features-element-wrapper .hexagon i:after {
    content: "";
    background-color: -moz-linear-gradient(0deg, rgb(71, 177, 240) 0%, rgb(170, 170, 228) 100%);
    background-color: -webkit-linear-gradient(0deg, rgb(71, 177, 240) 0%, rgb(170, 170, 228) 100%);
    background-color: -ms-linear-gradient(0deg, rgb(71, 177, 240) 0%, rgb(170, 170, 228) 100%);
}

.features-element-wrapper .element-wrapper {
    text-align: center;
    width: 25%;
    display: inline-block;
    margin: 0 -4px;
}

.element {
    display: inline-block;
}

/*feature-elements-wrapper end*/

/*subscribe-section-wrapper start*/

.subscribe-section-wrapper {
    background: #27292b;
    position: relative;
    overflow: hidden;
    padding: 0;
}

.subscribe-section-wrapper ul {
    margin-left: 13px;
}

.subscribe-section-wrapper h4,
.subscribe-section-wrapper p {
    color: rgba(255, 255, 255, .6);
    width: 100%;
}

.subscribe-section-wrapper .form-wrapper p {
    margin: 0;
}

.subscribe-elements {
    overflow: hidden;
    margin-top: 30px;
}

.subscribe-section-wrapper p,
.process-section-wrapper .step-wrapper .entry-header p {
    font-size: 13px;
}

.subscribe-section-wrapper ul li {
    list-style: none;
    text-align: justify;
}

.col-6,
.subscribe-section-wrapper ul li,
.col-3,
.col-7 {
    float: left;
}

.col-3 {
    width: 30%
}

.col-7 {
    width: 70%;
}

.col-6,
.subscribe-section-wrapper ul li {
    width: 50%;
}

.subscribe-elements .entry-header {
    text-align: left;
}

.col-6.first-half {
    padding: 70px 14px;
}

.subscribe-section-wrapper h2 {
    line-height: 1;
    text-align: left;
}

.subscribe-section-wrapper .form-wrapper {
    background-size: cover;
    background: url(../images/envelope-1829488_1280.jpg);
    height: 100%;
    position: absolute;
    right: 0;
    flex-wrap: nowrap;
}

.subscribe-section-wrapper .form-wrapper input[type="email"] {
    background: #e8ecf3;
    border: none;
}

div#mc_embed_signup .flex-wrapper {
    flex-wrap: nowrap;
}

.subscribe-section-wrapper .form-wrapper:after {
    background: rgba(39, 41, 43, 0.9);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.subscribe-section-wrapper h3 {
    color: #fff;
    font-weight: 300;
    margin-bottom: 30px;
}

div#mc_embed_signup {
    width: 100%;
    padding: 0 10%;
    z-index: 999;
}

div#mc_embed_signup input[type="submit"] {
    margin-left: -50px;
    border-radius: 0 5px 5px 0;
}

/*subscribe-section-wrapper end*/

/*process-section-wrapper start*/

.process-section-wrapper {
    text-align: center;
}

.process-section-wrapper .flex-wrapper {
    justify-content: space-around;
}

.process-section-wrapper .step-number {
    background: #e5e5e5;
    border-radius: 40px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin-bottom: 30px;
    position: relative;
    width: 40px;
}

.process-section-wrapper .step-two:after,
.process-section-wrapper .step-two:before {
    background: #e5e5e5;
    content: "";
    height: 1px;
    position: absolute;
    top: 20px;
    width: 300px;
}

.process-section-wrapper .step-two:after {
    left: 60px;
}

.process-section-wrapper .step-two:before {
    right: 60px;
}

.process-section-wrapper figure {
    float: left;
    margin-top: 5px;
    overflow: hidden;
    float: left;
    padding: 0 20px;
}

.process-section-wrapper article.step-column {
    padding-right: 20px;
}

.process-section-wrapper article.step-column {
    padding-right: 20px;
}

.step-column header.entry-header,
.step-column .entry-content {
    overflow: hidden;
    padding: 0;
    text-align: left;
}

.step-column header.entry-header h4 {
    margin-bottom: 5px;
    color: rgb(71, 177, 240);
}

/*process-section-wrapper end*/

/*.clients-section-wrapper start*/

.quote-column {
    padding: 30px 25px;
}

.quote-column figure {
    max-width: 130px;
}

/*clients-section-wrapper end*/

/*footer start*/

.site-footer {
    background-size: cover;
    position: relative;
    padding-bottom: 00px;
}

.site-footer:after {
    background: rgba(1, 22, 39, 0.84);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    display: inline-block;
}

.site-info {
    z-index: 9999;
    position: relative;
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.site-info h2 {
    margin-bottom: 20px;
}

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

.best-selling-wrapper a.btn.btn-outline-primary {
    padding: 15px 50px;
}

.footer-nav ul li,
.social-links ul li,
.payment-method ul li {
    display: inline-block;
    padding: 0 15px;
    margin: 0
}

ul#menu-footer-bottom-menu li:first-child {
    padding-left: 0;
}

.social-links ul {
    padding: 0 35px;
}

.site-footer ul {
    margin: 0;
}

.footer-nav ul li a:hover,
.social-links ul li a:hover::before {
    color: #717eb6;
}

.site-generator p,
.footer-nav ul li a,
ul#menu-footer-bottom-menu li a {
    color: #c1c1c1;
    font-size: 14px;
}

ul#menu-footer-bottom-menu li a:hover,
.footer-nav ul li a:hover {
    color: #fff;
}

.payment-method {
    margin: 40px 0;
}

.payment-method ul li {
    font-size: 40px;
    color: #fff;
    padding: 0 10px;
}

.footer-bottom {
    position: relative;
    z-index: 99;
    background: #27333f;
    padding: 10px 0;
}

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

.social-links ul li a::before,
span.date a::before,
span.category a::before,
span.author a:before {
    font-family: FontAwesome;
}

span.date a::before,
span.category a::before,
span.author a:before {
    padding-right: 5px;
}

span.date a::before {
    content: "\f017";
}

span.author a:before {
    content: "\f007";
}

span.category a::before {
    content: "\f0a0";
}

.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 {
    font-size: 0;
    color: #fff;
}

/*footer end*/

/*Documentation page stat*/

.ws-wp-docs h2,
.wp-doc-head-wrap h3 {
    font-size: 18px;
    font-weight: normal;
}

ul.ws-wp-docs-categories {
    border: 1px solid #ccc;
}

.ws-wp-docs-categories li {
    border-bottom: 1px solid #ccc;
    margin: 0;
}

.ws-wp-docs-categories li:last-child {
    border-bottom: none;
}

ul.ws-wp-docs-categories ul>li {
    border-top: 1px solid #ccc;
}

header.doc-top-head {
    padding: 10px;
}

.site-main.wp-doc-theme404.wp-doc-theme .main-content-wrap {
    max-width: 1200px;
    margin: 0 auto;
    box-shadow: 0 4px 12px 0 rgba(168, 182, 194, 0.8);
    padding: 0 15px;
}

.wp-doc-theme a.active,
.wp-doc-theme a:focus,
.wp-doc-theme a:hover {
    text-decoration: none;
    outline: 0;
    color: #0391ce;
}

.wp-doc-theme-default #document-toc h2 {
    background: #e5e5e5;
    padding: 10px;
    border: none;
    text-transform: uppercase;
}

.ws-dislikes {
    background: #d00808;
}

.wp-doc-theme-default .ws-wp-docs-categories li>a.active,
.wp-doc-theme-default a.ws-form-show,
.wp-doc-theme-default span.doc-list-item-wrapper.active a,
.ws-wp-docs-categories li>a:hover {
    color: #0391ce;
}

h1.ws-logo-title.entry-title {
    display: none;
}

.ws-likes {
    background: #0391ce;
}

.wp-doc-head-wrap {
    margin: 15px 0;
}

.products-documentation-wrapper header.entry-header {
    text-align: left;
}

.products-documentation-wrapper .doc-items-wrapper header.entry-header a:before {
    content: "\f15c";
    font-family: FontAwesome;
    font-size: 20px;
    padding-right: 10px;
}

.products-documentation-wrapper ul {
    margin: 0;
}

.products-documentation-wrapper ul li {
    width: 48%;
    float: left;
    box-shadow: 0 0px 4px 0 rgba(168, 182, 194, 0.8);
    border-left: 5px solid #4491ce;
    padding: 15px;
    margin-bottom: 40px;
    list-style: none;
}

.products-documentation-wrapper form.searchform,
.products-documentation-wrapper form.searchform>div {
    width: 80%;
    margin: 0 0 20px;
}

.products-documentation-wrapper input.searchsubmit.btn {
    margin-left: -10px;
    border-radius: 0 5px 5px 0;
    margin-bottom: 10px;
}

.products-documentation-wrapper ul li:nth-child(even) {
    /* background: red; */
    margin-left: 4%;
}

/*Documentation page end*/

/*details page start*/

.theme-info-wrapper {
    position: relative;
    z-index: 99;
    margin-top: -320px;
    overflow: hidden;
}

.theme-info-wrapper .theme-preview,
.theme-info-wrapper .theme-info {
    float: left;
}

.theme-preview {
    width: 40%;
}

.theme-preview img {
    width: 100%;
}

.theme-info-wrapper .theme-screenshot .slick-dots {
    margin: -10px auto;
}

.theme-info-wrapper .theme-info {
    width: 60%;
    padding-right: 100px;
}

.theme-info-wrapper .theme-info .theme-basic-info {
    overflow: hidden;
    min-height: 300px;
}

.theme-info-wrapper.free-item .theme-info .theme-basic-info {
    /* padding-top: 68px;
    min-height: 325px; */
}

.main-inner-banner-wrapper .main-banner {
    min-height: 500px;
    background-position: center center !important;
    padding-bottom: 50px;
    background-size: cover;
}

.main-banner.landing-page-banner.page-banner {
    padding-top: 70px;
}

.theme-info-wrapper .template-name {
    color: #fff;
    font-weight: 300;
}

.theme-info-wrapper .template-name span {
    font-weight: 500;
}

.template-name,
.star-ratings,
.btn {
    margin-bottom: 20px;
}

.btn a {
    background: #383949;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 30px;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    display: inline-block;
    padding: 13px 30px;
    color: #fff;
    margin-right: 30px;
}

.theme-basic-info .edd_download_purchase_form,
.theme-basic-info .btn a {
    float: left;
}

.theme-basic-info .btn a {
    margin-right: 30px;
}

.btn a:hover,
.documentation-link:hover {
    background: #0f2335;
    color: rgba(255, 255, 255, 1)
}

.theme-info-wrapper .price {
    color: #47b1f0;
    font-size: 45px;
    text-align: right;
}

.theme-info-wrapper .price del {
    color: #adadad;
}

.theme-info-wrapper .preview {
    float: left;
    border: 5px solid #ececec;
}

.theme-preview-screenshots .preview {
    margin-bottom: 40px;
    padding: 15px;
}

.theme-preview-screenshots h3 {
    padding: 0 15px 15px;
}

.slick-prev:before,
.slick-next:before,
.slick-dots li.slick-active button:before {
    color: #47b1f0 !important;
}

.others-info {
    margin-top: 50px;
}

.btn a:before {
    font-family: 'FontAwesome';
    margin-right: 8px;
}

.buy-now:before {
    content: "\f07a";
}

.view-demo:before {
    content: "\f06e";
}

.upgrade-to-pro:before {
    content: "\f0ee"
}

.demo-details .view-demo:before {
    content: "";
}

.btn .buy-now,
.btn .upgrade-to-pro {
    background: #eeac00;
}

.btn .view-demo {
    background: #47b1f0;
}

.btn a:hover,
.documentation-link:hover a {
    color: rgba(255, 255, 255, .6);
}

.landing-page-banner .btn {
    z-index: 9999;
    position: relative;
    text-align: center;
    margin-top: 20px;
}

.checkbox-block .cb-separate {
    margin: 10px;
}

.checkbox-block .box {
    background: #f1f1f1;
    padding: 15px;
    margin: 15px 0;
}

.total-downloads img {
    max-width: 30px;
    vertical-align: bottom;
}

.dl-horizontal dt {
    float: left;
    width: 30%;
}

.theme-info-wrapper .social-links,
.total-downloads,
dl.dl-horizontal {
    margin-bottom: 20px;
}

.total-downloads .active-installs img {
    max-width: 24px;
}

.theme-info-wrapper .social-links ul li a,
.theme-info-wrapper .social-links ul li a:before {
    color: rgba(0, 0, 0, .6);
}

.theme-info-wrapper .social-links ul li {
    padding: 0 10px;
}

.theme-info-wrapper .social-links ul li a:before {
    font-size: 16px;
}

.theme-info-wrapper .social-links ul li a:hover:before {
    color: #47b1f0
}

.theme-info-wrapper .social-links ul {
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
    padding: 0;
}

.main-features .feature {
    width: 25%;
    float: left;
    text-align: center;
    position: relative;
    border: 1px solid #eeeeee;
    padding: 10px;
    border-right: none;
    border-top: none;
}

.main-features .feature:nth-child(1),
.main-features .feature:nth-child(2),
.main-features .feature:nth-child(3),
.main-features .feature:nth-child(4) {
    border-top: 1px solid #eeeeee;
}

.main-features .feature:nth-child(4n),
.main-features .feature:last-child {
    border-right: 1px solid #eee;
}

.feature-tag {
    background: #ee4428;
    border-radius: 3px 0 0 3px;
    color: #fff;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 20px 0 23px;
    position: absolute;
    margin: 0 10px 10px 0;
    text-decoration: none;
    -webkit-transition: color 0.2s;
    right: 0;
}

.feature-tag::before {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
    content: '';
    height: 6px;
    left: 10px;
    position: absolute;
    width: 6px;
    top: 10px;
}

.feature-tag::after {
    background: #fff;
    border-bottom: 13px solid transparent;
    border-left: 10px solid #ee4428;
    border-top: 13px solid transparent;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
}

.feature-tag:hover {
    background-color: #207bb1;
    color: white;
}

.feature-tag:hover::after {
    border-left-color: #207bb1;
}

.main-features .feature .entry-title {
    font-size: 14px;
    font-weight: normal;
}

.main-features .feature .fa {
    font-size: 40px;
    margin-bottom: 20px;
    color: rgb(71, 177, 240);
}

.theme-details-wrapper ul {
    margin: 30px 10px;
    /*overflow: hidden;*/
}

.theme-details-wrapper ul li {
    list-style: none;
    position: relative;
    width: 33.3333%;
    padding: 5px 10px 5px 45px;
    margin: 12px -4px;
    left: 0;
    vertical-align: top;
    display: inline-block;
}

.theme-details-wrapper ul li:last-child {
    padding-right: 0;
}

.theme-details-wrapper ul li:before {
    content: "\f00c";
    font-family: FontAwesome;
    color: #a7a0a0;
    background: #e5e5e5;
    padding: 10px;
    left: 0;
    border-radius: 50px;
    line-height: 10px;
    text-align: center;
    margin-right: 20px;
    height: 30px;
    width: 30px;
    position: absolute;
    font-size: 12px;
}

.btn.load-more {
    text-align: center;
    width: 100%;
    clear: both;
}

.compare-table td,
.compare-table th {
    border: none;
    padding: 12px 20px;
    text-align: left;
    vertical-align: middle;
}

.compare-table tr:nth-child(odd) {
    background: #f5f5f5;
}

.compare-table .fa-check,
.compare-table .fa-close {
    font-size: 20px;
}

.responsive-tabs-wrapper table {
    border: none;
}

.compare-table .fa-check {
    color: #47b1f0;
}

.compare-table .fa-close {
    color: #f70707;
}

.compare-table .fa-check::before,
.compare-table .fa-close::before {
    background-size: 100%;
    display: inline-block;
    content: "";
    padding: 7px;
    background-repeat: no-repeat;
}

.compare-table .fa-close::before {
    background-image: url(../images/cross-out.svg);
}

.compare-table .fa-check::before {
    background-image: url(../images/checked.svg);
}

.compare-table th {
    background: #ffffff;
    border-bottom: 2px solid #47b1f0;
    font-size: 20px;
    /*color: #47b1f0;*/
}

.theme-preview-screenshots {
    text-align: center;
}

.responsive-tabs-wrapper .responsive-tabs__panel {
    margin: 30px 0;
    z-index: 9;
    position: relative;
    clear: both;
    overflow: hidden;
}

/*star rating start*/

.star-ratings {
    color: #47b1f0;
    font-size: 25px;
    width: 105px;
    position: relative;
}

.star-ratings-top {
    color: #eeac00;
    padding: 0;
    position: absolute;
    z-index: 1;
    display: block;
    top: 0;
    left: 0;
    overflow: hidden;
}

.star-ratings-bottom {
    padding: 0;
    display: block;
    z-index: 0;
}

/*star rating end*/

/*details page end*/

#masthead>.container,
.search-wrapper form,
.template-thumbnail .details-wrapper,
.flex-wrapper,
.footer-bottom>.container,
.demo-item-wrapper {
    align-content: space-between;
    align-items: center;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#masthead>.container,
.template-thumbnail .details-wrapper {
    flex-wrap: nowrap;
}

.demo-item-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
}

.demo-item-wrapper .demo {
    width: 31.333333%;
    float: left;
    margin-bottom: 50px;
    /*box-shadow: 0 0px 25px 3px rgba(0, 0, 0, 0.04);*/
    padding: 40px 20px 10px;
    flex-basis: 31.333333%;
    margin: 1%;
    background: #fff;
    transition: all .4s ease-in-out;
}

.demo-item-wrapper .demo:hover {
    box-shadow: 0 0px 15px 3px rgba(255, 255, 255, 0.55);
    margin-top: -10px;
}

.product-landing-page h3.section-title ul li:before {
    content: "";
    position: absolute;
    background: #47b1f0;
    height: 10px;
    width: 10px;
    left: -3px;
    top: 7px;
}

.product-landing-page h3.section-title ul li {
    display: inline-block;
    color: #fff;
    position: relative;
    padding: 0 15px;
}

.single-landing-page .main-content-area {
    background: #383949;
}

.single-landing-page .section-title {
    padding-bottom: 30px;
    color: #fff;
}

.demo-item-wrapper .demo .btn,
.single-landing-page .section-title {
    text-align: center;
}

.demo-item-wrapper .demo h3 {
    font-size: 25px;
    padding-top: 20px;
}

.demo-item-wrapper .demo .btn a {
    margin: 0;
}

.demo-item-wrapper .demo h3:after {
    content: "";
    height: 3px;
    background: #47b1f0;
    display: block;
    width: 90px;
    clear: both;
    text-align: center;
    margin: 5px auto;
}

.head-thumbnail {
    background: #e8ecf3;
    padding: 15px;
    position: relative;
    z-index: 99999;
}

.head-thumbnail span {
    height: 10px;
    display: inline-block;
    width: 10px;
    margin-right: 5px;
    border-radius: 10px;
}

.head-thumbnail span:first-child {
    background: #fc6e51;
}

.head-thumbnail span:nth-child(2) {
    background: #ffce54;
}

.head-thumbnail span:last-child {
    background: #37bc9b;
}

/*     main styling from here    */

.gallery-wrapper {
    position: relative;
    width: 675px;
    min-height: 590px;
    float: right;
    top: -120px;
}

.gallery-wrapper .left-image,
.gallery-wrapper .right-image,
.gallery-wrapper .center-image {
    position: absolute;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25);
    margin: 0;
    line-height: 0;
    bottom: 0;
}

.gallery-wrapper .left-image {
    left: 30px;
    z-index: 3;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    animation-delay: 2s;
    width: 55%;
}

.gallery-wrapper .left-image.img-big {
    width: 100%;
    box-shadow: none;
}

.gallery-wrapper .right-image {
    right: 0;
    z-index: 1;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    animation-delay: 1.2s;
    width: 44%
}

.gallery-wrapper .center-image {
    right: 13%;
    z-index: 0;
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-delay: 0.5s;
    width: 66%;
}

.blog-wrapper .post {
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    overflow: hidden;
    margin-bottom: 101px;
}

.blog-wrapper .post.opp {
    overflow: hidden;
}

.blog-wrapper .post:last-child {
    padding-bottom: 0;
}

.blog-wrapper .post .post-content h2 {
    color: #002535;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0;
    text-align: left;
}

.blog-wrapper .post .post-content h2 a,
#secondary .widget.widget_recent_entries a {
    color: #000;
    opacity: .7;
}

.blog-wrapper .post .post-content h2 a:hover,
#secondary .widget a:hover {
    opacity: 1
}

span.sep {
    font-size: 11px;
    padding: 0 5px;
    color: #c6c6c6;
}

#secondary .widget .edd-submit.button.dark-gray {
    color: #fff;
    background: #47b1f0;
    opacity: 1;
    border: none;
    border-radius: 5px;
}

.blog-wrapper .post .entry-header span,
.blog-wrapper .post .entry-header span a {
    text-transform: uppercase;
}

.blog-wrapper .post figure {
    width: 45%;
    margin-right: -25px;
    z-index: 9;
}

.blog-wrapper .post.opp figure {
    margin-left: -25px;
    z-index: 9;
}

.blog-wrapper .post figure img {
    width: 100%;
}

.blog-wrapper .post .post-content {
    background: rgba(71, 177, 240, 0.13);
    padding: 20px 20px 20px 52px;
    position: relative;
    width: 55%;
    border: 1px solid rgba(71, 177, 240, 0.28);
}

.search .blog-wrapper .post.wp_documentation .post-content {
    padding: 20px;
}

.blog-wrapper .post .post-content p {
    margin-bottom: 24px;
}

.blog-wrapper .opp.post .post-content {
    padding: 20px 52px 20px 20px;
}

.blog-wrapper .btn-readmore {
    color: #0391ce;
    font-size: 15px;
}

.blog-wrapper .btn-readmore:hover,
.blog-wrapper .post .entry-header span a:hover {
    color: #002535;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.blog-wrapper .post .post-content p {
    /* color: #b0afaf; */
    font-size: 14px;
}

/*=== Animations start here  ===*/

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

/*==== FADE IN UP ===*/

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

/*=== FADE IN DOWN ===*/

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

/*=== FADE IN LEFT ===*/

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

/*==== FADE IN RIGHT ===*/

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

/*=== FADE IN  ===*/

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

ul.dpsp-networks-btns-wrapper li {
    padding: 0;
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

#bbpress-forums #bbp-search-form>div {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#bbpress-forums #bbp-search-form #bbp_search,
.forum-archive #bbpress-forums #bbp-search-form #bbp_search {
    width: 100%;
}

#bbpress-forums div.bbp-search-form {
    margin-bottom: 30px;
    width: 50%;
}

#bbpress-forums input {
    border-radius: 5px;
}

#bbpress-forums input[type="submit"] {
    border-radius: 0px 5px 5px 0;
    margin-left: -20px;
}

.col-3-4 {
    width: 70%;
    padding-right: 15px;
    float: left;
}

.col-1-4 {
    float: left;
    width: 30%;
    padding-left: 15px;
}

#secondary .widget {
    margin-bottom: 30px;
    background: #f8f8f8;
    padding: 15px;
}

#secondary .widget-title {
    border-bottom: 2px solid #dadada;
    padding-bottom: 10px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

#secondary .widget.widget_recent_entries a {
    color: #000;
}

#secondary input[type="text"] {
    margin-bottom: 15px;
}

a.widget-download-thumb {
    display: inline-block;
    vertical-align: middle;
}

#secondary form.searchform>div,
#secondary input[type="text"],
#secondary input[type="submit"] {
    display: block;
    width: 100%;
}

.blog-wrapper .entry-header,
.blog-single-wrapper .entry-header {
    text-align: left;
}

.blog-single-wrapper .entry-header {
    margin: 15px 0;
}

.post-content-full .entry-content p {
    font-weight: 300;
    line-height: 1.8;
}

.blog-single-wrapper .entry-meta {
    margin-bottom: 10px;
}

span.date {
    content: "\f007";
}

.filter-wrap {
    text-align: center;
}

.filter-wrap ul {
    margin: 0;
}

.filter-wrap ul li {
    list-style: none;
    display: inline-block;
    padding: 18px 60px;
    margin: 0;
    background: #e8ecf3;
    cursor: pointer
}

.filter-wrap ul li:hover,
.filter-wrap ul li.btn-active {
    background: #bbc2cf;
}

.main-content-area,
.blog-single-wrapper,
.page-content-wrap {
    padding: 50px 0;
}

span.documentation-link {
    font-size: 18px;
    padding: 10px 30px;
    background: #383949;
    margin: 10px;
    color: #fff;
    border-radius: 5px;
    text-align: center;
}

.documentation-link a {
    color: #fff;
}

.item-supports {
    margin: 20px 0;
    float: left;
}

.header-cart a {
    color: #fff;
}

.responsive-tabs-wrapper .edd_purchase_submit_wrapper {
    display: none;
}

table#edd_purchase_receipt,
table#edd_purchase_receipt_products {
    border-top: 1px solid #dedede;
    border-right: 1px solid #dedede;
}

#edd_user_history td,
#edd_user_history th {
    padding: 12px;
}

#edd-reviews {
    background: #e8ecf3;
    padding: 30px;
    /* margin-top: 50px; */
}

.edd-cart-added-alert {
    color: #47b1f0;
    padding: 1px 20px;
}

#edd-reviews input[type="text"],
#edd-reviews input[type="password"],
#edd-reviews textarea,
#edd-reviews input[type="email"],
#edd-reviews input[type="tel"],
#edd-reviews input[type="url"],
#edd-reviews input[type="search"],
#edd-reviews select {
    background-color: rgb(255, 255, 255);
    border: 1px solid #c8cdd6;
    padding: 10px;
}

.edd-submit.button {
    display: inline-block;
}

.edd-review-list li:nth-child(even) {
    background: #fff;
    padding: 20px;
}

.edd-review-list li:nth-child(odd) {
    background: #f7f7f7;
    padding: 20px;
}

.theme-info-wrapper .edd-review-list li {
    width: 100%;
    list-style: none;
}

.theme-info-wrapper .edd-review-list li:before {
    display: none;
}

form#edd_sl_cancel_renewal_form {
    margin-bottom: 30px;
}

#edd_checkout_form_wrap input[type=email],
#edd_checkout_form_wrap input[type=password],
#edd_checkout_form_wrap input[type=tel],
#edd_checkout_form_wrap input[type=text],
#edd_checkout_form_wrap textarea {
    padding: 12px;
}

#edd-purchase-button {
    /*padding: 15px 30px;*/
}

#edd-cancel-license-renewal {
    background: red;
    color: #fff;
    padding: 13px 50px;
    display: inline-block;
    border-radius: 5px;
    margin: 10px 0;
}

a#edd-cancel-license-renewal:hover {
    background: #e40606;
}

input#edd-add-license-renewal {
    display: inline-block;
}

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

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

p.edd-no-purchases {
    padding: 50px 0 30px;
}

#edd_login_form legend,
#edd_register_form legend {
    font-size: 24px;
}

/*faq page start*/

.faqs-page.support-page {
    margin-bottom: 50px;
}

.faq-wrap {
    margin: 15px 0;
}

.faq-wrap.faq-active {
    margin-top: 0;
}

.faq-wrap .faq-head-panel h4 i {
    margin-right: 5px;
}

.faq-wrap.faq-active .faq-head-panel {
    background: #47b1f0;
}

.faq-wrap.faq-active .faq-head-panel h4 {
    color: #fff;
}

.faq-head-panel h4 {
    margin: 0;
}

.faq-wrap .faq-head-panel {
    background: #e8ecf3;
    cursor: pointer;
    padding: 10px;
}

.faq-wrap.faq-active .faq-body-panel {
    padding: 15px;
}

/*Support page start*/

.bg {
    background: #f6f7fa;
    padding: 20px;
}

.support-page {
    margin-top: 50px;
}

.support-box-wrapper {
    width: 25%;
    float: left;
    text-align: center;
    padding: 15px;
}

.support-box {
    padding: 60px 15px;
    /*background: #e8ecf3;*/
}

.support-box em {
    font-size: 12px;
}

.support-box img,
.queries-section img {
    max-width: 90px;
}

.support-box .entry-header {
    padding-top: 15px;
}

.support-box .entry-title,
.queries-box .entry-title {
    text-transform: uppercase;
    font-size: 16px;
}

.support-box a {
    color: #535454;
}

.support-box a:hover {
    color: #52b0ee;
}

.queries-section {
    background: #e8ecf3;
    padding: 70px 30px;
    /*margin-top: 50px;*/
}

.queries-section .entry-header,
.queries-section p {
    text-align: left;
    overflow: hidden
}

.queries-section img {
    float: left;
    margin-right: 20px;
}

.queries-section .queries-box {
    width: 50%;
    float: left;
    padding: 15px;
}

#bbpress-forums {
    background: transparent;
    margin-top: 30px;
}

/*Support page end*/

/*Contact page start*/

.contact-form-area {
    overflow: hidden;
    align-items: baseline;
}

.contact-form-area .col-1-4,
.contact-form-area .col-3-4 {
    padding: 50px 30px;
}

.contact-form-area .col-3-4 {
    background: #e8ecf3;
}

.contact-form-area .col-1-4,
.contact-form-area {
    background: #47b1f0;
}

.contact-form-area .col-1-4 a {
    color: rgba(255, 255, 255, 0.8)
}

.contact-form-area .col-1-4 a:hover {
    color: rgba(255, 255, 255, 1)
}

.contact-form-area input,
.contact-form-area textarea {
    border-bottom: 2px solid #c1c4c7;
    border-radius: 0;
    padding: 7px;
}

.contact-form-area input[type="submit"] {
    border: none;
    padding: 15px 50px;
    border-radius: 5px;
}

.contact-form-area .col-1-4 p {
    color: #fff;
}

.contact-form-area h3 {
    margin-bottom: 20px;
}

/*Contact page end*/

.privacy-policy h3,
.terms-conditions h3 {
    font-size: 24px;
    margin-top: 10px;
}

.loader-gif {
    width: 50px;
}

.demo-page {
    height: 100vh;
    position: relative;
}

.demo-frame {
    text-align: center;
    height: 100vh;
}

.demo-toggle-down {
    background-color: #47b1f0;
    cursor: pointer;
    color: #fff;
    position: absolute;
    top: 0;
    right: 40px;
    z-index: 99999;
    padding: 8px 7px;
    border-radius: 0 0 3px 3px;
}

div#demo-bar {
    background: #424242;
    padding: 15px 5%;
    width: 100%;
}

.demo-bar-left {
    width: 40%
}

.demo-bar-right {
    width: 60%;
}

.logo-wrap {
    max-width: 180px;
    margin-right: 30px;
    float: left;
    margin-top: 7px;
}

.products-dropdown-wrap {
    width: 80%;
    width: -webkit-calc(100% - 210px);
    width: -moz-calc(100% - 210px);
    width: calc(100% - 210px);
    float: right;
}

.device-frames-wrap ul li {
    list-style: none;
    padding: 10px;
    margin: 0;
    float: left;
}

.device-frames-wrap ul li a {
    color: #ffff;
}

.device-frames-wrap {
    width: 33%;
    padding-left: 20px;
}

.demo-bar-actions {
    width: 67%;
}

.device-frames-wrap,
.demo-bar-actions,
.demo-bar-left,
.demo-bar-right {
    float: left;
}

.device-frames-wrap ul,
.demo-bar-right .btn,
select#demo-switcher-dd {
    margin: 0;
}

select#demo-switcher-dd {
    background: #7b7b7b;
    color: #fff;
}

.demo-bar-right .btn {
    text-align: right;
}

.demo-page iframe {
    width: 100%;
    height: 100%;
}

html.main-demo-page {
    overflow-y: hidden;
}

.ourteam-wrapper {
    display: inline-block;
    padding: 30px;
    box-shadow: 0px 0px 7px #e6e6e6;
    width: 100%;
}

.not-tech-wrapper {
    text-align: center;
    background: #0f2335;
    color: #fff;
}

.section.not-tech-wrapper h2,
.section.not-tech-wrapper p {
    color: #fff;
}

.not-tech-wrapper .btn {
    margin-top: 30px;
}

.not-tech-wrapper .btn a {
    margin: 0;
    padding: 20px 80px;
    border: 2px solid #47b1f0;
}

.not-tech-wrapper .view-demo:before {
    display: none
}

.responsive-tabs-wrapper .responsive-tabs__list {
    background: #eeeeee;
    border: none;
    padding: 0;
}

.compare-table th {
    padding-top: 0;
}

.responsive-tabs-wrapper .responsive-tabs__list__item {
    padding: 18px 25px;
    border: none;
    margin: 0;
    display: inline-block;
    border-top: 2px solid #eee;
    border-radius: 0;
    transition: ease-in .3s all;
    -webkit-transition: ease-in .3s all;
    -moz-transition: ease-in .3s all;
    -ms-transition: ease-in .3s all;
    -o-transition: ease-in .3s all;
}

.responsive-tabs-wrapper .responsive-tabs__list__item--active,
.responsive-tabs-wrapper .responsive-tabs__list__item--active:hover,
.responsive-tabs-wrapper .responsive-tabs__list__item:hover {
    background: #fff;
    border-bottom-color: #fff;
    border-top: 2px solid #47b1f0;
}

.responsive-tabs-wrapper .responsive-tabs__heading:focus,
.responsive-tabs-wrapper .responsive-tabs__list__item:focus {
    outline: none;
}

.fp-tag {
    display: inline-block;
    position: absolute;
    top: 0;
    z-index: 99999;
    right: 0;
    font-size: 20px;
    padding: 11px 15px;
    font-weight: 500;
}

.theme-preview .slick-list {
    max-height: inherit !important;
}

.theme-preview .slick-slide {
    padding: 0 !important;
}

.theme-preview .slick-initialized.slick-slider {
    padding: 0 10px !important;
}

.page-id-80 #bbpress-forums #bbp-search-form #bbp_search {
    width: 100%;
}

.nav-links .nav-next,
.nav-links .nav-previous {
    display: inline-block;
    background: #e7f5fd;
    padding: 10px;
}

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

.nav-links .nav-previous:after,
.nav-links .nav-next:before {
    font-family: FontAwesome;
    padding: 10px;
    color: #0391ce;
}

.nav-links .nav-next:before {
    content: "\f177"
}

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

.nav-links .nav-previous:hover a:after,
.nav-links .nav-next:hover a:before {
    color: #717eb6;
}

.nav-links .nav-next:hover:before,
.nav-links .nav-previous:hover:after {
    color: #717eb6;
}

.nb-slide-textarea {
    font-size: 16px;
}

.nb-slide-textarea a {
    background: white;
    padding: 5px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

/* 3 product per row start */

.template-thumnails .thumbnail-wrapper {
    /* padding: 15px;
    flex-basis: 33.3333%;
    width: 33.3333%; */
    margin-bottom: 15px;
}

.template-thumbnail .details-wrapper {
    display: block;
    flex-wrap: nowrap;
}

.template-thumbnail .details-wrapper,
.template-thumbnail .fig-caption {
    height: auto;
    overflow: hidden;
}

.template-thumbnail .fig-caption {
    padding-bottom: 15px;
}

.template-thumbnail .category-tag {
    text-align: center;
    position: relative;
}

.template-thumbnail h2 {
    margin: 0px 0 0px;
    display: block;
    width: 100%;
    float: none;
}

.template-thumnails .template-thumbnail .demo-details {
    opacity: 0;
    left: 0;
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    z-index: 9;
    height: 100%;
    right: 0;
}

.template-thumnails .template-thumbnail:hover .demo-details {
    opacity: 1;
}

.template-thumbnail .view-details,
.template-thumbnail .view-demo {
    display: inline-block;
    margin: 0 5px;
    -moz-transform: translate(-0%, -50%);
    -ms-transform: translate(-0%, -50%);
    -o-transform: translate(-0%, -50%);
    -webkit-transform: translate(-0%, -50%);
    left: 0;
    position: relative;
    top: 40%;
    transform: translate(-0%, -50%);
    text-align: center;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    z-index: 99999;
}

.template-thumbnail a {
    position: relative;
}

.template-thumnails .template-thumbnail .demo-details:after {
    content: "";
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
}

figure.thumbnail-wrapper:hover .demo-details {
    opacity: 1;
}

/* 3 product per row end */

.related-posts--inner:before,
.related-posts--inner:after{
    clear: both;
    content: "";
    display: block;
}
.related-posts--inner {
    margin: 0 -15px;
}
.related-posts--inner .col-1-2 {
    float: left;
    width: 50%;
    padding: 0 15px;
}
.theme-info-wrapper .price{
    text-align: left;
}
.single-download .edd_download_purchase_form {
    margin-bottom: 0;
}
.theme-basic-info .btn a {
    margin-bottom: 5px;
}
.nb-top-absolute .nb-social_icons-wrap {
    padding: 4px 0;
}