html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}
p {
    line-height: 1.8;
    margin-top: 0;
    margin-bottom: 1rem;
}

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

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

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

[hidden],
template {
	display: none;
}

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

a:active,
a:hover {
	outline: 0;
	text-decoration: none;
}

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

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

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

figure {
	margin: 1em 40px;
}

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

pre {
	overflow: auto;
}

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

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

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

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

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

input {
	line-height: normal;
}

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

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

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

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

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}
select {
    border: 1px solid #EEE;
    padding: 10px;
}
optgroup {
	font-weight: bold;
}

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

td,
th {
	padding: 0;
}
td{
    border: 1px solid #EEE;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

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

h4 {
    font-size: 24px;
    margin-bottom: 10px;
}
h5{
    font-size: 20px;
}

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

blockquote {
	margin: 0 1.5em;
    border-left: 3px solid #666;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #e8e5e5;
	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 5px;
}

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



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

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

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}
ul li,
ol li{
	margin-bottom: 15px;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

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: 19px;
	line-height: 1;
}

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

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

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

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

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/


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

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

.main-navigation ul ul {
	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 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;
}

.menu-toggle {
    background: #078398;
    color: #fff;
    border: none;
    padding-top: 12px;
    font-size: 17px;
    margin-top: 15px;
}

@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 40px;
	/* Make sure select elements fit in widgets. */
}
.widget_recent_comments ul li:before {
    content: "\f0e5";
}
.widget_recent_entries ul li:before, .widget_pages ul li:before {
    content: "\f0f6";
}
.widget_categories ul li:before {
    content: "\f114";
}
.widget_archive ul li:before {
    content: "\f115";
}
.widget_recent_entries ul li:before, .widget_pages ul li:before, .widget_categories ul li:before, .widget_archive ul li:before, .widget_recent_comments ul li:before, .widget_nav_menu ul li:before, .widget_links ul li:before, .widget_product_categories ul li:before, .widget_layered_nav ul li:before, .widget_layered_nav_filters ul li:before {
    font-family: "FontAwesome";
    margin-right: 0.5407911001em;
    display: block;
    float: left;
    opacity: 0.35;
    margin-left: -1.618em;
    width: 1em;
}

.widget-title, .comments-area .comment-reply-title, .comments-area .comments-title {
    font-weight: 400;
    line-height: 1.2;
    color: #454545;
    text-transform: capitalize;
    font-size: 20px;
    margin: 0 0 30px;
    padding-bottom: 15px;
    position: relative;
    border-bottom: 2px solid #e3e3e3;
}


.site-footer .widget-title:after,.site-footer .comments-area .comment-reply-title:after,.site-footer .comments-area .comments-title:after {
    content: '';
    position: absolute;
    width: 60px;
    height: 2px;
    background-color: #9081f1;
    bottom: -2px;
    left: 0;
}

.widget ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.widget ul.children {
    padding: 15px 0px 5px 15px;
}
.widget_archive ul li, .widget_categories ul li {
    text-align: left;
}
.widget_archive ul li a, .widget_categories ul li a {
    float: none;
    color: #555555;
}
.widget_archive ul li, .widget_categories ul li, .widget_recent_comments ul li, .widget_nav_menu ul li, .widget_pages ul li, .widget_meta ul li, .widget_categories ul li, .widget_recent_entries ul li {
    border-bottom: 1px solid #f1eeee;
    padding: 0 20px 15px;
    line-height: 1;
    color: #555555;
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 1.3;
}
.widget_archive ul li:last-child, .widget_categories ul li:last-child, .widget_recent_comments ul li:last-child, .widget_nav_menu ul li:last-child, .widget_pages ul li:last-child, .widget_meta ul li:last-child {
    border-bottom: 0;
}

.widget select {
	width: 100%;
    padding: 10px;
	max-width: 100%;
}
.widget_recent_comments ul li a {
    color: #aaaaaa;
}
.widget.widget_rss ul li a.rsswidget {
    color: #9081f1;
}
.widget_text .textwidget strong {
    margin: 10px 0 5px;
    display: block;
}

.widget_tag_cloud .tagcloud {
    margin-top: 25px;
}
.widget_tag_cloud .tagcloud a {
    text-transform: uppercase;
    padding: 12px 16px;
    background-color: #ffffff;
    font-size: 14px !important;
    color: #555555;
    line-height: 1;
    display: inline-block;
    margin: 0 12px 12px 0;
    border: 1px solid #f1f1f1;
}
.widget_tag_cloud .tagcloud a:hover {
    background-color: #9081f1;
    color: #ffffff;
}


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

.hentry {
	margin: 0;
}

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



.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. */


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

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    color: #666;
    border: 1px solid #d4d4d4;
    padding: 10px;
    max-width: 100%;
}
.button, button, input[type="button"], input[type="reset"], input[type="submit"] {
    display: inline-block;
    border: 1px solid #75b8fc;
    background: #75b8fc;
    color: #FFF;
    padding: 10px 37px;
    text-decoration: none !important;
    font-size: 15px;
}
input[type="submit"]:hover, 
input[type="submit"]:focus {
    background: #111;
}

body, button, input, select, optgroup, textarea {
    color: #505050;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 400;
    overflow-x: hidden;
}

h1,h2,h3,h4,h5,h6,
.cta-title-wrapp .title{
	font-family: 'Poppins', sans-serif;
	margin: 0 0 0.5rem;
	
}

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

.site-header{
	background: #253238;
    font-family: sans;
    position: absolute;
    width: 100%;
    z-index: 9;
    
}

.site-header .site-branding {
    margin: 0;
    width: 100%;
    line-height: 1;
    max-height: 50px;
    
}
.site-header .site-branding .site-description {
    display: none;
}
.site-header .site-branding .site-title a {
	color: #fff;
    text-decoration: none;
    font-size: 22px;
}

.site-header .inner-logo{
	display: none;
}
/*.operation-inner .site-header .custom-logo-link {
    display: none;
}
.operation-inner .site-header .inner-logo{
	display: block;
}*/

.site-header .site-branding p {
    margin: 0;
    display: inline-block;
}
.site-header .menu-primary-container a {
    color: #d2d2d2;
    text-transform: capitalize;
    
}


.site-header .main-navigation ul li a {
    padding: 4px 14px;
    color: #fff;
    line-height: 65px;
    font-size: 14px;
    text-transform: capitalize;
    
}

.site-header .main-navigation ul li:hover {
    background-color: rgba(255, 255, 255, 0.06);
}
.site-header .main-navigation ul li.current-menu-item{
	/* background-color: rgba(255, 255, 255, 0.06);	 */
	background-color: rgba(1, 123, 189,0.6);	
}

.main-navigation .menu li.current-menu-item a {
  
}


.main-navigation ul>li {
    list-style: none;
    float: left;
    text-transform: uppercase;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}
.main-navigation ul li {
    list-style: none;
    position: relative;
    margin-bottom: 	0;
}


/** Sticky menu
*/

/**
* header user profule
*/
.user-profile {
    padding: 20px 0;
    position: relative;
    text-align: right;
    
}
.user-profile.user-logged{
	padding: 13px 0;
}
.user-profile i {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}
.user-profile img {
    width: 40px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
}
.user-profile.user-logged ul.user-menus {
	background-color: #546e7a;
    padding: 0;
    margin: 0;
    width: 155px;
    display: block;
    color: #fff;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    
}
.user-profile.user-logged:hover ul.user-menus {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}
ul.user-menus li {
    list-style: none;
    background-color: #546e7a;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #455a64;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 20px;
    

}
ul.user-menus li a {
	padding: 10px 20px;
    padding-left: 8px;
}
ul.user-menus li img {
    width: auto;
    padding-left: 7px;
}
.user-profile.user-logged ul.user-menus li:hover {
    background-color: #75b8fc;
}
.user-profile.user-logged ul.user-menus li:hover a{
	color: #FFF;
}
/** nol-logged users **/

.user-profile.user-nonlogged a {
    color: #fff;
    background: #5c666f;
    padding: 8px 20px 12px 12px;
    font-weight: 700;
    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
         -o-transition: all 0.3s;
            transition: all 0.3s;
}
.user-profile.user-nonlogged a span {
    display: inline-block;
    vertical-align: middle;
}
.user-profile.user-nonlogged img {
    width: auto;
    padding-right: 4px;
    display: inline-block;
    vertical-align: middle;
}
.user-profile.user-nonlogged a:hover {
    background-color: rgba(1, 123, 189,0.6);
    color: #fff;
}
/**--------------------------Home Page ---------------------------- **/

.page-template-tpl-home section,.site-footer section{
    padding: 60px 0;
}



