/*!
Theme Name: cww
Author: cww
Author URI: https://codeworkweb.com
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: cww
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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.

cww is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	font-size: 36px;
	margin: 0.67em 0;
	font-weight: 600;
}
h2{
	font-size: 32px;
	font-weight: 600;
}
h3{
	font-size: 28px;
	font-weight: 600;
}
h4{
	font-size: 24px;
	font-weight: 600;
}
h5{
	font-size: 20px;
	font-weight: 600;
}
h6{
	font-size: 18px;
	font-weight: 600;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 60%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	/*font-family: 'Open Sans', sans-serif;*/
	font-family: var(--font-montserrat);
	font-size: 16px;
	font-size: 1rem;
	line-height: 2;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-jost);
	clear: both;
	line-height: 40px;
	margin: 0;
}

p {
	margin-bottom: 1.5em;
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

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

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

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

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

big {
	font-size: 125%;
}

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

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

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

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


ul {
	list-style: disc;
	margin: 0;
	padding: 0;
}

ol {
	list-style: decimal;
}



dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

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

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

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

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


select {
	border: 1px solid #ccc;
}


input[type=color], 
input[type=date], 
input[type=datetime-local],
input[type=datetime], 
input[type=email], 
input[type=month], 
input[type=number],
input[type=password], 
input[type=range], 
input[type=search], 
input[type=tel],
input[type=text], 
input[type=time], 
input[type=url], 
input[type=week] {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	    -webkit-border-radius: none;
	            border-radius: none;
    background-color: hsl(0, 0%, 100%);
    border: 2px solid #ccc;
    color: var(--color-dark-light);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-bold);
    line-height: 1;
    width: 100%;
    padding: 15px;
}
input[type=color]:focus, 
input[type=date]:focus, 
input[type=datetime-local]:focus,
input[type=datetime]:focus, 
input[type=email]:focus, 
input[type=month]:focus, 
input[type=number]:focus,
input[type=password]:focus, 
input[type=range]:focus, 
input[type=search]:focus, 
input[type=tel]:focus,
input[type=text]:focus, 
input[type=time]:focus, 
input[type=url]:focus, 
input[type=week]:focus{
	color: var(--template-color);
	border-color: var(--template-color);
	outline: none;
}

textarea{
	width: 100%;
	border: 2px solid var(--color-night-dark);;
	-webkit-border-radius: none;
	        border-radius: none;
	    font-size: var(--font-size-sm);
	    font-weight: var(--font-weight-bold);
	    color: var(--color-dark-light);
}
textarea:focus{
	color: var(--template-color);
	border-color: var(--template-color);
	outline: none;
}

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"]{
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	    
	    background-color: var(--template-color);
	    -webkit-border-radius: none;
	            border-radius: none;
	    padding: 15px 35px;
	    margin: 20px 0;
	    text-decoration: none;
	    color: var(--color-white);
	    font-size: var(--font-size-sm);
	    display: block;	    
		font-size: var(--font-size);
	    -webkit-transition: all 0.3s;
	       -moz-transition: all 0.3s;
	        -ms-transition: all 0.3s;
	         -o-transition: all 0.3s;
	            transition: all 0.3s;
}
button:hover,
input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover{
	background-color: var(--color-night-dark);
	cursor: pointer;
	
}
label{
	color: var(--color-night-dark);
	display: block;
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-bold);
	margin-top: 20px;
}

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



a:hover, a:focus, a:active {
	color: var(--template-color);
}

a:focus {
	outline: thin dotted;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

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

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

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

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}
.main-navigation ul ul li a{
	color: #333;
	font-size: 14px;
	border-bottom: 1px solid #f1f1f1;
}
.main-navigation ul ul li a:hover{
	color: #FFF;
}
.main-navigation ul ul a {
	width: 200px;
	
}

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

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

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

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

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

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

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

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

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

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

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

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

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

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

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

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

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

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

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/


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

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

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

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

.bypostauthor {
	display: block;
}

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

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

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

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

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gallery-caption {
	display: block;
}