#op-landing-intro{
	padding-bottom: 0;
	position: relative;
    
}

.op-main-banner {
    background-image: url(assets/images/suru-left.svg), url(assets/images/suru-right.svg), linear-gradient(44deg, #387c95 0%, #0b3795 9%, #102f71 34%, #0b3795 67%, #0f3381 88%, #1243ab 100%, #0b3795 100%);
    background-position: left, right;
    background-repeat: no-repeat, no-repeat;
    background-size: auto 100%, auto 100%, cover;
}

.content-right figur{
	    margin: 0;
	    max-width: 100%;
}

.op-main-banner .content-left h1 {
    font-size: 32px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 17px;
}
.content-left h1 span {
    font-style: italic;
}

/** curved section **/
.op-curve{
	position: absolute;
    bottom: -35px;
    width: 100%;
}
/** animated btn **/

.banner-hold .button-row {
    margin-top: 40px;
}

.button-row {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.button-row > div, .button-row > div > a::before, .button-row > div > a::after {
    height: 54px;
}

.button-row > div {
    position: relative;
    min-width: 230px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
}
.button-row > div > a {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-27px);
    -moz-transform: translateZ(-27px);
    -ms-transform: translateZ(-27px);
    -o-transform: translateZ(-27px);
    transform: translateZ(-27px);
    -webkit-transition: -webkit-transform 0.25s;
    -moz-transition: -moz-transform 0.25s;
    transition: transform 0.25s;
    left: 0;
}
.button-row.reversed > div > a::before {
    background-color: #017bbd;
    border-color: #017bbd;
    color: #fff;
}

.button-row > div > a::before {
    -webkit-transform: rotateY(0deg) translateZ(27px);
    -moz-transform: rotateY(0deg) translateZ(27px);
    -ms-transform: rotateY(0deg) translateZ(27px);
    -o-transform: rotateY(0deg) translateZ(27px);
    transform: rotateY(0deg) translateZ(27px);
}
.button-row > div > a::before, .button-row > div > a::after {
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0 25px;
    min-width: 100px;
    position: absolute;
    border: 1.5px solid #29253e;
    box-sizing: border-box;
    content: attr(title);
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    text-transform: capitalize;
    color: #4a4f55;
    width: 100%;
}
.button-row > div > a::after {
    background-color: #017bbd;
    border-color: #017bbd;
    color: #fff;
    -webkit-transform: rotateX(90deg) translateZ(27px);
    -moz-transform: rotateX(90deg) translateZ(27px);
    -ms-transform: rotateX(90deg) translateZ(27px);
    -o-transform: rotateX(90deg) translateZ(27px);
    transform: rotateX(90deg) translateZ(27px);
}
.button-row > div > a:hover {
    -webkit-transform: translateZ(-27px) rotateX(-90deg);
    -moz-transform: translateZ(-27px) rotateX(-90deg);
    -ms-transform: translateZ(-27px) rotateX(-90deg);
    -o-transform: translateZ(-27px) rotateX(-90deg);
    transform: translateZ(-27px) rotateX(-90deg);
}

.th-content-wrap .button-row > div{
	min-width: 170px;
}



.op-main-banner h2{
    color: #000000;
}
.content-left {
    color: #fff;
    margin-bottom: 35px;
    
}
/* new styles*/
.banner-top-wrap {
    padding-top: 140px;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}


.content-left .button {
    background: #f8aa0c;
    width: 32%;
    text-align: center;
    padding: 6px;
    margin-top: 16px;
    border-radius: 20px;
}
.content-left .button i{
    color: #333;
    font-size: 18px;
}
.button .op-banner-btn {
    color: #333;
    font-weight: bold;
}

/*--------------- */
.section-title{
    text-align: center;
    margin-bottom: 62px;
    position: relative;
}
.section-title h2 {
    font-weight: 600;
    font-size: 28px;
    text-transform: capitalize;
    padding: 13px;
    padding-bottom: 0;
    color: #404040;
}

.section-info {
    padding-bottom: 10px;
    color: #666;
    font-size: 16px;
    margin-top: 24px;
    line-height: 28px;
}


/** -------------- HOme Theme listings **/


a.link-details {
    background: #3ab4c7;
    width: 32%;
    color: #fff;
    padding: 15px;
    /* float: left; */
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
a.link-details i {
    padding-right: 6px;
}

.op-themes figure {
    border: 1px solid #adaaaa;
    position: relative;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;

}

.theme-info {
    border-top: 1px solid #f3eded;
    padding: 15px;
    text-align: center;
    background: #2b2183;
    color: #fff;
}

.theme-info:before{
	content: '';
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border: 1px solid #ffffff;
    opacity: 0;
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
         -o-transition: all 0.3s;
            transition: all 0.3s;
}

.op-themes figure a:hover .theme-info:before{
    opacity: 0.3;
    -webkit-transform: scale(1,1);
    transform: scale(1,1);

}
.op-themes figure:hover .theme-info{
	background: rgba(0,0,0,0.75);
	opacity: 1;
}

.op-themes figure:hover .theme-info .info{
	top: 0;
    opacity: 0.8;
    -webkit-transition: all 0.3s ease 0.15s;
    transition: all 0.3s ease 0.15s;
}

.theme-info{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background: #333;
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.theme-info{
    display:block;
    padding-top: 80px;
}
.theme-info .info{
	opacity: 0;
    position: relative;
    top: -20px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
    


.theme-name {
    font-size: 30px;
}

.info-btn a {
    font-size: 13px;
}
#op-theme-disp .view-all {
    padding-top: 30px;
    text-align: center;
}
/** --------------------- Services -----------------------***/


.service-items-wrapp .icon-wrap img {
    width: 40px;
    vertical-align: middle;
}
.service-items-wrapp .detail-wrap {
    display: inline-block;
    padding-left: 10px;
    width: 80%;
    float: right;
}

.service-items-wrapp .service-title {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
}
.service-items-wrapp .service-info{
	color: #666;
	font-size: 14px;
}
.icon-wrap {
    float: none;
    width: 65px;
    height: 65px;
    color: #fff;
    font-size: 30px;
    background: #017bbd;
    text-align: center;
    line-height: 65px;
    border-radius: 10%;
    display: inline-block;
    width: 15%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.icon-wrap:hover {
    background: #075884;
}
#op-services .col-wrapper:hover .icon-wrap {
    background: #075884;
}



#op-services .col-wrapper {
	
    cursor: pointer;
    background: #fff;
    padding-top: 1px;
    -webkit-transform: scale(.98);
	   -moz-transform: scale(.98);
	    -ms-transform: scale(.98);
	     -o-transform: scale(.98);
	        transform: scale(.98);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border: 1px solid #f1f1f1;
    

}
#op-services .col-wrapper:not(:last-child){
    margin-bottom: 19px;
}
#op-services .col-wrapper:hover {
    -webkit-box-shadow: 3px 4px 20px rgba(0,0,0,0.1);
    box-shadow: 3px 4px 20px rgba(0,0,0,0.1);
    -webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
	     -o-transform: scale(1);
	        transform: scale(1);
}



.service-items-wrapp .item-inner-wrapp {
    padding: 10px 32px;
} 
.service-items-wrapp .col-wrapper figure {
    margin: 0;
    padding: 15px;
}
.section-title-service h2{
	font-weight: 600;
	color: #404040;
    font-size: 28px;
}

.section-title.white h2{
	color: #FFF;
}

/** ---------------------------------- Home page slanted section ----------------------**/
section.slanted {
    position: relative;
    padding: 25px 0;
   /* -webkit-clip-path: polygon(0 12%, 100% 0, 100% 88%, 0 100%);
	clip-path: polygon(0 12%, 100% 0, 100% 88%, 0 100%);*/
}
section.slanted .section-title{
	margin-bottom: 25px;
}

section.slanted .section-title-service, section.slanted .section-info {
    color: #fff;
}

section.slanted .section-info {
    margin: 0 auto;
    width: 60%;
    margin-bottom: 30px;
}
section.slanted .inner-wrap-cta {
    text-align: center;
    padding: 60px 0;
    position: relative;
    z-index: 1;
}
section.slanted:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(6, 66, 99, 0.8);
}
section.slanted .section-title-service{
    
}
.action-btn-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.action-btn-wrapper .button-row {
    margin: 0 10px;
}


/** ---------------------------------- theme single paege ----------------------**/
.op-theme-top{
    background-image: url(assets/images/suru-left.svg),url(assets/images/suru-right.svg),linear-gradient(44deg,#387c95 0,#0b3795 9%,#102f71 34%,#0b3795 67%,#0f3381 88%,#1243ab 100%,#0b3795 100%);
    background-position: left,right;
    background-repeat: no-repeat,no-repeat;
    background-size: auto 100%,auto 100%,cover;
    color: #f5f5f5;
    line-height: 2;
    padding: 100px 0 120px 0;
}
header.entry-header h1 {
    font-weight: 700;
    font-size: 27px;
}


.th-content-wrap {
    margin-top: 45px;
}

.th-content-wrap .theme-links .button-row > div{
	    min-width: 145px;
} 
.theme-links .button-row {
    margin-right: 15px;
}
.theme-links .button-row i {
    color: #fff;
    z-index: 9;
    position: absolute;
    top: 16px;
    left: 12px;
}
.th-content-wrap .theme-links .button-row.doc > div {
    min-width: 175px;
}
.button-row.reversed.doc > div > a::before{
    padding-left: 40px;
}

.op-theme-side h5 {
    text-align: center;
    color: #777;
    font-size: 18px;
    font-weight: 700;
}
.op-theme-side h3.item-price {
    font-size: 45px;
    padding-top: 0;
    color: #4e5152;
}
.op-theme-side {
	background: #fff;
    border-top: none;
    padding: 20px;
    -webkit-box-shadow: 0 2px 7px 0 rgba(0,0,0,.15);
            box-shadow: 0 2px 7px 0 rgba(0,0,0,.15);
}
.op-theme-side .btn i {
    padding-left: 14px;
}
.theme-links a i {
    padding-right: 5px;
}
.op-theme-side ul {
    list-style: none;
    padding: 10px;
    margin: 0;
    font-size: 18px;
}

.op-theme-side ul li {
	display: flex;
    border-bottom: 0.5px dashed #d4e0d4ee;
    padding-top: 15px;
    margin-left: 20px;
    font-size: 16px;
    color: #4e4c4c;
}
.op-theme-side ul li a {
    color: #017bbd;
}
.op-theme-side h3 {
    border-bottom: 4px double #017bbd;
    padding: 8px;
    text-align: center;
    border-top: 4px double #017bbd;
}

.op-theme-side .op-item-price {
    color: #bd081c;
    font-size: 28px;
}

.op-theme-side ul li label {
    margin-right: 5px;
    font-size: 14px;
    width: 45%;
    font-weight: 700;
}
.op-theme-side .button-row.reversed div a:before,.op-theme-side .button-row.reversed div a:after {
    border-color: transparent;
}
/** Tabs **/
.tab-content {
    margin-top: 33px;
}

/** Free Vs Pro table **/
.compare-title th {
    padding: 30px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
.comparision-table td {
    padding: 30px;
}

.theme-details .nav-tabs {
    text-align: center;
}

.theme-details ul.nav.nav-tabs li a {
    color: #fff;
    font-size: 16px;
    background: #333;
    padding: 16px 26px;
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.1);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.theme-details ul.nav.nav-tabs li a:hover,
.theme-details ul.nav.nav-tabs li.active a {
    background: #017bbd;
}
ul.nav.nav-tabs.nav-justified {
    border-bottom: none;
    background: #f1f1f185;
    padding: 25px 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.theme-details ul.nav.nav-tabs li:hover a {
    opacity: 1;
}
.single-plugins .op-boxed-wrapp,
.single-themes .op-boxed-wrapp {
    padding: 0;
}
.theme-details ul.nav.nav-tabs li{
	position: relative;
}


li.nav-item:hover {
    
    cursor: pointer;
}
.theme-details ul.nav-tabs li.nav-item{
    padding: 20px 20px 0 20px;
}

.op-theme-side .button-row {
    margin-left: 70px;
}
.theme-details .img-wrap {
    margin-bottom: 25px;
}
/** ------------ Single Page footer --------------**/

footer.entry-footer {
    margin: 25px;
}
footer.entry-footer .edit-link {
    background: #333;
    padding: 5px 15px;
    -webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
}
a.post-edit-link {
    color: #fff;
    font-size: 16px;
}
footer.entry-footer span.edit-link a{
    text-decoration: none;
}
footer.entry-footer span.edit-link a i {
    padding-right: 5px;
}
footer.entry-footer .edit-link:hover {
    background: #111;
    border-color:  #ccc #ccc #ccc;
}

/** ========================== Breadcrumbs ======================== **/
.header-banner-container {
    background-image: url(assets/images/suru-left.svg), url(assets/images/suru-right.svg), linear-gradient(44deg, #387c95 0%, #0b3795 9%, #102f71 34%, #0b3795 67%, #0f3381 88%, #1243ab 100%, #0b3795 100%);
    background-position: left, right;
    background-repeat: no-repeat, no-repeat;
    background-size: auto 100%, auto 100%, cover;
    color: #fff;
    padding: 100px 0;
    margin-top: 60px;
    margin-bottom: 25px;
}
#operation-breadcrumb a {
    color: #f8aa0c;
}

/** ================================================ Archive Page Themes ============================================= **/


.home-theme-price-tag{
	background: url(assets/images/free-tag.png)no-repeat scroll center center;
}
.home-theme-pro-tag{
	background: url(assets/images/premium-tag.png)no-repeat scroll center center;
}
.home-theme-price-tag,.home-theme-pro-tag{
    font: 0px/0 a;
    height: 97px;
    position: absolute;
    right: -3px;
    top: -9px;
    width: 85px;
    z-index: 1;
}

/** --------------------- Footer -------------------**/
.site-footer{
    background-color: #f4f4f4;
    color: #666;
}
.site-footer .widget ul li a{
	color: #fff;
}
/** footer menu widget **/
.site-footer .widget_nav_menu ul li:hover a:before {
    left: 5px;
}

.op-footer-wrap {
    padding: 20px 0;
}
/** Footer menu widget **/
.site-footer .widget_nav_menu ul li a:before {
    content: '\f101';
    position: absolute;
    font-family: FontAwesome;
    color: #fff;
    left: 0;
    font-size: 14px;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
}
.site-footer .widget_nav_menu ul li {
    border-bottom: 1px dashed #616161;
    padding: 11px 11px;
}

.site-footer .widget_nav_menu ul li:hover a{
	color:#9081f1
}

a.aptf-tweet-name {
    color: #afb3ae !important;
}
.site-footer .widget-title, .site-footer .comments-area .comment-reply-title, .site-footer .comments-area .comments-title{
	color: #fff;
}
.site-footer .site-info {
    border-top: 1px solid #222;
    color: #AAA;
    padding: 15px 0;
    font-size: 1rem;
}


.cta-block{ color: #fff; }
.parallax-window{ padding: 50px 0; }
section.cta-block.cta-new-release {
    background-image: url(assets/images/bg-plugin.png);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.button-row.bdr-white > div > a::before{
  border-color: #fff; color: #fff;
}
.title {
    margin-bottom: 50px;
}
.title.text-left h2:after {
    margin: 20px 0 0;
}

.title h2:after {
    content: "";
    width: 60px;
    height: 3px;
    display: block;
    margin: 20px auto 0;
    background-color: #9081f1;
}










#particles-js {
  position: absolute;
  width: 100%;
  height: 60%;
  
}


/**
* Single page and archive pages
*/
/* .site-content {
    padding-bottom: 90px;
}
 */
 .site-content{
 	background: #FFF;
 }
/**
* Customization form
*/
.op-customization-wrapper .op-cust-wrapper label {
    float: left;
    width: 48%;
    margin-top: 20px;
}
.op-customization-wrapper .op-price-label {
    padding-left: 406px;
}
.op-customization-wrapper .op-cust-wrapper {
    margin-top: 20px;
}
.op-customization-wrapper textarea {
    overflow: auto;
    padding-left: 3px;
    vertical-align: top;
    color: #666;
    border: 1px solid #ccc;
    height: 160px;
    max-width: 100%;
    width: 100%;
}
.op-customization-wrapper .op-form-submit {
    margin-top: 20px;
    padding-left: 500px;
}
/**
* Inner pages top header style
*/
.site-header ul li a{
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
}
/*.operation-inner .header-banner-container{
	margin-top: 87px;
}

.operation-inner .site-header{
	background:#fff;
	border:none;
}
.operation-inner .site-header ul li a{
	color:#000;
}
.operation-inner .main-navigation .menu li:before{
     background: #9081f1;
}*/
/**
* Forum Styles
*/
#bbpress-forums div.bbp-forum-author .bbp-author-role, #bbpress-forums div.bbp-topic-author .bbp-author-role, #bbpress-forums div.bbp-reply-author .bbp-author-role{
    background: #3c3c3c !important;
    color: #fff !important;
}
#bbpress-forums div.bbp-forum-author a.bbp-author-name, #bbpress-forums div.bbp-topic-author a.bbp-author-name, #bbpress-forums div.bbp-reply-author a.bbp-author-name{
    margin: 0 !important;
    font-size: 14px !important;
    
}
.entry-content #bbpress-forums p{
    padding: 0;
}
.bbpress .entry-header {
    display: none !important;
}

#bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results{
	font-size:18px;
}
#bbpress-forums,
#bbpress-forums ul.bbp-lead-topic, 
#bbpress-forums ul.bbp-topics, 
#bbpress-forums ul.bbp-forums, 
#bbpress-forums ul.bbp-replies, 
#bbpress-forums ul.bbp-search-results{
    font-size: 16px;
}