.cww-container{
	width: 100%;
	max-width: 1280px;
	margin:  0 auto;
}
/* header styles */
.cww-flex{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.cww-flex-new {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
header .site-branding img {
    width: 80%;
}
.site-branding a {
    text-decoration: none;
    color: #fff;
}
header .site-branding {
    flex: 1 1 10%;
}
.site-branding p.site-title {
    font-size: 2rem;
    font-weight: 600;
    margin: 0;
    line-height: 22px;
}
.site-branding p.site-description {
    margin: 0;
    padding: 0;
    color: #fff;
}

.main-navigation ul li a {
    padding: 20px;
    
    color: #253238;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
         -o-transition: all 0.3s;
            transition: all 0.3s;

}
.main-navigation ul li a:hover{
	background: var(--template-color);
	color: #FFF;
}
.site-header {
  	font-family: var(--font-jost);
    z-index: 1;
    width: 100%;
    -webkit-transition: all 0.1s ease-in;
       -moz-transition: all 0.1s ease-in;
        -ms-transition: all 0.1s ease-in;
         -o-transition: all 0.1s ease-in;
            transition: all 0.1s ease-in;
}
.site-header.menu-fixed-triggered.menu-fixed{
	position: fixed;
	left: 0;
	right: 0;
	-webkit-box-shadow: 0px 3px 8px rgba(0,0,0,0.1);
  	        box-shadow: 0px 3px 8px rgba(0,0,0,0.1);
}


.header-last-items ul {
    margin: 0;
}
.header-last-items ul li {
    display: inline-block;
    padding: 0 15px;
}
.header-last-items ul li a {
    text-decoration: none;
    color: #fff;
    display: block;
    background-color: #2760b8;
    padding: 10px 30px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in;
       -moz-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
         -o-transition: all 0.3s ease-in;
            transition: all 0.3s ease-in;
}


.header-last-items ul li a.btn-login {
    border: 1px solid #2760b8;
}


.header-last-items ul li a.btn-login:hover{
	background: #132b2f;
	border-color: #132b2f;
}

.site-header {
    font-size: 14px;    
    background-color: #fff;
    box-shadow: 0px 3px 8px rgb(0 0 0 / 10%);
}
body.home.page-template-tmpl-home-php .site-header{
	background-color:  transparent;
	position:  absolute;
	left:0;
	width:100%;
	box-shadow: none;
}
body.home.page-template-tmpl-home-php .main-navigation ul li a{
	color:  #fff;
}
/* Common Styles */
h1,h2,h4,h4,h5,h6{
	font-family: var(--font-jost);
	color: #0b1c40;

}
a.btn-bg,
a.edd-add-to-cart.button.blue.edd-submit.edd-has-js,
.edd-submit.button.blue,
#edd-purchase-button, .edd-submit, [type=submit].edd-submit,
#edd_checkout_form_wrap .edd-cart-adjustment .edd-apply-discount.edd-submit {
    -o-transition: all .15s linear;
    -webkit-transition: all .15s linear;
    background-color: var(--template-color);
	-webkit-box-shadow: 0 0 0 0.0625rem var(--template-color) inset;	    
    box-shadow: inset 0 0 0 0.0625rem var(--template-color);
    color: #fff;
    padding: .8rem 2.5rem;
    transition: all .15s linear;
}
.edd-submit.button.blue{
	border: none;
    border-radius: 0;
}

a.btn-link{
	color: #fff;
    background: #2760b8;
    padding: .8rem 2.5rem;
}

a.btn-link,
a.btn-bg{
	text-decoration: none;
	display: inline-block;
}

/* header refinenents */
/* .site-header,
.site-branding a,
.site-header ul li a{
	color: #FFF;
} */

.site-header.fixed,
.site-header.fixed .site-branding a,
.site-header.fixed ul li a
{
	color: #333;
}



.site-header.fixed .header-last-items ul li a.btn-login{
	border-color: #333;
}


/* top banner section */


/* .home-top-banner{
	min-height: 90vh;
	position: relative;
	background-color: #1d1133;
	background-image: url(assets/img/banner_bg2.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
	
} */
/*.home-top-banner {
    position: relative;
    background-size: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
    background-image: url('assets/img/laptop-overview.jpg');
    background-position: right bottom;
}*/

.bg-botto {
    background-image: url(https://monitor.firefox.com/img/landing/background-noodle-middle.svg),linear-gradient(224deg,#2150c8,#712291);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
    position: relative;
    padding-top: 0;
}

.home-top-banner .content-wrapp,
.cww-features .desc,
.cww-product-disp .desc,
.cww-blogs .desc,
.cww-counters .desc,
.cww-testimonials .desc,
.cww-testimonials .desc-wrapp p{
	font-size: 16px;
    color: #666;
    line-height: 30px;
}

.home-top-banner .title h1 {
    font-size: 48px;
    font-weight: 500;
    color: #fff;
    text-shadow: 3px 3px 6px rgba(0,0,0,.2);
}
.home-top-banner .left-wrapp .content-wrapp{
	color: #fff;
	padding: 22px 0;
    text-shadow: 3px 3px 6px rgba(0,0,0,.2);
}
.home-top-banner .btn-wrapp a.btn-bg {
    margin-right: 30px;
}
.home-top-banner{
	background: #330072;
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    padding: 165px 0 250px 0;
    overflow: hidden;
}
.home-svg-wrapp svg {
    position: absolute;
    top: 25%;
    left: 75%;
    -webkit-animation: blob 750s infinite;
    -o-animation: blob 750s infinite;
    animation: blob 750s infinite;
    max-width: 1000px;
}
.home-svg-wrapp svg:last-child {
    -webkit-animation: blob 1200s infinite;
    -o-animation: blob 1200s infinite;
    animation: blob 1200s infinite;
    -webkit-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
    animation-delay: 0.2s;
    animation-direction: reverse;
}
@keyframes blob {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(3600deg);
    }
}


.home-top-banner .right-wrapp {
    position: relative;
}
.right-wrapp .cww-svg-circle {
    animation: round 9s infinite linear;
    height: 20px;
    left: 296px;
    top: 40px;
    transform-origin: 5px;
    width: 20px;
    border: 1px solid #ff8a50;
    border-radius: 100%;
    position: absolute;
}
.right-wrapp .cww-shape-two{
	animation: round 9s infinite linear;
	background-color: #ff7139;
	height: 165px;
    left: 200px;
    top: 345px;
    transform-origin: 80px 80px;
    width: 165px;
	border: 1px solid #ff8a50;
    border-radius: 100%;
    position: absolute;
}
.right-wrapp .cww-shape-three{
	animation: pill 7s infinite alternate;
	background: linear-gradient(to left,#9059ff,#592acb);
	height: 145px;
    left: 55px;
    top: 120px;
    transform: rotate(-34deg);
    width: 470px;
	border: 1px solid transparent;
    border-radius: 500px;
    position: absolute;
}
.right-wrapp .cww-shape-four{
	height: 145px;
    top: 320px;
    transform: rotate(-34deg);
    width: 348px;
        border: 1px solid #7542e5;
    border-radius: 500px;
    position: absolute;
}
.cww-grid-home{
	  display: -ms-grid;
      display: grid;
    -ms-grid-columns: 1fr 80px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 35px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.features-wrapp.cww-grid-home,
.blog-wrapper.cww-grid-home{
	grid-column-gap: 20px;
}

/* moving circles */
.cww-animated-wrapp > span {
    position: absolute;
    height: 15px;
    width: 15px;
    background: var(--template-color);
    border-radius: 50%;
}
.moveshape-one {
	left: 10%;
	top: 30%;
	animation: moveShape 20s linear 2s infinite alternate;
}
@keyframes moveShape {
  0% {
    left: 10%;
    top: 30%;
  }

  25% {
    left: 12%;
    top: 50%;
  }

  50% {
    left: 8%;
    top: 45%;
  }

  75% {
    left: 6%;
    top: 30%;
  }

  100% {
    left: 10%;
    top: 20%;
  }
}
.moveshape-two {
	left: 50%;
	top: 30%;
	animation: moveShape2 20s linear 2s infinite alternate;
}
@keyframes moveShape2 {
  0% {
    left: 50%;
    top: 30%;
  }

  25% {
    left: 30%;
    top: 40%;
  }

  50% {
    left: 40%;
    top: 45%;
  }

  75% {
    left: 50%;
    top: 30%;
  }

  100% {
    left: 60%;
    top: 30%;
  }
}
@keyframes round {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
@keyframes pill {
    from {
        transform: rotate(-34deg) translate(7px, 0);
    }
    to {
        transform: rotate(-34deg) translate(-7px, 0);
    }
}
.cww-animated-wrapp .moveshape-three {
	left: 30%;
	bottom: 20%;
	width: 30px;
	height: 30px;
	animation: moveShape3 20s linear 2s infinite alternate;
}
@keyframes moveShape3 {
  0% {
    left: 30%;
    bottom: 20%;
  }

  25% {
    left: 45%;
    bottom: 5%;
  }

  50% {
    left: 50%;
    bottom: 0%;
  }

  75% {
    left: 50%;
    bottom: 20%;
  }

  100% {
    left: 55%;
    bottom: 25%;
  }
}
.moveshape-four {
	left: 75%;
	bottom: 35%;
	animation: moveShape4 20s linear 2s infinite alternate;
}
@keyframes moveShape4 {
  0% {
    left: 75%;
    bottom: 35%;
  }

  25% {
    left: 85%;
    bottom: 45%;
  }

  50% {
    left: 95%;
    bottom: 50%;
  }

  75% {
    left: 75%;
    bottom: 40%;
  }

  100% {
    left: 80%;
    bottom: 30%;
  }
}
.moveshape-five {
	left: 60%;
	bottom: 0;
	animation: moveShape5 20s linear 2s infinite alternate;
}
@keyframes moveShape5 {
  0% {
    left: 60%;
    bottom: 0%;
  }

  25% {
    left: 70%;
    bottom: 10%;
  }

  50% {
    left: 80%;
    bottom: 5%;
  }

  75% {
    left: 90%;
    bottom: 30%;
  }

  100% {
    left: 70%;
    bottom: 40%;
  }
}

/* Feature section */
@keyframes one-animated {
  0% {
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
  }
  25% {
    border-radius: 58% 42% 75% 25% / 76% 46% 54% 24%;
  }
  50% {
    border-radius: 50% 50% 33% 67% / 55% 27% 73% 45%;
  }
  75% {
    border-radius: 33% 67% 58% 42% / 63% 68% 32% 37%;
  }
}

@keyframes two-animated {
  0% {
    border-radius: 70% 30% 30% 70% / 70% 70% 30% 30%;
  }
  25% {
    border-radius: 40% 80% 30% 90% / 72% 65% 35% 28%;
  }
  50% {
    border-radius: 65% 35% 45% 55% / 22% 48% 52% 78%;
  }
  75% {
    border-radius: 24% 76% 10% 90% / 44% 68% 32% 56%;
  }
}

@keyframes three-animated {
  0% {
    border-radius: 12% 88% 40% 40% / 20% 15% 85% 80%;
  }
  25% {
    border-radius: 72% 28% 30% 90% / 15% 46% 54% 85%;
  }
  50% {
    border-radius: 12% 88% 40% 40% / 20% 15% 85% 80%;
  }
  75% {
    border-radius: 18% 82% 10% 90% / 24% 68% 32% 76%;
  }
}

section.cww-features {
    padding: 0 0 160px 0;
    margin-top: 60px;
}

.cww-features .icon-wrapp {
    text-align: center;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    width: 86px;
    height: 86px;
    position: relative;
    margin: auto;
    background-color: #2760b8;
    background-image: linear-gradient(-45deg, #2782b8 0%, #2760b8 100%);
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    -webkit-box-shadow: 5px 7px 19px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 5px 7px 19px 0px rgba(0, 0, 0, 0.2);
    animation: one-animated 10s infinite;
    overflow: hidden;
}
.icon-wrapp svg{
	fill: #fff;
	 width: 45px;
    height: 45px;
}
.cww-features .feature-box h3 {
    margin: 0;
    font-size: 22px;
    line-height: 30px;
    padding: 10px 0;
    font-weight: 400;
}
.cww-features .feature-box {
    text-align: center;
    background: #fff;
    padding: 3.5rem 2rem;
    border-bottom: 2px solid transparent;
    -webkit-box-shadow: 0 3px 15px 2px rgba(61, 61, 61, 0.12);
            box-shadow: 0 3px 15px 2px rgba(61, 61, 61, 0.12);
    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
         -o-transition: all 0.3s;
            transition: all 0.3s;
}
.row-wrapp .feature-box:first-child {
    margin-bottom: 20px;
}

.cww-features .feature-box:hover{
	border-color: #4ac4f3;
	
    -webkit-transform: translate3d(0, -10px, 0);
    -moz-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    -webkit-box-shadow: -2px 2px 6px 1px rgba(0, 0, 0, 0.05);
            box-shadow: -2px 2px 6px 1px rgba(0, 0, 0, 0.05);
    
}


.cww-features .features-wrapp {
    padding-top: 20px;
}



.cww-features .title-wrapp h2,
.cww-blogs .title-wrapp h2,
.cww-testimonials h2,
.cww-theme-cta h2 {
    line-height: 65px;
    font-size: 52px;
    font-weight: 400;
    color: #20123a;
}

.cww-features .title-wrapp h3,
.cww-blogs h3,
.cww-theme-cta h3 {
    margin: 0;
    font-size: 28px;
    line-height: 40px;
    padding: 20px 0;
}
.cww-features .title-wrapp {
    padding-left: 135px;
}
.cww-features .row-wrapp.second-row-wrapp {
    margin-top: 20px;
}



/* product disp 1 */
.cww-product-disp{
	overflow: hidden;
}
.cww-product-disp .left-wrapp {
    position: relative;
}

.cww-product-disp .img-two {
    position: absolute;
    top: 0;
    left: 0;
}
.cww-product-disp .right-wrapp {
    max-width: 33.33%;
}
.cww-product-disp .desc{
	padding-bottom: 25px;
}

.cww-product-disp .img-one {

    z-index: -1;
   /*  width: 860px;
   height: 860px; */
    border-radius: 2000px;
    background: -webkit-linear-gradient(330deg,rgba(55,118,255,0) 45%,rgba(55,118,255,.1) 100%);
    background: linear-gradient(120deg,rgba(55,118,255,0) 45%,rgba(55,118,255,.1) 100%);
   
}
.cww-product-disp h2 {
    color: #6797ff;
    font-size: 80px;
    margin: 0;
    line-height: 88px;
}

.cww-product-disp h3 {
    margin: 0;
    font-size: 30px;
    line-height: 40px;
    padding: 20px 0;
}

/* footer */
.site-footer{
	background-color: #13151c;
	padding-top: 25px;
	color: #FFF;
	font-size: 14px;
	
}

.site-footer .site-info strong {
    padding: 0 10px;
}
.site-footer a,
.site-footer ul li a,
.site-footer h2,
.site-footer .widget ul li a{
	color: #FFF;
}
.site-footer h2.widget-title{
	border: none;
}
.site-footer h2.widget-title {
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 400;
    color: #cac4c4;
}

.site-footer a {
    text-decoration: none;
}

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


.site-footer .footer-widget-section {
    margin-bottom: 25px;
}
.site-footer .footer-widgets-bottom .widget-wrapp:first-child {
    border: 1px solid #dadada;
    padding: 25px;
}
.site-footer .footer-widgets-bottom .widget-wrapp:last-child .widget.widget_text,
.site-footer .footer-widgets-bottom .widget-wrapp:last-child .widget.widget_text p {
    margin-bottom: 0;
}
.footer-widgets-bottom {
    background: #222;
    padding: 70px 0;
}

.site-footer .tnp-widget-minimal input.tnp-submit {
    margin-top: 10px;
    background: var(--template-color);
}

.site-footer .site-info {
    text-align: center;
    padding: 15px 0;
}
.site-footer .textwidget.custom-html-widget {
    color: rgba(255, 255, 255,0.7);
}

.widget-outer-wrapp.cww-grid-footer {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 70px 1fr 70px 1fr 70px 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 70px;
}
/* blogs */
section.cww-blogs {
    margin: 110px 0;
    position: relative;
}


.cww-blogs .title-wrapp .inner-wrapp {
    max-width: 75%;
}

.cww-blogs .inner-wrapp a {
    text-decoration: none;
    color: #333;
}
.cww-blogs .inner-wrapp a:hover{
	color: var(--template-color);
}
.cww-blogs .blog-wrapper .inner-wrapp {
    background: #fff;
    box-shadow: 0 3px 15px 2px rgba(61, 61, 61, 0.12);
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
         -o-transition: all 0.3s;
            transition: all 0.3s;
}
.cww-blogs .blog-wrapper .inner-wrapp:hover {
    -webkit-transform: translate3d(0, -10px, 0);
    -moz-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    box-shadow: -2px 2px 6px 1px rgba(0, 0, 0, 0.05);
}


.cww-blogs .blog-wrapper .inner-wrapp .content-wrapp {
    padding: 20px;
}
.cww-blogs .blog-wrapper .inner-wrapp .img-wrapp {
    line-height: 0;
    position: relative;
}
.cww-blogs .blog-wrapper .inner-wrapp .img-wrapp .cat-links {
    position: absolute;
    top: 22px;
    left: 10px;
}
span.cat-links a {
    background: #ff4595;
    padding: 6px 8px;
    color: #fff !important;
    font-size: 14px;
}
.cww-blogs .blog-wrapper .inner-wrapp .content-wrapp h2 {
    margin: 0;
    font-size: 22px;
    line-height: 30px;
    padding-bottom: 12px;
}
.cww-blogs .blog-wrapper .inner-wrapp .post-excerpt {
    font-size: 16px;
    color: #666;
    line-height: 30px;
}
.cww-blogs .blog-wrapper .inner-wrapp a.btn-read-more {
    font-weight: 600;
    font-size: 14px;
    color: #1a3d8c;
}


.cww-blogs .blog-wrapper .row-wrapp .inner-wrapp:first-child {
    margin-bottom: 20px;
}
.cww-blogs .blog-wrapper .row-wrapp.second-block-wrapp {
    margin-top: 20px;
}

/* blog section animated squares */
.sqare_1{
  position: absolute;
    top: 0;
    left: -20px;
    width: 350px;
    height: 400px;
    border-radius: 10px;
    background-color: #685F98;
    opacity: 0.3;
 }
 .float_anim{
  -webkit-animation-name: Floating;
  -webkit-animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out; 
 }
 @-webkit-keyframes Floating{
  from {-webkit-transform:translate(0, 0px);}
  65% {-webkit-transform:translate(0, 30px);}
  to {-webkit-transform: translate(0, -0px);}    
}
 
.sqare_2{
    position: absolute;
    top: 50px;
    left: 200px;
    width: 150px;
    height: 150px;
    border-radius: 10px;
    background-color: #FDD0D2;
 
}
.sqare_4{
    position: absolute;
    top: 180px;
    left: 400px;
    width: 80px;
    height: 80px;
    border-radius: 10px;
    background-color: #F7E698;
}
.spin_anim {
-webkit-animation-name: Spinning;
  -webkit-animation-duration: 12s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
}

@-webkit-keyframes Spinning{
0% {
  -webkit-transform: rotate(0deg);
}
100% {
  -webkit-transform: rotate(180deg);
} 
}

/* counter section */
section.cww-counters {
	background-image: url(assets/img/map_bg.png);
	background-position: center;
    background-repeat: no-repeat;
    padding: 80px 0;
}
.cww-counters .inner-wrapper {
    text-align: center;
}
.cww-counters .nm-counter {
    font-size: 75px;
    color: #2e265d;
    font-weight: 600;
    line-height: 1;
}
.cww-counters .counter-wrapp {
    padding-top: 90px;
}
.cww-counters .counter-wrapp .text {
    font-size: 22px;
    margin-bottom: 0;
    color: #48426b;
    font-weight: 600;
}
.cww-counters h2 {
    color: #0b1c40;
    font-size: 60px;
    margin: 0;
    line-height: 88px;
}
.cww-counters .desc{
	padding: 0 300px;
}

/* testimonial section */
section.cww-testimonials {
    padding: 130px 0 485px 0;
    position: relative;
    margin-bottom: 140px;
}
section.cww-testimonials .shapes-wrapp {
    position: absolute;
    right: 100px;
    z-index: -1;
}
.cww-testimonials .cww-animated-wrapp > span{
	background: #eaebf3;
}
.cww-testimonials .title-wrapp {
    text-align: center;
    margin-bottom: 65px;
}



.cww-testimonials .desc {
    padding: 20px 300px;
}

.cww-testimonials .tab-content-wrapp {
    text-align: center;
}
.cww-testimonials .desc-wrapp {
    background: #fff;
    -webkit-box-shadow: 0 3px 15px 2px rgba(61, 61, 61, 0.12);
            box-shadow: 0 3px 15px 2px rgba(61, 61, 61, 0.12);
    margin-left: auto;
    margin-right: auto;
    padding: 25px 70px;
}

.cww-testimonials .desc-wrapp h4, 
.cww-testimonials .desc-wrapp h6 {
    margin: 0;
    padding: 0;
}
.cww-testimonials .desc-wrapp h4{
    font-size: 18px;
}
.cww-testimonials .desc-wrapp h6{
	font-size: 14px;
	line-height: 1;
}

.cww-testimonials .desc-wrapp p{
	font-size: 15px;
}
.cww-testimonials .clinet-nav-wrpp ul li{
	list-style: none;
}
.cww-testimonials .clinet-nav-wrpp {
    position: relative;
}
.cww-testimonials .clinet-nav-wrpp ul li{
    position:absolute;
    width: 10.5rem;
}
.cww-testimonials .clinet-nav-wrpp ul li:nth-child(1){
    top: 2.5rem;
    right: 16%;
    width: 55px;
}
.cww-testimonials .clinet-nav-wrpp ul li:nth-child(2){
    left: 7rem;
    bottom: -15rem;
}
.cww-testimonials .clinet-nav-wrpp ul li:nth-child(3){
    bottom: 0;
    left: 4%;
    width: 50px;
}
.cww-testimonials .clinet-nav-wrpp ul li:nth-child(4){
    top: 12rem;
    right: -2rem;
    width: 80px;
}
.cww-testimonials .clinet-nav-wrpp ul li:nth-child(5){
    top: -9rem;
    right: 0;
    width: 65px;
}

.cww-testimonials .clinet-nav-wrpp ul li a img{
	    -webkit-filter: drop-shadow(0px 15px 50px rgba(2, 173, 136, 0.2));
    -moz-filter: drop-shadow(0px 15px 50px rgba(2, 173, 136, 0.2));
    -o-filter: drop-shadow(0px 15px 50px rgba(2, 173, 136, 0.2));
    filter: drop-shadow(0px 15px 50px rgba(2, 173, 136, 0.2));
}


.cww-testimonials .tab-content-wrapp {
    position: relative;
}
.cww-testimonials .cww-tests {
   position: absolute;
    top: 0;
    left: 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
         -o-transition: all 0.3s;
            transition: all 0.3s;
}
.cww-testimonials .cww-tests .img-wrapp{
	margin-left: auto;
    margin-right: auto;
    width: 100px;
}
.cww-testimonials .cww-tests.active {
    opacity: 1;
    visibility: visible;
}

/* section titles hack */
.cww-product-disp h3,
.cww-features .title-wrapp h3,
.cww-blogs h3,
.cww-testimonials h2,
.cww-theme-cta h3,
.theme-features{
	color: #0b1c40;
	font-weight: 400;
}
/* mobile menus */
.mobile-navigation-wrapper,
.mobile-header-outer {
	display: none;
} 
.nav-toggle-icon{
	display: none;
}

.nav-toggle-icon svg {
    height: 55px;
    width: 55px;
}

/*Theme features*/
.theme-features ul{
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: auto auto;
	grid-template-columns: auto auto;
}
.theme-features {
    padding: 25px 0;
}
.btn-wrapp a.btn-bg {
    margin-right: 30px;
}
.cww-theme-cta {
    background-color: #f1f1f1;
    padding: 90px 0;
}
.cww-theme-cta .right-wrapp{
	position: relative;
}
.cww-theme-cta .img-bg {
    border-radius: 4px;
    height: 371px;
    width: 765px;
    left: -30px;
    max-width: none;
    position: absolute;
    top: 100px;
    background-repeat: no-repeat;
}

/* Top banner features*/
.bnr-features {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto auto auto;
    grid-template-columns: auto auto auto;
    margin-top: 35px;
}
.bnr-features .feature {
    padding: 20px 40px;
	background: #fff;
	border-bottom: 2px solid transparent;
	
        -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}



.bnr-features .feature:nth-child(2n){
	-webkit-box-shadow: 0 3px 15px 2px rgba(61, 61, 61, 0.12);
        box-shadow: 0 3px 15px 2px rgba(61, 61, 61, 0.12);
	border-color: var(--template-color);
	-webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
}
.bnr-features .feature p {
    color: #5b5b5b;
    margin-top: 10px;
}
.bnr-features .feature svg {
    height: 20px;
    width: 20px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}
.bnr-features .feature h5 {
    display: inline-block;
}
/*Login form*/
.cww-wc-login{
	position: fixed;
	top: 120%;
	right: 25%;
	width: 50%;
    background: #fff;
    padding: 35px 22px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.cww-wc-login.active {
    top: 25%;
}
.cww-wc-login .u-column1.col-1 {
    width: 48%;
    float: left;
    margin-right: 4%;
    border: 2px solid #cecbcb;
	padding: 30px;
}
.cww-wc-login .u-column2.col-2 {
    width: 48%;
    float: left;border: 2px solid #cecbcb;
	padding: 30px;

}
.cww-wc-overlay.active {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    left: 0;
    right: 0;
    top: 0;
}
.cww-wc-login .icon-wrapp svg {
    height: 40px;
    width: 40px;
    position: absolute;
    right: -10px;
    top: -10px;
}
.cww-wc-login.active .icon-wrapp svg:hover{
	cursor: pointer;
}


/* CTA Section */
.section__divider.section__divider--ecommerce-overlay {
    fill: #032139;
    position: absolute;
    top: -162px;
}
.cww-cta{
    background-color: #13151c;
    padding: 70px 0 60px 0;
    position: relative;
}
.cww-cta .cta-texts{
    text-align: center;
    color: #fff;
   	border-bottom: 1px solid rgba(255,255,255,.08);
    padding-bottom: 60px;
}
.section__illustration {
    display: flex;
    justify-content: space-between;
    width: 45%;
    margin-left: auto;
    margin-right: auto;
}
.section__illustration svg {
    height: 80px;
    width: 80px;
}
.section__illustration-left {
    transform: scaleX(-1);
}
.cww-cta .cta-texts p {
    color: #84939e;
}
.cta-texts h3 {
    font-size: 36px;
}

/* =============== Breadcrumbs ================== */
.cww-breadcrumb-wrapper {
    padding: 50px 0;
    position: relative;
    
}
.breadcrumb-title h1 {
    padding-bottom: 15px;
}
.cww-bread-wrapp.cww-container {
    position: relative;
    
}

nav.breadcrumb-trail.breadcrumbs ul li {
    display: inline-block;
    padding: 0 10px;
    position: relative;
    
}
nav.breadcrumb-trail.breadcrumbs ul li:first-child{
    padding-left: 0;
}

nav.breadcrumb-trail.breadcrumbs ul li a {
    color: #777;
}

nav.breadcrumb-trail.breadcrumbs ul li.trail-item.trail-end.current{
	color: var(--template-color);
}
nav.breadcrumb-trail.breadcrumbs ul li:not(:last-child):after {
    content: "\f105";
    font-family: 'fontawesome';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    margin-right: -1px;
    color: #777;
}

.single-wp_documentation .content-area {
    padding-top: 60px;
}

/*  */
.price-change label,
.price-change input {
    display: inline-block;
}
.price-change label {
    font-size: 16px;
    font-weight: 500;
    padding-left: 5px;
    margin: 5px 0;
}
.theme-links > * {
    display: inline-block;
}
#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: 15px;
}
.edd-variable-pricing-switcher {
    height: 45px;
}

.site-footer .footer-widget-section .widget_nav_menu ul li {
    display: inline-block;
}
.site-footer .footer-widget-section .widget_nav_menu ul li a {
    padding: 5px 15px;
}
.site-footer .footer-widget-section .widget_nav_menu {
    text-align: center;
}

.cww-btn-animated,
.cww-btn-animated span{
    position: relative;
}
.cww-btn-animated:before{
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 0;
    background: #333;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.cww-btn-animated:hover:before{
    width: 100%;
}
.cww-btn-animated:hover{
    color: #fff;
}
button.btn-bg.cww-btn-animated {
    padding: 20px 40px;
    border: none;
    border-radius: 0;
}