#bbpress-forums fieldset.bbp-form legend{
	font-size: 16px;	
}
#bbpress-forums .bbp-forum-info .bbp-forum-content, 
#bbpress-forums p.bbp-topic-meta{
    font-size: 14px;
}
#bbpress-forums fieldset.bbp-form p, #bbpress-forums fieldset.bbp-form textarea, #bbpress-forums fieldset.bbp-form select, #bbpress-forums fieldset.bbp-form input {
    margin: 0 0 8px;
}

.bbp-logged-in h4{
	    text-transform: capitalize;
}
#bbpress-forums li.bbp-body ul.forum, 
#bbpress-forums li.bbp-body ul.topic,
#bbpress-forums li.bbp-header{
    padding: 20px !important;
}

#bbpress-forums li.bbp-header{
    background: #333 !important;
    color: #FFF;
}
#bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer{
	font-weight: normal;
}

#bbpress-forums a{
    text-decoration: none;
}

#bbpress-forums div.bbp-search-form,
#bbpress-forums p.bbp-topic-meta .bbp-author-avatar{
    display: none;
    font-style: italic;
}

#bbpress-forums .bbp-forums-list{
    margin: 0;
    border: 0;
}

#bbpress-forums .bbp-forums-list li{
    font-size: 14px !important;
    display: block !important;
}

#bbp-search-form > div,
.blg-search-form .search-form{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#bbp-search-form > div #bbp_search,
.blg-search-form .search-form .search-field{
    width: 100%;
}

.bbp-logged-in{
    border: 5px solid #EEE;
    padding: 20px;
    text-align: center;
}

.bbp-logged-in img.avatar{
    float: none;
    margin: 0 0 15px;
    border-radius: 50%;
}

.bbp-logged-in .logout-link{
    line-height: 1.5;
    margin-top: 10px;
}
.bbp-logged-in .logout-link:hover {
    color: #fff;
    background: #111;
    border-color: #ccc #bbb #aaa;
}

.bbp-breadcrumb + #subscription-toggle{
    float: right;
    font-size: 18px;
}

.bbp-login-form label{
    width: 180px;
}
p.bbp-topic-meta span a {
    font-size: 12px;
}
li.bbp-topic-title a {
    font-size: 16px;
}
li.bbp-forum-info a.bbp-forum-title {
    font-size: 16px;
}

.widget_display_topics ul li{
    background: #F6F6F6;
    padding: 10px;
    margin-bottom: 10px;
    border-left: 6px solid #EEE;
}

.widget_display_topics ul li:before{
    content: "\f08d";
    font-family: FontAwesome;
    margin-left: -20px;
    float: left;
    display: none;
}

.widget_display_topics .topic-author .bbp-author-avatar{
    display: none;
}

.widget_display_topics ul li > div{
    font-size: 18px;
    font-style: italic;
}

.bbp-reply-author .bbp-author-avatar {
    position: relative;
    display: block;
}

.keymaster .bbp-author-avatar::after {
    content: "";
    position: absolute;
    left: 17px;
    bottom: 0;
    right: 17px;
    background: url(images/administrator.jpg) no-repeat;
    height: 15px;
}

.moderator .bbp-author-avatar::after {
    content: "";
    position: absolute;
    left: 17px;
    bottom: 0;
    right: 17px;
    background: url(images/support-team.jpg) no-repeat;
    height: 15px;
}

#bbpress-forums div.bbp-forum-author a.bbp-author-name, 
#bbpress-forums div.bbp-topic-author a.bbp-author-name, 
#bbpress-forums div.bbp-reply-author a.bbp-author-name{
    line-height: 1.4;
}

#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content{
    font-size: 18px;
    border: 0;
}

#bbpress-forums div.bbp-template-notice img.avatar{
    margin-bottom: 0;
}

.bbp-pagination-links a, .bbp-pagination-links span.current{
    padding: 0 10px;
}
a.bbp-lostpass-link {
    color: #9e0202;
}
a.bbp-lostpass-link:hover {
    color: #f34040;
}

.bbp-purchased{
    display: block;
    background: rgb(214, 32, 91);
    color: #FFF;
    padding: 5px;
    line-height: 1;
    font-size: 14px;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    margin: 0 10px;
}

.bbp-purchased span{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 50%;
    top: 100%;
    width: 120px;
    text-align: center;
    color: #FFF;
    font-size: 14px;
    background: #333;
    z-index: 99;
    margin-top: 10px;
    padding: 10px;
    border-radius: 3px;
    margin-left: -60px;
    white-space: normal !important;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.bbp-purchased span:after{
    content:"";
    position: absolute;
    left: 50%;
    border-style: solid;
    border-color: transparent transparent #333;
    border-width: 6px;
    bottom: 100%;
    margin-left: -6px;
}

.bbp-topic-freshness .bbp-purchased span{
    right: 100%;
    left: auto;
    top: 50%;
    width: 200px;
    line-height: 1.3;
    margin-right: 10px;
    margin-top: 0;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.bbp-topic-freshness .bbp-purchased span:after{
    bottom: auto;
    left: 100%;
    border-color: transparent transparent transparent #333;
    top: 50%;
    margin-top: -6px;
    margin-left: 0;
}

.bbp-purchased:hover span{
    opacity: 1;
    visibility: visible;
}

.bbp-login-form input[type="text"],
.bbp-login-form input[type="password"]{
    width: 100%;
}

#bbpress-forums div.bbp-reply-content a,
#bbpress-forums .bbp-forum-info .bbp-forum-content a{
	text-decoration: none;
    color: #fff;
}

/** Footer icons */
.ftr-icons {
    padding-top: 26px;
}
.ftr-icons span {
    padding: 14px;
    font-size: 27px;
}
.site-footer .textwidget.custom-html-widget {
    font-size: 14px;
    font-weight: 500;
}
/** New Header **/
.site-header .site-branding .site-description {
    display: none;
}
/*.site-header .site-branding img {
    width: 50px;
}
*/

/** Footer styles **/

.site-footer p.site-title{
	margin: 0;
    display: inline-block;
}
#footer-menu li {
    padding: 5px;
}
#footer-menu li a {
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
}    

/** woocommerce Account page **/
nav.woocommerce-MyAccount-navigation ul li {
    list-style: none;
}

nav.woocommerce-MyAccount-navigation {
    width: 25%;
    float: left;
}

/*================================================
my account
===============================================*/
.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea {
     padding: 7px;
}
.woocommerce-checkout .select2-container .select2-selection--single {
     height: 38px;
     padding: 3px;
}
.woocommerce-info {
     border-top-color: #75b8fc;
}
.woocommerce-info::before {
     color: #75b8fc;
}
.cart-count {
    display: inline-block;
    font-size: 12px;
    height: 18px;
    width: 18px;
    line-height: 1.5;
    text-align: center;
    background: #dd3333;
    border-radius: 100%;
    color: #fff;
    position: relative;
    top: -4px;
}
/*==========================================
woocommerce-MyAccount-navigation
==========================================*/
.woocommerce-MyAccount-navigation ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a {
    margin: 5px;
    display: inline;
}
.woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th {
    padding: 30px 10px;
}
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li:hover a {
     background: #75b8fc;
     color: #fff;
     border-color: #ccc #ccc #ccc;
}
.woocommerce-MyAccount-navigation ul li:last-child {
     margin-bottom: 0;
}
.woocommerce-MyAccount-navigation ul li a {
     display: block;
     padding: 15px 20px;
     border-bottom: 1px solid #928f8f;
     color: #fff;
       -webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	    -ms-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	        transition: all 0.3s ease;
}
.woocommerce-MyAccount-content {
     border: 1px solid #75b8fc;
     border-top: 3px solid #75b8fc;
     padding: 10px;
     width: 70%;
    float: left;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
    background: #017bbd;
}
.woocommerce-MyAccount-content p a {
     color: #75b8fc;
     text-decoration: underline;
}
.widget_search .search-form, .woocommerce-product-search, .error-404 .search-form, .no-results .search-form {
     position: relative;
}
 .widget_search .search-form .search-field, .woocommerce-product-search .search-field, .error-404 .search-field, .no-results .search-field {
     width: 100%;
     border-radius: 0;
     -webkit-border-radius: 0;
     height: 45px;
     padding: 5px 10px;
}
 .widget_search .search-form .search-submit, .woocommerce-product-search button[type="submit"], .error-404 .search-submit, .no-results .search-submit {
     position: absolute;
     top: 0;
     right: 0;
     height: 100%;
     background: #75b8fc;
     box-shadow: none;
     -webkit-box-shadow: none;
     color: #fff;
     font-size: 14px;
     border: 0;
     padding: .6em 1em .6em;
}
 .woocommerce.widget_price_filter button[type="submit"], .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
     background: #75b8fc;
     box-shadow: none;
     -webkit-box-shadow: none;
     color: #fff;
     font-size: 14px;
     border: 0;
     padding: 10px 25px;
     transition: all ease 0.3s;
     -webkit-transition: all ease 0.3s;
     -ms-transition: all ease 0.3s;
}
.woocommerce a.checkout-button.button{
	 padding: 15px 35px;
}
.woocommerce-cart-form__cart-item.cart_item a{
	color: #333;
}
.woocommerce .cart .button, 
.woocommerce .cart input.button {
    padding: 15px 35px !important;
}
 .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
     background: #358ce4;
     color: #fff;
}
 .woocommerce .widget_price_filter .ui-slider .ui-slider-range {
     background: #75b8fc;
}
 .woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
     background: #0d2d21;
     top: -.45em;
    box-shadow: 0 3px 8px rgba(0,0,0,.08), 0 4px 5px rgba(0,0,0,.02), 0 12px 10px rgba(0,0,0,.04), 0 2px 5px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.08), 0 4px 5px rgba(0,0,0,.02), 0 12px 10px rgba(0,0,0,.04), 0 2px 5px rgba(0,0,0,.05);
    -moz-box-shadow: 0 3px 8px rgba(0,0,0,.08),0 4px 5px rgba(0,0,0,.02),0 12px 10px rgba(0,0,0,.04),0 2px 5px rgba(0,0,0,.05);
    -o-box-shadow: 0 3px 8px rgba(0,0,0,.08),0 4px 5px rgba(0,0,0,.02),0 12px 10px rgba(0,0,0,.04),0 2px 5px rgba(0,0,0,.05);
}
.woocommerce .widget_price_filter .ui-slider-horizontal {
    height: 4px;
}
.woocommerce ul.products li.product .price {
    color: #a9a8a8;
    font-weight: 700;
    font-size: 14px;
}

.woocommerce-Reviews .comment-respond .comment-form-author,
.woocommerce-Reviews .comment-respond .comment-form-email {
     width: 49%;
    display: inline-block;
    vertical-align: middle;
    margin: 0 -2px 30px !important;
 }
 .woocommerce #review_form #respond .form-submit input {
     width: auto;
 }
.woocommerce-Reviews .comment-respond .comment-form-email {
     margin-left: 2% !important;
}
.woocommerce-MyAccount-content .col-1 {
    max-width: 100%;
}
.woocommerce-MyAccount-content .col-2 {
    max-width: 100%;
}
div#customer_login .col-1, div#customer_login .col-2{
	max-width: 100%;	
}
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
    width: 50%;
    padding: 10px 10px;
    text-align: center;
}
div#customer_details .col-1,div#customer_details .col-2 {
    max-width: 100%;
}
div#customer_details .form-row{
	display: block;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    width: 100%;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    width: 100%;
}
.woocommerce-additional-fields {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Home CTA **/
section.cta-promo {
    background-color: #017bbd;
    color: #fff;
    text-align: center;
    padding: 50px 0;
}
section.cta-promo .title {
    font-weight: 700;
    font-size: 28px;
    margin: 0;
    margin-bottom: 10px;
}
section.cta-promo .desc span {
    font-size: 40px;
}

section.cta-promo .desc {
    padding-bottom: 10px;
    font-size: 16px;
}
section.cta-promo .intro {
	font-size: 20px;
}

.cta-title-wrapp {
    padding-bottom: 25px;
}
.btn-wrapp .button-row {
    margin-right: 25px;
}

/**
* sticky header/menu
*/
.site-header.operation-fx-on {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: transform .25s ease-in-out;
    -moz-transition: transform .25s ease-in-out;
    -ms-transition: transform .25s ease-in-out;
    -o-transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
}
.site-header.menu-fixed{
	    z-index: 99999;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
	
}

/**
* Go to top
*/
#operation-go-top a {
    display: block;
    color: #fff;
}
#operation-go-top {
    position: fixed;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 40px;
    font-size: 30px;
    background: #75b8fc;
    color: #fff;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    bottom: 20px;
    left: 20px;
    z-index: 999999;
}
#operation-go-top:hover{
	-webkit-transform: scale(1.25,1.25);
    transform: scale(1.25,1.25);
}
    

section.error-404.not-found {
    text-align: center;
}   

/** documentations **/
.tocify-extend-page{
	height: auto !important;
}
div#toc-opdoc {
	margin-left: 0;
    background: #fafafa;
    border-top: 5px solid #505861;
}
li.tocify-item {
    padding-left: 15px;
    border-bottom: 1px solid rgb(195, 195, 195);
    font-size: 13px;
    padding: 13px 15px;
    position: relative;
    text-transform: capitalize;
    font-weight: 500;
}
.tocify-header li a {
    color: #000000 !important;
}
li.tocify-item.active a {
    color: #fff !important;
}
.tocify-header li.active{
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    background-color: #0088cc;
}

.tocify-header li.active i {
    color: #fff;
    border-color: #fff;
}
.tocify-header li i {
    border-left: 1px solid rgba(0, 0, 0, 0.05);
    position: absolute;
    right: 0;
    cursor: pointer;
    padding: 8px;
    display: inline-block;
    font-size: 20px;
    width: auto;
    height: 100%;
    border-radius: 0;
    box-shadow: none;
    -webkit-appearance: none;
}

.op-doc-menus .tocify-subheader {
    display: none;
}
.op-doc-menus .tocify-subheader li {
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
}
.op-doc-menus .tocify-subheader li {
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
}
li.tocify-item i {
    position: absolute;
    top: 50%;
    color: #000;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.op-doc-menus .nav {
    display: block;
    margin: 0;
}
.fixed_header .op-doc-menus {
    position: fixed;
    top: 82px;
    width: 19%;
}
ul.tocify-subheader.nav.nav-list a {
    padding-left: 5px;
    font-weight: 400;
    color: #666 !important;
}

ol.op-doc-list li {
    font-size: 25px;
    font-weight: 500;
    padding: 20px;
    color: #000000;
}
.banner-top-wrap .button-row {
    margin-right: 15px;
}
.op-doc-menus .tocify-subheader li.tocify-item.active a{
    color: #fff !important;
}

/**
* Contact form
*/
.contact-form-wrapp {
    text-align: center;
}
.entry-content a {
    color: #75b8fc;
}
.bbpress .entry-content a {
    color: #000;
}
.entry-content p {
    padding: 0px 0px 28px 0px;
    font-size: 14px;
    line-height: 28px;
    font-weight: normal;
}

ul.sub-menu {
    background: #546e7a;
}
.main-navigation ul ul.sub-menu li a {
    line-height: 35px;
}
.main-navigation ul ul.sub-menu li {
    border-bottom: 1px solid #4c4a4a;
}
.main-navigation ul ul.sub-menu li:hover{
    background-color: #75b8fc;
}
.single-post ul li {
    padding-bottom: 0px!important;
}
.additional-info {
    margin-bottom: 25px;
    display: flex;
    flex-wrap: wrap;
}
.additional-info div {
    float: left;
    width: calc((100% - 170px) / 2);
}
.boowser-compatibility {
    border-right: 1px solid #fff;
    margin-right: 25px;
}
.theme-details td img {
    width: 40px;
}
.theme-details table td:nth-child(n+2), .theme-details table th:nth-child(n+2) {
    text-align: center;
}
.table td, .table th{
    vertical-align: middle;
    font-size: 14px;
    padding: 12px 9px;
}

/*subscribe form*/
.form-wrap p.mailpoet_paragraph {
    display: inline-block;
}
.form-wrap input[type="submit"] {
    margin-left: 30px;
    padding: 15px 35px;
}
#mailpoet_form_2 .mailpoet_text, #mailpoet_form_2 .mailpoet_textarea {
    width: 260px !important;
}
.button, button, input[type="button"], input[type="reset"], input[type="submit"] {
    border: 1px solid #333;
    background: #333;
    -webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
}
.form-wrap input[type="submit"]:hover{
    background: #111;
    
    border-color: #ccc #bbb #aaa;
}
.parsley-required, .parsley-custom-error-message,
#mailpoet_form_2 .mailpoet_validate_error,
#mailpoet_form_2 .mailpoet_validate_success {
    color: #000000 !important;
}
/*refinements*/
#bbp-search-form .button,#bbp-search-form input[type="submit"]{
    padding: 15px 42px;
    padding-left: 21px;
}
.cookie-bar-bar button#catapultCookie:hover {
    background: #111;
}
.bbp-login-form .bbp-login-links {
    clear: both;
}
.bbp-login-form .bbp-login-links a {
    margin-top: 16px;
}
.bbp-login-form .bbp-login-links a:first-child {
    padding-right: 40px;
    display: inline-block;
    border: 1px solid #75b8fc;
    background: #75b8fc;
    color: #FFF;
    padding: 10px 30px;
    margin-right: 4px;
    text-decoration: none !important;
    font-size: 15px;
    -webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
}
.bbp-login-form .bbp-login-links a:first-child:hover {
    background: #5c9fe2;
}
.bbp-login-form .bbp-submit-wrapper {
    float: left;
}
.bbp-login-form .bbp-login-links a {
    float: none;
}
.contact-form-wrapp input[type="submit"],
input.wpcf7-form-control.wpcf7-submit
{
    padding: 13px 50px;
    text-transform: uppercase;
}
tr.cart-discount a {
    color: #de3c3c;
    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;
}
tr.cart-discount a:hover {
    color: #c12929;
}

.op-boxed-wrapp.single-post-page,
.single-title-wrapp h1,
.op-boxed-wrapp.single-post-page h1,
.op-boxed-wrapp.single-post-page h2,
.op-boxed-wrapp.single-post-page h3,
.op-boxed-wrapp.single-post-page h4,
.op-boxed-wrapp.single-post-page h5,
.op-boxed-wrapp.single-post-page h6{
    font-family: 'Noto Serif', serif;
}
.op-boxed-wrapp.single-post-page h1,
.op-boxed-wrapp.single-post-page h2,
.op-boxed-wrapp.single-post-page h3,
.op-boxed-wrapp.single-post-page h4,
.op-boxed-wrapp.single-post-page h5,
.op-boxed-wrapp.single-post-page h6{
    padding-top: 30px;
}
.header-banner-container h1.page-title {
    text-transform: capitalize;
    font-size: 22px;
}
.header-banner-container .single-title-wrapp h1.page-title {
    font-size: 28px;
}
.op-boxed-wrapp.single-post-page {
    padding: 45px;
}
.single-post-page .entry-content p{
    font-size: 16px;
    color: #333;
    line-height: 33px;
    padding: 10px 0;
    margin: 0;
}
.single-post-page .entry-content blockquote.wp-block-quote p {
    padding-left: 12px ;
    color: #666;
    font-style: italic;
}
.single-post-page .meta-inner a {
    color: #666;
}
.single-post-page span.posted-on:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 20px;
    height: 2px;
    background: #DDD;
    right: 100%;
    margin-right: 10px;
}
.single-post-page .entry-meta{
    padding-bottom: 30px;
}
.single-post-page span.posted-on {
    position: relative;
}
.notice-content {
    background: #FFFEBE;
    padding: 20px 20px;
    font-size: 14px;
    font-style: italic;
    margin-top: 20px;
}
.aside-content-note {
    text-align: center;
    font-weight: 700;
    color: #BD081C;
    margin-bottom: 10px;
    font-size: 13px;
}
.notice-content a {
    color: #75b8fc;
}
.notice-content span {
    font-weight: 600;
}

/* new styles */
body{
	background: #f1f1f1;	
}
.op-boxed-wrapp {
	position: relative;
    top: -80px;
    width: 1140px;
    background: #fff;
    margin: 0 auto;
    padding: 30px;
    -webkit-box-shadow: 1px 5px 11px 2px rgba(175, 175, 175, 0.1), 0 6px 8px 5px rgba(239, 235, 235, 0.12), 0 8px 9px -5px rgba(177, 177, 177, 0.2);
            box-shadow: 1px 5px 11px 2px rgba(175, 175, 175, 0.1), 0 6px 8px 5px rgba(239, 235, 235, 0.12), 0 8px 9px -5px rgba(177, 177, 177, 0.2);
}
/* breadcrumbs */
ul.trail-items{
	text-align: right;
    margin-bottom: 0;
    padding-left: 	0;
}
ul.trail-items li{
	list-style: none;
	display: inline-block;
}
ul.trail-items li:not(:last-child){
	padding-right: 10px;
}
ul.trail-items li a{
	color: #fff;
}
nav.breadcrumb-trail.breadcrumbs ul li.trail-begin a:before {
    content: "\f015";
    font-family: fontawesome;
    padding-right: .5rem;
}
nav.breadcrumb-trail.breadcrumbs ul li.trail-begin span {
    display: none;
}
 nav.breadcrumb-trail.breadcrumbs ul li a:after {
    content: "\f105";
    padding-left: .5rem;
    font-family: fontawesome;
    font-weight: 600;
}
/* archive themes */
.inner-items{
    width: 100%;
}

.inner-items:not(:last-child){
    padding-bottom: 25px;
    border-bottom: 1px solid #fff0f0;
}
.inner-items:not(:first-child){
	    padding-top: 25px;
}
.inner-items .home-theme-pro-tag,
.inner-items .home-theme-price-tag
{
    left: -3px;
    top: -13px;
    -webkit-transform: rotate(274deg);
    -moz-transform: rotate(274deg);
    -ms-transform: rotate(274deg);
    -o-transform: rotate(274deg);
    transform: rotate(274deg);

}
.inner-items .img-wrap{
	border:3px solid #f1f1f1;
	position: relative;
}
.inner-items .op-theme-wrap-archive .inner-text-wrap {
    text-align: center;
    text-shadow: 2px 2px 5px #1b1919;
    padding-top: 16px;
    font-size: 25px;
}
.banner-feature-text.archive-price{
	width: 70px;
	height: 70px;
    right: -35px;
    top: -43px;
} 
.inner-items .op-theme-wrap-archive .inner-text-wrap:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #9c013f;
    border-radius: 50%;
    z-index: -1;
    opacity: 0.6;
}
.inner-items .op-theme-wrap-archive:hover .inner-text-wrap:after {
    opacity: 0;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.inner-items h3.price{
	font-size: 40px;
}
.inner-items h4.item-name a{
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
}
.inner-items h4.item-name{
	padding: 10px  0 0 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 28px;
}

.inner-items .info{
	color: #333;
   font-size: 16px;
}
.inner-items .info {
    padding: 10px  0 25px 0;
}
.inner-items .theme-info-archive {
    float: left;
    width: 55%;
    border-right: 1px solid #f1f1f1;
}
.inner-items .item-price,.inner-items .item-type {
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 500;
    background: #d83339;
    color: #fff;
    width: 80px;
    height: 35px;
    line-height: 35px;
    text-align: center;
}
.inner-items .item-type.free {
    background: #6aa318;
}
.inner-items .left-content-wrapp {
    float: left;
    width: 45%;
    padding-left: 25px;
}
.inner-items .version-infos {
    color: #666;
    font-size: 12px;
    margin: 20px 0;
    line-height: 28px;
    letter-spacing: 1px;
}

.inner-items .left-content-wrapp img {
    width: 45%;
}
.inner-items h4.item-name a{
    position: relative;
}
.inner-items h4.item-name a:after {
    content: '';
    height: 1px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    transform: translateY(1px);
    transition: 0.15s all cubic-bezier(0.39, 0.575, 0.565, 1);
    transition-property: opacity, transform;
    width: 100%;
    background-color: #333;
}
.inner-items h4.item-name a:hover:after {
    opacity: 1;
    transition-delay: 0.2s;
    transition-duration: 0.15s;
    transform: translateY(-3px) translateZ(0);
}
.inner-items .button-row > div{
	min-width: 120px;
}
.inner-items ul{
	margin: 0;
    padding: 0;
}
/* archive filter buttons*/
.filter-buttons-wrapp {
    margin: 0 auto;
}
.filter-buttons-wrapp ul li{
	list-style: none;
	padding: 5px 20px;
	border: 1px solid #017bbd;
	display: inline-block;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
}
.filter-buttons-wrapp ul li.active{
	background: linear-gradient(45deg, rgb(29, 91, 168) 0%, rgb(83, 151, 210) 100%);
}
.filter-buttons-wrapp ul li.active a{
	color: #FFF;
}
.filter-buttons-wrapp ul li:not(:last-child){
	margin-right: 20px;
}
/* header dismiss notification?*/
.top-info {
    background: #6A6E71;
    color: #fff;
    font-weight: 300;
    text-align: center;
    font-size: 14px;
    letter-spacing: 0.5px;
    padding: 5px 0;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%239C92AC' fill-opacity='0.15' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}
.top-info strong{
    border: 1px dashed rgba(255, 255, 255, 0.3);
    padding: 3px 10px 3px;
    font-family: monospace;
    font-weight: 600;
    margin: 0 4px;
    letter-spacing: 1px;
    border-radius: 5px;
}
.top-info span.lnr.lnr-cross {
    float: right;
    background: #423c3d;
    cursor: pointer;
    padding: 5px;
    font-weight: 600;
    border-radius: 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;
}
.top-info span.lnr.lnr-cross:hover {
    background: #504f4f;
}

#op-services,
#op-theme-disp{
	background: #FFF;
}
/* cookie */
.cookie-policy{
    box-sizing: border-box;
    background-color: #333;
    width: 100%;
    padding: 25px 40px;
    position: fixed;
    z-index: 2147483645;
    bottom: 0;
    font-size: 14px;
    line-height: 1.4;
    color: #fff;
    letter-spacing: .5px;
}
.inner-message-cookie {
    margin: 0 auto;
    text-align: center;
}
.inner-message-cookie a.cookie-link {
    text-decoration: underline;
    color: #fff;
}
.inner-message-cookie a.accept-cookie {
    margin-left: 10px;
    color: #1e9cd3;
}

.woocommerce.widget_price_filter button[type="submit"], .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
	background: #5c666f;
}

.admin-bar .site-header.menu-fixed {
    margin-top: 26px;
}
/* popup promos */
.popu-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: visible;
    opacity: 1;
    z-index: 999999;
}
.container-modal {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.container-modal input {
    position: absolute;
    bottom: 4px;
    left: 12%;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
   	background-color: #aab7bd;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container-modal:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-modal input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container-modal input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container-modal .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.promo-popup img {
    width: 100%;
    height: auto;
}


.promo-popup {
	position: fixed;
	top: 17%;
    right: 35%;
    background: #fff;
    border-radius: 5px;
    width: 30%;
    transition: all 5s ease-in-out;
}
.promo-popup span.lnr.lnr-cross {
	cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    background: #ff3434;
    color: #fff;
    font-size: 31px;
    -webkit-box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.2);
            box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.2);
}
label.container-modal.check-never-show{
	position: absolute;
    bottom: 0;
    left: 15%;
    color: #FFF;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 25%;
}
.woocommerce-account .woocommerce-MyAccount-content {
    width: 73%;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before {
    content: "\f0e4";
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before {
    content: "\f291";
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before {
    content: "\f019";
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before {
    content: "\f015";
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before {
    content: "\f007";
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before {
    content: "\f08b";
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--subscriptions a:before {
    content: "\f079";
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:before {
    margin-right: 20px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before, .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before, .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before, .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before, .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:before, .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before, .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--subscriptions a:before {
    font-family: "FontAwesome";
}

.mobile-navigation,
.mobile-nav-items,
.mob-menu-toggle{
		display: none;
}
.mob-menu-toggle.lnr.lnr-menu {
    color: #fff;
    font-size: 35px;
}

.op-main-banner .content-right figure{
	padding-top: 30px;
	position: relative;
    text-align: center;
    line-height: 0;
}
.op-main-banner .content-right figure img {
	    -webkit-transition: all 0.3s;
	       -moz-transition: all 0.3s;
	        -ms-transition: all 0.3s;
	         -o-transition: all 0.3s;
	            transition: all 0.3s;
}
.op-main-banner .content-right figure img:hover{
	-webkit-transform: scale(1.01) translateY(-1px);
	   -moz-transform: scale(1.01) translateY(-1px);
	    -ms-transform: scale(1.01) translateY(-1px);
	     -o-transform: scale(1.01) translateY(-1px);
	        transform: scale(1.01) translateY(-1px);
	    
}

.op-main-banner .featured-bnr-png {
    position: absolute;
    top: 0;
    right: 100px;
    z-index: 1;
}

section#op-theme-disp {
    padding-bottom: 0;
}
section#op-theme-disp .op-themes figure{
	margin-bottom: 0;
	border: none;
}
.item-homftr-wrap {
    opacity: 0.5;
    margin: 0 25px;
    -webkit-transform: translateY(50px);
       -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
         -o-transform: translateY(50px);
            transform: translateY(50px);
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.item-homftr-wrap:focus,
.slick-slide img:focus,
.item-homftr-wrap a:focus{
	outline: none;
}
.item-homftr-wrap h3.theme-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
} 
.home-th-slider .item-homftr-wrap.slick-center{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.home-th-slider .home-theme-price-tag{
	 height: 65px;
    right: -8px;
    top: -1px;
}

section#op-theme-disp .op-themes figure
{
	-webkit-box-shadow: 0 1px 20px 0 rgba(68, 63, 63, 0.5);
	        box-shadow: 0 1px 20px 0 rgba(68, 63, 63, 0.5)
}

.banner-feature-text {
    display: inline-block;
    position: absolute;
    right: -50px;
    top: -50px;
    background: #e91e63;
    color: #fff;
    width: 90px;
    height: 90px;
    border-radius: 47%;
    z-index: 2;
    -webkit-box-shadow: -5px 5px 20px rgba(0,0,0,0.1);
            box-shadow: -5px 5px 20px rgba(0,0,0,0.1);
}

.banner-feature-text .inner-text-wrap:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #e91e63;
    border-radius: 50%;
    z-index: -1;
    opacity: 0.6;
  
    
}
.op-main-banner .content-right figure:hover .banner-feature-text .inner-text-wrap:after{
	opacity: 0;
    -webkit-transform: scale(1.5);
       -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
         -o-transform: scale(1.5);
            transform: scale(1.5);
	    -webkit-transition: all 0.4s;
	       -moz-transition: all 0.4s;
	        -ms-transition: all 0.4s;
	         -o-transition: all 0.4s;
	            transition: all 0.4s;
	   
}

.op-main-banner .content-right span.price{
	font-size: 25px;
}
.op-main-banner .content-right .inner-text-wrap {
    text-align: center;
    text-shadow: 2px 2px 5px #1b1919;
    padding-top: 14px;
}
.op-main-banner .content-right span.currency {
    font-size: 20px;
}
.op-main-banner .content-right span.text {
    display: block;
    font-size: 14px;
}
span.price-sm {
    text-decoration: line-through;
    color: #f3dada;
}

.woocommerce .col2-set, .woocommerce-page .col2-set {
    width: 60%;
    float: left;
}

h3#order_review_heading {
    display: inline-block;
}
div#order_review {
    background: #f7f6f7;
    padding: 20px;
}

body.woocommerce-account.woocommerce-page div#customer_login .col-1,
body.woocommerce-account.woocommerce-page div#customer_login .col-2
{
    max-width: 50%;
}
body.woocommerce-account.woocommerce-page .woocommerce .col2-set, .woocommerce-page .col2-set
{
	width: 100%;
    float: none;	
}
#bbpress-forums .bbp-forum-info .bbp-forum-content a, #bbpress-forums div.bbp-reply-content a {
    color: #11b1f5;
    font-weight: 400;
}
#bbpress-forums .bbp-forum-info .bbp-forum-content a:hover,
#bbpress-forums div.bbp-reply-content a:hover{
    text-decoration: underline;
}
.h3, h3{
    font-size: 1.2rem;
}
.inner-items .info ul li:before {
    content: "\f046";
    font-family: "fontawesome";
    top: 0;
    left: 0;
    padding-right: 6px;
}
.inner-items .info ul li {
    color: #555;
    list-style: none;
    position: relative;
    font-size: 14px;
    padding: 4px;
}
.inner-items .op-theme-wrap-archive .inner-text-wrap .currency {
    font-size: 20px;
}
.inner-items .op-theme-wrap-archive .quick-buttons .button-row:first-child {
    margin-right: 26px;
}
.theme-details table h4{
    font-size: 19px;
}
body.bbpress .op-boxed-wrapp #bbpress-forums iframe.wp-embedded-content {
    display: none;
}

.op-pro-tag {
    background: #ad081b;
    font-family: 'Bitter', serif;
    position: absolute;
    padding: 5px 10px;
    top: 0;
    right: -10px;
    z-index: 9;
}
.op-pro-tag:before {
    content: '';
    position: absolute;
    bottom: -5px;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 10px 0 0;
    border-color: #880f20 transparent transparent transparent;
}
.op-pro-tag:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: -17px;
    display: inline-block;
    width: 0px;
    height: 0px;
    line-height: 0;
    border-width: 16px;
    border-style: solid;
    border-color: #ad081b #ad081b #ad081b transparent;
    z-index: -1;
}
.op-pro-tag span {
    color: #fff; 
    font-weight: 600;
}

.op-pro-tag.free {
    background: #68e240;
}
.op-pro-tag.free:after {
    border-color: #68e240 #68e240 #68e240 transparent;
}
.op-pro-tag.free:before{
    border-color: #215410 transparent transparent;
}

.hidden{
	display: none !important;
}

.op-theme-side .button-row.reversed>div>a::before {
    background-color: #333;
    border-color: #333;
}
.op-theme-side .button-row>div{
    min-width: 180px;
}
.theme-details ul.nav-tabs li.nav-item a span {
    padding-right: 10px;
}
.tab-content-container {
    padding: 0 30px;
}
p.bbp-forum-description,
span.bbp-breadcrumb-current {
    color: #333;
}

.contact-form-wrapp{
    padding-top: 30px;
}
.contact-form-wrapp label, 
.contact-form-wrapp label span {
    display: block;
}
.op-boxed-wrapp .woocommerce {
    padding-top: 30px;
}
a.woocommerce-MyAccount-downloads-file.button.alt {
    font-weight: 400;
}

.banner-top-wrap .button-row > div{
    min-width: 155px;
}

.banner-top-wrap .top-text {
    font-size: 16px;
    line-height: 28px;
}
.banner-top-wrap .top-text h2 {
    color: #fff;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 17px;
}
.theme-features ul {
    padding: 0;
    margin: 0;
}
.theme-features ul li {
    padding: 8px 0px;
}
.woocommerce table.shop_table td.download-product a{
    color: #000000;
}
.blog header.entry-header {
    padding: 15px 0 10px 0;
}

body.blog article {

    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;
}
body.blog article:not(:first-child){
    margin-top: 40px;
}
body.blog .content-wrapper {
    padding-left: 30px;
}
body.blog .content-wrapper .entry-content p {
    padding-bottom: 0;
}
.main-navigation ul li.operation-blogs {
    background: rgb(214, 32, 91);
}

ul.bbp-forums-list li.bbp-forum.css-sep {
    padding: 8px 0;
}
/*--------------------
no bootstrap css
---------------------*/
.container {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 20px;
}
.row {
    display: flex;
    flex-wrap: wrap;
}
/*----------------
header
---------------*/
.operation-header .row {
    align-items: center;
}
.operation-header .site-branding {
    width: auto;
}
.operation-header .users-wrapp {
	margin-left: auto;
}
/*-------------------
services
------------------*/
section#op-services .row {
    align-items: center;
}

section#op-services .row .section-title-service, 
section#op-services .row .service-items-wrapp {
    width: 50%;
}

/*-------------------
cta
--------------------*/
section.cta-promo .row {
    justify-content: center;
}
#mc_embed_signup{
	background-color: transparent!important;
}
#mc_embed_signup .button {
    background-color: #333 !important;
    height: 45px !important;
    line-height: 45px !important;
    padding: 0 45px !important;
}
#mc_embed_signup input.email {
    height: 45px !important;
}
/*-------------------
footer
-------------------*/
.op-footer-wrap .row {
    align-items: center;
}

.op-footer-wrap .row nav.main-navigation {
    margin-left: 30px;
}
/*------------------
theme archive
-----------------*/
.op-theme-wrap-archive .row {
    align-items: center;
}
.op-theme-wrap-archive .img-wrap {
    width: calc(33.33% - 20px);
    margin-right: 20px;
}
.op-theme-wrap-archive .detail-wrapp {
    width: 66.66%;
}
/*-----------------
breadcrumb
-------------------*/
.header-banner-container .row {
    justify-content: space-between;
    align-items: center;
}
/*-------------------
theme single
----------------------*/
.theme-details {
    width: 66.66%;
}

.op-theme-side {
    width: 33.33%;
}

.op-boxed-wrapp .container {
    padding: 0;
}

.th-content-wrap .col {
    width: 60%;
    padding-right: 30px;
}
.th-content-wrap .theme-img{
    width: 40%;   
}

.th-content-wrap .row {align-items: flex-start;}

.th-content-wrap .col .theme-links {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
/*------------------
additional css
-----------------------------*/
nav.post-navigation .nav-links a {
    font-weight: 600;
    transition: all 0.3s ease-in-out;
}
nav.post-navigation .nav-links a:hover {
    color: rgb(214, 32, 91);
}
nav.post-navigation .nav-links {
    padding: 20px 0;
}
/*---------------
pricing
---------------*/

.pricing-plans-wrapp {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    max-width: 980px;
    margin: 80px auto;
    margin-top: 45px;
}
.pricing-plans-wrapp>div {
	position: relative;
    width: 33.33%;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
.freemius-license-select {
    margin: 10px 0;
    line-height: 20px;
    padding: 5px 10px;
}

.pricing-plans-wrapp.freemius>div {
    width: 45%;
}

h2.pricing-item-title {
    font-size: 30px;
    font-weight: 500;
    margin-top: 20px;
}

.pricing-plans-wrapp .developer {
    width: calc(33.33% + 40px);
    padding: 60px 0 0 0;
    z-index: 1;
}

.pricing-plans-wrapp .startup {
    margin-right: -20px;
}

.pricing-plans-wrapp .lifetime {
    margin-left: -20px;
}
.pricing-plans-wrapp .pricing-header {
    width: 100%;
    font-weight: 500;
    line-height: 30px;
    margin: 0px;
    text-align: center;
    font-size: 2em;
    margin-bottom: 15px;
    text-transform: uppercase;
    background: #333;
    color: #fff;
    padding: 30px 0;
}
.pricing-plans-wrapp .price {
    width: 100%;
    font-size: 40px;
    font-weight: 600;
    text-align: center;
    line-height: 1;

}
.pricing-plans-wrapp .pricing-time {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}
.pricing-plans-wrapp ul {
    padding: 0;
    list-style-type: none;
    text-align: center;
}
.pricing-plans-wrapp ul li {
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 10px;
}		
.pricing-plans-wrapp .features-wrapp {
    width: 100%;
    background-color: #fff8f8;
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border: 1px solid #ececec;
    border-radius: 0 0 5px 5px;
}

.pricing-plans-wrapp .developer .features-wrapp {
    padding: 30px 30px 60px;
}
.freemius .price {
    margin: 10px 0;
}
span.popular {
    position: absolute;
    width: auto;
    background: #00C853;
    color: #fff;
    top: 35px;
    right: -15px;
    z-index: 10;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 5px 10px;
}
.payment-img {
    text-align: center;
    margin-bottom: 50px;
}
.pricing-info {
    text-align: center;
    font-size: 16px;
}
.pricing-info a{
    text-decoration: underline;
    color  :rgb(214, 32, 91);
}
span.popular:before {
    content: "";
    position: absolute;
    top: -15px;
    right: 0px;
    width: 0;
    height: 0;
    border-bottom: 15px solid #00C853;
    border-right: 15px solid transparent;
    z-index: 9;
    opacity: 0.9;
}
h2.pricing-item-title {
    text-align: center;
}
body.woocommerce-account.woocommerce-page div#customer_login .col-1, body.woocommerce-account.woocommerce-page div#customer_login .col-2 {
    max-width: 48%;
    margin-right: 2%;
}
.separator-line {
    display: block;
    margin: 20px 0;
}
/*theme bundle ads*/
.theme-bundle-wrapper .button-row > div {
    min-width: 170px;
}
.theme-bundle-wrapper .text-wrapp {
    float: left;
    width: 60%;
}
.theme-bundle-wrapper .quick-buttons {
    float: left;
    width: 25%;
    margin-left: 13%;
}
.theme-bundle-wrapper .text-wrapp h3 {
    font-size: 32px;
    font-weight: 500;
}
.theme-bundle-wrapper {
    padding: 60px 0;
}
.theme-bundle-wrapper span.price-cut {
    text-decoration: line-through;
    color: #ed1670;
    font-size: 26px;
}
.bbp-template-notice.info {
    display: none;
}
.side-img-bnr {
    margin-top: 25px;
}
header .users-wrapp a {
    color: #fff;
    background: #017bbd;
    padding: 10px 25px;
    transition: all 0.3s;
}
header .users-wrapp a:hover{
    background: #323e44;
}