@charset "UTF-8";
/*!
Theme Name: Acodez Themes
Theme URI: http://acodez.in
Author: Acodez IT Solutions
Author URI: http://acodez.in
Description: Hey, checking if this is a pre-built theme? Nope! It is a custom template built by the awesome crew at Acodez, India
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: acodez-themes
Tags:

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.

*/
/****Font Colors***/
/****Font Colors***/
/****Default Colors***/
/****Default Colors***/
/****Background Colors***/
/****Background Colors***/
/****Site Fonts***/
/****SiteFonts***/
/****Button Styles***/
/****Button Styles***/
/**********************************/
@font-face { font-family: "fontawesome"; src: url("./fonts/fontawesome-webfont.eot?v=4.7.0"); src: url("./fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("./fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("./fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("./fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("./fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Gilroy-Bold'; font-style: normal; font-weight: bold; src: url("./fonts/Gilroy-Bold.woff") format("woff"); font-display: swap; }
@font-face { font-family: 'Gilroy-Regular'; font-style: normal; font-weight: bold; src: url("./fonts/Gilroy-Bold.woff") format("woff"); font-display: swap; }
@font-face { font-family: 'Gilroy-Heavy'; font-style: normal; font-weight: normal; src: url("./fonts/Gilroy-Heavy.woff") format("woff"); font-display: swap; }
@font-face { font-family: 'Gilroy-Light'; font-style: normal; font-weight: normal; src: url("./fonts/Gilroy-Light.woff") format("woff"); font-display: swap; }
@font-face { font-family: 'Gilroy-Medium'; font-style: normal; font-weight: normal; src: url("./fonts/Gilroy-Medium.woff") format("woff"); font-display: swap; }
@font-face { font-family: 'Gilroy-Regular'; font-style: normal; font-weight: normal; src: url("./fonts/Gilroy-Regular.woff") format("woff"); font-display: swap; }
@font-face { font-family: 'Gilroy-semibold'; font-style: normal; font-weight: normal; src: url("./fonts/Gilroy-semibold.woff") format("woff"); font-display: swap; }
@font-face { font-family: 'Gilroy-Black'; font-style: normal; font-weight: normal; src: url("./fonts/Gilroy-Black.woff") format("woff"); font-display: swap; }
/* HTML5 dafault  */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

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

[hidden] { display: none; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

html, button, input, select, textarea { color: #3b3b3c; }

body { margin: 0; font-size: 18px; font-family: "Gilroy-Regular"; font-weight: normal; }

::-moz-selection { background: #F69C39; color: #FFF; text-shadow: none; }

::selection { background: #F69C39; color: #FFF; text-shadow: none; }

a { color: #151E67; outline: none; text-decoration: none; }
a:visited { /* color: rgba($link_color, 0.8); */ text-decoration: underline; }
a:hover { color: rgba(1, 111, 255, 0.8); }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

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

b, strong { font-weight: bold; }

blockquote, q { background: #f8f9fa; padding: 50px; text-align: center; margin: 40px 0; }
blockquote:before, q:before { content: ''; width: 28px; height: 28px; background: url(./images/quotegrey.svg) no-repeat; background-size: contain; margin: 0 auto; display: block; }
blockquote p, q p { max-width: 498px; width: 100%; margin: 0 auto; font-size: 18px; line-height: 38px; color: #0B1033; text-align: center; margin-top: 27px; font-family: 'Open Sans', sans-serif; font-weight: 700 !important; opacity: .75; }
blockquote cite, q cite { text-align: center; font-size: 14px; line-height: 38px; color: #0B1033; font-family: 'Open Sans', sans-serif; font-weight: 400; margin: 0; font-style: normal; margin-top: 20px; }
blockquote cite:before, q cite:before { content: "- "; }

.wp-block-code { border: 1px solid #70707024; border-radius: 6px; padding: 30px; margin: 0; margin: 22px 0; }
.wp-block-code code { font-size: 18px; line-height: 30px; color: #0B1033; font-family: 'Open Sans', sans-serif; font-weight: 600; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; margin: 2em 0; padding: 0; background-color: #cfe2f1; }

ins { background: none; color: #151E67; text-decoration: underline; }

del { background: none; color: #ec121a; text-decoration: line-through; }

mark { background: #FF0; color: #000; font-style: italic; font-weight: bold; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

small { font-size: 85%; }

big { font-size: 125%; }

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

dt { font-weight: bold; }

dd { margin: 0 1.5em 1.5em; }

nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

li li { list-style-type: circle; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; max-width: 100%; height: auto; }

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

figure { margin: 0; }

form { margin: 0; }

fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; border: 1px solid rgba(0, 0, 0, 0.5); padding: 3px; }
input:focus, select:focus, textarea:focus { color: rgba(59, 59, 60, 0.8); }

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

input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }

input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; }

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

button, input[type="button"], input[type="reset"], input[type="submit"] { background: transparent linear-gradient(105deg, #08AEEA 0%, #016FFF 100%) 0% 0% no-repeat padding-box; border: none; outline: none; cursor: pointer; color: #fff; font-size: 16px; line-height: 1; display: inline-block; padding: 15px 30px; border-radius: 5px; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background: transparent linear-gradient(105deg, #016FFF 0%, #08AEEA 100%) 0% 0% no-repeat padding-box; color: #fff; }

a { transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }

textarea { overflow: auto; vertical-align: top; resize: vertical; width: 100%; }

input:invalid, textarea:invalid { background-color: rgba(236, 18, 26, 0.3); }

embed, iframe, object { max-width: 100%; }

table { border-collapse: collapse; border-spacing: 0; margin: 0 0 1.5em; width: 100%; background: #fff; }

td { vertical-align: top; }

th { padding: 25px 30px; border: none; color: #151E67; background: #f6f6f9; font-family: 'Gilroy-Medium'; font-weight: normal; text-align: left; font-size: 15px; }

td { padding: 30px; border: none; font-size: 16px; color: #151E67; font-family: 'Gilroy-Medium'; font-weight: normal; }

tr { transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

ul, ol { margin: 0 0 1em 1em; padding: 0; }

ul { list-style: disc; }

ol { list-style: decimal; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; font-family: "Gilroy-Bold"; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #151E67; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #016FFF; }

p, li { font-size: 18px; padding: 0; font-weight: normal; line-height: 1.5; margin-bottom: 0.5em; }

h1 { margin: 0; margin-bottom: 0.5em; color: #111852; font-family: "Gilroy-Bold"; font-size: 48px; font-weight: normal; font-style: normal; line-height: 1.5; text-rendering: optimizeLegibility; }

h2 { margin: 0; margin-bottom: 0.5em; color: #111852; font-family: "Gilroy-Bold"; font-size: 38px; font-weight: normal; font-style: normal; line-height: 1.2; text-rendering: optimizeLegibility; }

h3 { margin: 0; margin-bottom: 0.5em; color: #111852; font-family: "Gilroy-Bold"; font-size: 32px; font-weight: normal; font-style: normal; line-height: 1.2; text-rendering: optimizeSpeed; }

h4 { margin: 0; margin-bottom: 0.5em; color: #111852; font-family: "Gilroy-Bold"; font-size: 24px; font-weight: normal; font-style: normal; line-height: 1.2; text-rendering: optimizeSpeed; }

h5 { margin: 0; margin-bottom: 0.5em; color: #111852; font-family: "Gilroy-Bold"; font-size: 20px; font-weight: normal; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; }

h6 { margin: 0; margin-bottom: 0.5em; color: #016FFF; font-family: "Gilroy-Bold"; font-size: 16px; font-weight: normal; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; }

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

.full-container { width: 100%; max-width: 100%; padding: 0 15px; }

.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

input[type=text], input[type=url], input[type=tel], input[type=number], input[type=color], input[type=email], textarea { height: 52px; border: solid 1px #1B273333; border-radius: 5px; background: #fff; outline: none; font-size: 14px; color: #1B2733; padding: 20px; font-weight: normal; font-family: "Gilroy-Regular"; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; outline: none !important; }

input[type=text]:focus, input[type=url]:focus, input[type=tel]:focus, input[type=number]:focus, input[type=color]:focus, input[type=email]:focus, textarea:focus { -webkit-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.13); box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.13); }

textarea { height: 170px; padding: 20px; }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { border: 1px solid #1B273333; -webkit-text-fill-color: #1B2733; -webkit-box-shadow: 0 0 0px 1000px #fff inset; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; }

::-webkit-input-placeholder { color: #1B2733; opacity: 0.75; }

::-moz-placeholder { color: #1B2733; opacity: 0.75; }

:-ms-input-placeholder { color: #1B2733; opacity: 0.75; }

:-moz-placeholder { color: #1B2733; opacity: 0.75; }

label.error { color: #F0222A; position: absolute; top: -17px; left: 10px; text-transform: none; width: auto; color: white; background-color: #ff0000; padding: 2px 5px; display: inline-block; font-size: 12px; min-height: inherit; }

label.error:after { position: absolute; content: " "; border-top: 10px solid #ff0000; border-left: 10px solid rgba(255, 0, 0, 0); border-bottom: 10px solid rgba(255, 0, 0, 0); border-right: 10px solid rgba(255, 0, 0, 0); bottom: -20px; left: 10px; }

.btn, .more, .rm-btn { background: transparent linear-gradient(105deg, #08AEEA 0%, #016FFF 100%) 0% 0% no-repeat padding-box; color: #fff; font-size: 16px; line-height: 1; display: inline-block; padding: 15px 40px; border-radius: 5px; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.btn:hover, .more:hover, .rm-btn:hover { background: transparent linear-gradient(105deg, #016FFF 0%, #08AEEA 100%) 0% 0% no-repeat padding-box; color: #fff; }

.comment-edit-link, .comment-reply-link { background: transparent linear-gradient(105deg, #08AEEA 0%, #016FFF 100%) 0% 0% no-repeat padding-box; color: #fff; font-size: 14px; line-height: 1; display: inline-block; padding: 10px 20px; border-radius: 5px; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.comment-edit-link:hover, .comment-reply-link:hover { background: transparent linear-gradient(105deg, #016FFF 0%, #08AEEA 100%) 0% 0% no-repeat padding-box; color: #fff; }

.navigation.row .alignleft a, .navigation.row .alignright a { background: transparent linear-gradient(105deg, #08AEEA 0%, #016FFF 100%) 0% 0% no-repeat padding-box; color: #fff; font-size: 16px; line-height: 1; display: inline-block; padding: 15px 30px; border-radius: 5px; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.navigation.row .alignleft a:hover, .navigation.row .alignright a:hover { background: transparent linear-gradient(105deg, #016FFF 0%, #08AEEA 100%) 0% 0% no-repeat padding-box; color: #fff; }

.navigation { width: 100%; height: auto; display: inline-block; padding-bottom: 30px; }
.navigation .alignleft a, .navigation .alignright a { background: transparent linear-gradient(105deg, #08AEEA 0%, #016FFF 100%) 0% 0% no-repeat padding-box; color: #fff; font-size: 16px; line-height: 1; display: inline-block; padding: 15px 30px; border-radius: 5px; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.navigation .alignleft a:hover, .navigation .alignright a:hover { background: transparent linear-gradient(105deg, #016FFF 0%, #08AEEA 100%) 0% 0% no-repeat padding-box; color: #fff; }

button { background: transparent linear-gradient(105deg, #08AEEA 0%, #016FFF 100%) 0% 0% no-repeat padding-box; color: #fff; font-size: 16px; line-height: 1; display: inline-block; padding: 15px 30px; border: none; outline: none; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
button:hover { background: transparent linear-gradient(105deg, #016FFF 0%, #08AEEA 100%) 0% 0% no-repeat padding-box; color: #fff; }

input[type=submit] { background: transparent linear-gradient(105deg, #08AEEA 0%, #016FFF 100%) 0% 0% no-repeat padding-box; color: #fff; font-size: 16px; line-height: 1; display: inline-block; padding: 15px 30px; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
input[type=submit]:hover { background: transparent linear-gradient(105deg, #016FFF 0%, #08AEEA 100%) 0% 0% no-repeat padding-box; color: #fff; }

.post-meta a { color: #004A84; text-decoration: underline; }

div#author_bio_section { padding: 50px 0; margin-top: 50px; border-top: solid 1px #e2e2e2; }
div#author_bio_section p { color: #585858; }

p.author_links a { font-weight: bold; color: #151E67; }

.comments-section { border-top: solid 1px #e2e2e2; padding-top: 50px; }
.comments-section .comment-notes, .comments-section .comment { color: #585858; }
.comments-section .fn { font-style: normal; }
.comments-section .fn span { background: #151E67; color: #FFF; margin: 0 5px; padding: 0 5px; }
.comments-section time { clear: both; display: block; margin-top: 5px; }
.comments-section h1, .comments-section h2, .comments-section h3, .comments-section h4, .comments-section h5, .comments-section h6 { color: #151E67; }
.comments-section h2 { font-size: 22px; }
.comments-section h3 { font-size: 21px; }
.comments-section h4 { font-size: 20px; }
.comments-section h5 { font-size: 19px; }
.comments-section h6 { font-size: 18px; }
.comments-section p, .comments-section li { font-size: 16px; }

.comment-respond { padding-top: 0; clear: both; }
.comment-respond p { position: relative; clear: both; margin: 0 0 10px 0; font-size: 16px; font-family: 'Gilroy-Medium'; }
.comment-respond label.error { color: #F0222A; position: absolute; top: -40px; left: auto; right: 0; text-transform: none; width: auto; color: white; background-color: #ff0000; padding: 2px 5px; display: inline-block; font-size: 12px; min-height: inherit; }
.comment-respond label.error:after { position: absolute; content: " "; border-top: 10px solid #ff0000; border-left: 10px solid rgba(255, 0, 0, 0); border-bottom: 10px solid rgba(255, 0, 0, 0); border-right: 10px solid rgba(255, 0, 0, 0); bottom: -20px; right: 0px; left: auto; }
.comment-respond input.submit_button { width: 100%; height: 52px; margin: 1em 0 1.5em 0; border: none; outline: none; background: transparent linear-gradient(105deg, #08AEEA 0%, #016FFF 100%) 0% 0% no-repeat padding-box; color: #fff; font-size: 16px; line-height: 1; font-family: 'Gilroy-Bold'; display: inline-block; padding: 15px 0; border-radius: 6px; -webkit-box-shadow: 0px 13px 16px #016FFF26; box-shadow: 0px 13px 16px #016FFF26; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.comment-respond input.submit_button:hover { background: transparent linear-gradient(105deg, #016FFF 0%, #08AEEA 100%) 0% 0% no-repeat padding-box; color: #fff; }
.comment-respond input[type=color], .comment-respond input[type=email], .comment-respond input[type=number], .comment-respond input[type=password], .comment-respond input[type=tel], .comment-respond input[type=text], .comment-respond input[type=url], .comment-respond textarea { width: 100%; height: 52px; background: #fff; border: 1px solid #151E672E; border-radius: 6px; font-size: 14px; color: #151E67; font-family: 'Gilroy-Medium'; }
.comment-respond textarea { height: 100px; }
.comment-respond p { padding: 0 !important; width: 100% !important; }

.pagination { height: auto; display: table; margin: 50px auto; clear: both; text-align: center; }
.pagination ul { padding: 0; margin: 0; }
.pagination li { list-style-type: none; float: left; margin-bottom: 0; }
.pagination a { width: 32px; height: 32px; display: block; float: left; margin: 0 5px; font-weight: 600; background: #fff; color: #000; padding: 0; font-size: 18px; line-height: 32px; text-align: center; border-radius: 100%; }
.pagination a:hover { color: #000; }
.pagination span { width: 32px; height: 32px; display: inline-block; margin: 0 5px; background: #F69C39; color: #000; padding: 0; font-size: 18px; line-height: 32px; text-align: center; }
.pagination span.current { width: 32px; height: 32px; display: inline-block; margin: 0; background: #F69C39; color: #fff; padding: 0; font-size: 18px; line-height: 32px; text-align: center; -webkit-box-shadow: 0px 10px 12px -3px rgba(0, 0, 0, 0.31); box-shadow: 0px 10px 12px -3px rgba(0, 0, 0, 0.31); }
.pagination span { width: 32px; height: 32px; display: block; float: left; border-radius: 100%; }
.pagination a.next.page-numbers { font-size: 0; position: relative; }
.pagination a.prev.page-numbers { font-size: 0; position: relative; }
.pagination a.next.page-numbers:before { content: "\f054"; font: normal normal normal 15px/2.3  FontAwesome; width: 32px; height: 32px; }
.pagination a.prev.page-numbers:before { content: "\f053"; font: normal normal normal 15px/2.3  FontAwesome; width: 32px; height: 32px; }

.page-gen-inner { min-height: 50vh; }

.notf-cnt { padding-bottom: 4em; text-align: left; position: relative; }
.notf-cnt ul { padding-left: 10px; }
.notf-cnt li { padding: 10px 0; }
.notf-cnt h1 { font-size: 100px; font-weight: normal; margin-bottom: 0; color: #151E67; }
.notf-cnt h2 { font-size: 30px; text-transform: uppercase; font-weight: normal; color: #151E67; }
.notf-cnt li { font-size: 16px; line-height: 20px; padding: 0; margin: 0 0 20px 0; }
.notf-cnt p { font-size: 16px; line-height: 20px; padding: 0; margin: 0 0 20px 0; }
.notf-cnt:after { content: "\f119"; font-family: "fontawesome"; font-size: 300px; position: absolute; top: 65px; right: 0px; color: #151E67; }
.notf-cnt input { height: 38px; height: 53px; width: 300px; float: left; border-radius: 0px; background: #f2f6f9; border: 0; padding: 0 15px; font-size: 14px; font-weight: normal; color: #7a9aa7; outline: none; }
.notf-cnt .land-btn { width: auto; float: left; background: transparent linear-gradient(105deg, #08AEEA 0%, #016FFF 100%) 0% 0% no-repeat padding-box; color: #fff; font-size: 16px; line-height: 1; display: inline-block; padding: 15px 30px; border-radius: 5px; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.notf-cnt .land-btn:hover { background: transparent linear-gradient(105deg, #016FFF 0%, #08AEEA 100%) 0% 0% no-repeat padding-box; color: #fff; }

.post-repeat { padding-bottom: 2em; }

div#sidebar2 { background: #fffcf7; padding: 20px; border-top: solid 2px #886729; }
div#sidebar2 h3:after { display: none; }
div#sidebar2 .widget { padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px #f1e8da; }
div#sidebar2 .widget input.search-field { width: 85%; height: 33px; padding: 0 10px; }
div#sidebar2 .widget input.search-submit { width: 80px; padding: 10px 0; float: right; }
div#sidebar2 li { margin-bottom: 0; }
div#sidebar2 h3 { font-size: 18px; }

div#no-result { max-width: 500px; clear: both; }
div#no-result label { width: 64%; float: left; }
div#no-result input.search-field { width: 95%; height: 50px; padding: 0 10px; outline: none; border-radius: 50px; }
div#no-result input.search-submit, div#no-result input[type=submit] { width: 34%; padding: 0; -webkit-appearance: none; height: 50px; float: right; border: none; outline: none; background: #886729; }
div#no-result input.search-submit:hover, div#no-result input[type=submit]:hover { background: #ba8b32; }

h2.post-title { color: #464545; font-weight: 400; }

span.post-name { font-size: 12px; line-height: 1; color: #000; text-transform: uppercase; }
span.post-name span { color: #F69C39; }

.post-list { padding-bottom: 30px; }

.navigation.row { margin: 0; padding: 30px 0; }

.search_post.clearfix, .search_post { padding: 30px 0; border-bottom: solid 1px #E5E5E5; }
.search_post.clearfix p, .search_post p { font-size: 16px; }
.search_post.clearfix .sear_thumb, .search_post .sear_thumb { margin-bottom: 15px; }
.search_post.clearfix .sear_cont.sear_cont_thum, .search_post .sear_cont.sear_cont_thum { margin-bottom: 30px; }

input[type=text], input[type=url], input[type=tel], input[type=number], input[type=color], input[type=password], input[type=email], textarea { width: 100%; height: 52px; border: solid 1px #151E672E; border-radius: 5px; background: #fff; outline: none; font-size: 14px; color: #151E67; padding: 0 20px; font-weight: normal; font-family: "Gilroy-Regular"; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }

input[type=text]:focus, input[type=url]:focus, input[type=tel]:focus, input[type=number]:focus, input[type=color]:focus, input[type=email]:focus, textarea:focus { -webkit-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.13); box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.13); }

textarea { height: 170px; padding: 20px; }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { border: none; -webkit-text-fill-color: #1B2733; -webkit-box-shadow: 0 0 0px 1000px #fff inset; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; }

::-webkit-input-placeholder { color: #1B2733; opacity: 0.75; }

::-moz-placeholder { color: #1B2733; opacity: 0.75; }

:-ms-input-placeholder { color: #1B2733; opacity: 0.75; }

:-moz-placeholder { color: #1B2733; opacity: 0.75; }

label.error { color: #F0222A; position: absolute; top: -17px; left: 10px; text-transform: none; width: auto; color: white; background-color: #ff0000; padding: 2px 5px; display: inline-block; font-size: 12px; min-height: inherit; }

label.error:after { position: absolute; content: " "; border-top: 10px solid #ff0000; border-left: 10px solid rgba(255, 0, 0, 0); border-bottom: 10px solid rgba(255, 0, 0, 0); border-right: 10px solid rgba(255, 0, 0, 0); bottom: -20px; left: 10px; }

input#coupon_code { padding: 0 10px; width: 150px; height: 54px; border: none; }

button.button { width: 100%; height: 52px; border: none; outline: none; background: transparent linear-gradient(105deg, #08AEEA 0%, #016FFF 100%) 0% 0% no-repeat padding-box; color: #fff; font-size: 16px; line-height: 1; font-family: 'Gilroy-Bold'; display: inline-block; padding: 15px 0; border-radius: 5px; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
button.button:hover { background: transparent linear-gradient(105deg, #016FFF 0%, #08AEEA 100%) 0% 0% no-repeat padding-box; color: #fff; }

.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit { font-size: 14px; outline: none; display: inline-block; line-height: 1; color: #FFFFFF; text-transform: uppercase; letter-spacing: 3px; border-radius: 0; background: #FDAB2D; width: auto; height: auto; padding: 20px 30px; }
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover { background: #ee663c; color: #fff; }

input[type=submit] { width: 100%; height: 52px; border: none; outline: none; background: transparent linear-gradient(105deg, #08AEEA 0%, #016FFF 100%) 0% 0% no-repeat padding-box; color: #fff; font-size: 16px; line-height: 1; font-family: 'Gilroy-Bold'; display: inline-block; padding: 15px 0; border-radius: 5px; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
input[type=submit]:hover { background: transparent linear-gradient(105deg, #016FFF 0%, #08AEEA 100%) 0% 0% no-repeat padding-box; color: #fff; }

.woocommerce a.button:disabled, .woocommerce a.button.disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button:disabled, .woocommerce button.button.disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button:disabled, .woocommerce input.button.disabled, .woocommerce input.button:disabled[disabled], .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled[disabled] { font-size: 14px; outline: none; display: inline-block; line-height: 1; color: #FFFFFF; text-transform: uppercase; letter-spacing: 3px; border-radius: 0; background: #FDAB2D; width: auto; height: auto; padding: 20px 30px; }
.woocommerce a.button:disabled:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled[disabled]:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover { background: #ee663c; color: #fff; }

.woocommerce .quantity .qty { height: auto; padding: 10px; }

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button, #add_payment_method .wc-proceed-to-checkout a.checkout-button { font-size: 14px; outline: none; display: inline-block; line-height: 1; color: #FFFFFF; text-transform: uppercase; letter-spacing: 3px; border-radius: 0; background: #FDAB2D; width: auto; height: auto; padding: 20px 30px; }
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover, #add_payment_method .wc-proceed-to-checkout a.checkout-button:hover { background: #ee663c; color: #fff; }

.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt { font-size: 14px; outline: none; display: inline-block; line-height: 1; color: #FFFFFF; text-transform: uppercase; letter-spacing: 3px; border-radius: 0; background: #FDAB2D; width: auto; height: auto; padding: 20px 30px; }
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover { background: #ee663c; color: #fff; }

a, .btn, button { transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }

.edit, .view { background: transparent linear-gradient(105deg, #08AEEA 0%, #016FFF 100%) 0% 0% no-repeat padding-box; color: #fff; font-size: 16px; line-height: 1; display: inline-block; padding: 15px 30px; border-radius: 5px; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.edit:hover, .view:hover { background: transparent linear-gradient(105deg, #016FFF 0%, #08AEEA 100%) 0% 0% no-repeat padding-box; color: #fff; }

nav.woocommerce-MyAccount-navigation { height: auto; float: left; text-align: left !important; }
nav.woocommerce-MyAccount-navigation ul { padding: 0; margin: 0; }
nav.woocommerce-MyAccount-navigation li { width: 100%; height: auto; padding: 0; margin: 0; font-size: 16px; line-height: 1; }
nav.woocommerce-MyAccount-navigation li a { display: block; padding: 15px; color: #000; border-bottom: solid 1px #e4e3ea; background: #F5F4FF; }
nav.woocommerce-MyAccount-navigation li.is-active a { color: #F69C39; background: #fff; }

.woocommerce-MyAccount-content { padding: 30px; -webkit-box-shadow: 5px 20px 50px rgba(16, 112, 177, 0.2); box-shadow: 5px 20px 50px rgba(16, 112, 177, 0.2); border-radius: 10px; }

@media only screen and (min-width: 765px) { nav.woocommerce-MyAccount-navigation { max-width: 220px; height: auto; float: left; }
  .woocommerce-MyAccount-content { max-width: calc(100% - 220px); height: auto; float: right; } }
.woocommerce form.login, .woocommerce form.checkout_coupon, .woocommerce form.register { -webkit-box-shadow: 5px 20px 50px rgba(16, 112, 177, 0.2); box-shadow: 5px 20px 50px rgba(16, 112, 177, 0.2); border-radius: 10px; border: none; }
.woocommerce form.login input[type=text], .woocommerce form.login input[type=url], .woocommerce form.login input[type=tel], .woocommerce form.login input[type=number], .woocommerce form.login input[type=color], .woocommerce form.login input[type=password], .woocommerce form.login input[type=email], .woocommerce form.checkout_coupon input[type=text], .woocommerce form.checkout_coupon input[type=url], .woocommerce form.checkout_coupon input[type=tel], .woocommerce form.checkout_coupon input[type=number], .woocommerce form.checkout_coupon input[type=color], .woocommerce form.checkout_coupon input[type=password], .woocommerce form.checkout_coupon input[type=email], .woocommerce form.register input[type=text], .woocommerce form.register input[type=url], .woocommerce form.register input[type=tel], .woocommerce form.register input[type=number], .woocommerce form.register input[type=color], .woocommerce form.register input[type=password], .woocommerce form.register input[type=email] { height: 30px; }
.woocommerce form.login button, .woocommerce form.checkout_coupon button, .woocommerce form.register button { padding: 15px; letter-spacing: 2; }

.woocommerce .woocommerce-customer-details address, address { line-height: 1.5; }

.woocommerce-MyAccount-content p, .woocommerce-MyAccount-content li, .woocommerce-checkout p, .woocommerce-checkout li { font-size: 16px; }
.woocommerce-MyAccount-content input[type=text], .woocommerce-MyAccount-content input[type=url], .woocommerce-MyAccount-content input[type=tel], .woocommerce-MyAccount-content input[type=number], .woocommerce-MyAccount-content input[type=color], .woocommerce-MyAccount-content input[type=password], .woocommerce-MyAccount-content input[type=email], .woocommerce-checkout input[type=text], .woocommerce-checkout input[type=url], .woocommerce-checkout input[type=tel], .woocommerce-checkout input[type=number], .woocommerce-checkout input[type=color], .woocommerce-checkout input[type=password], .woocommerce-checkout input[type=email] { height: auto; padding: 10px; }
.woocommerce-MyAccount-content .select2-container--default .select2-selection--single .select2-selection__rendered, .woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered { background: #f5f4ff; border: none; outline: none; }
.woocommerce-MyAccount-content span.select2-selection.select2-selection--single, .woocommerce-checkout span.select2-selection.select2-selection--single { background: #f5f4ff; border: none; outline: none; }
.woocommerce-MyAccount-content .woocommerce-button.button.edit, .woocommerce-checkout .woocommerce-button.button.edit { font-size: 14px; outline: none; display: inline-block; line-height: 1; color: #FFFFFF; text-transform: uppercase; letter-spacing: 3px; border-radius: 0; background: #FDAB2D; width: auto; height: auto; padding: 15px 20px; }
.woocommerce-MyAccount-content .woocommerce-button.button.edit:hover, .woocommerce-checkout .woocommerce-button.button.edit:hover { background: #ee663c; color: #fff; }
.woocommerce-MyAccount-content .woocommerce-button.button.view, .woocommerce-MyAccount-content a.woocommerce-button.button.pay, .woocommerce-MyAccount-content a.woocommerce-button.button.cancel, .woocommerce-checkout .woocommerce-button.button.view, .woocommerce-checkout a.woocommerce-button.button.pay, .woocommerce-checkout a.woocommerce-button.button.cancel { font-size: 14px; outline: none; display: inline-block; line-height: 1; color: #FFFFFF; text-transform: uppercase; letter-spacing: 3px; border-radius: 0; background: #FDAB2D; width: auto; height: auto; padding: 15px 20px; }
.woocommerce-MyAccount-content .woocommerce-button.button.view:hover, .woocommerce-MyAccount-content a.woocommerce-button.button.pay:hover, .woocommerce-MyAccount-content a.woocommerce-button.button.cancel:hover, .woocommerce-checkout .woocommerce-button.button.view:hover, .woocommerce-checkout a.woocommerce-button.button.pay:hover, .woocommerce-checkout a.woocommerce-button.button.cancel:hover { background: #ee663c; color: #fff; }
.woocommerce-MyAccount-content td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions .woocommerce-button.button.view, .woocommerce-MyAccount-content td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a.woocommerce-button.button.pay, .woocommerce-MyAccount-content td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a.woocommerce-button.button.cancel, .woocommerce-checkout td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions .woocommerce-button.button.view, .woocommerce-checkout td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a.woocommerce-button.button.pay, .woocommerce-checkout td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a.woocommerce-button.button.cancel { margin: 1px; }

.woocommerce span.onsale { background: #F69C39; }

.woocommerce ul.products li.product .price { color: #000; }

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { background: #FFFFFF; padding: 15px; -webkit-box-shadow: 5px 20px 50px rgba(16, 112, 177, 0.2); box-shadow: 5px 20px 50px rgba(16, 112, 177, 0.2); border-radius: 10px; }

.woocommerce ul.products li.product .button { font-size: 14px; outline: none; display: inline-block; line-height: 1; color: #FFFFFF; text-transform: uppercase; letter-spacing: 3px; border-radius: 0; letter-spacing: 1px; background: #FDAB2D; width: auto; height: auto; padding: 15px 20px; }
.woocommerce ul.products li.product .button:hover { background: #ee663c; color: #fff; }

p.woocommerce-result-count { color: #F69C39; }

.woocommerce .woocommerce-ordering select { background: #f5f4ff; border: none; outline: none; padding: 10px; }

.single-product span.post-name { margin-bottom: 15px; }
.single-product .woocommerce .quantity .qty { width: 60px; height: 55px; }

.woocommerce-message { border-top-color: #F69C39; }

.woocommerce-message::before { content: "\e015"; color: #F69C39; }

.woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select { border-color: #6dc22e; }

.dflt-page { padding-bottom: 4em; }

.blog-wraper { width: 95%; margin: 0 auto; max-width: 770px; padding-top: 0; }
@media (min-width: 768px) { .blog-wraper { padding-top: 46px; } }
.blog-wraper .gen-page-title { font-size: 24px; line-height: 38px; color: #111852; text-align: center; }
@media (min-width: 768px) { .blog-wraper .gen-page-title { font-size: 32px; line-height: 44px; } }
.blog-wraper .blog_info { text-align: center; }
.blog-wraper .blog_info .blog_date { display: inline-block; padding: rem(24) 0; color: rgba(28, 38, 99, 0.75); }
.blog-wraper .social-sec { text-align: center; width: 100%; height: auto; padding: 30px 0; }
.blog-wraper .social-sec h6 { font-size: 16px; color: #0B1033; text-align: center; font-family: 'Gilroy-Medium'; position: relative; }
.blog-wraper .social-sec h6 span { position: relative; display: inline-block; background: #fff; z-index: 5; padding: 0 30px; }
.blog-wraper .social-sec h6:before { content: ""; width: 100%; height: 1px; background: #c6c6c6; display: block; position: absolute; left: 0; top: 10px; }
.blog-wraper .social-sec ul { padding: 0; margin: 0; margin-top: 40px; }
.blog-wraper .social-sec li { width: auto; height: auto; display: inline-block; margin: 10px; list-style-type: none; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.blog-wraper .social-sec li:hover { opacity: 0.7; }

.social-sec { text-align: center; width: 100%; height: auto; padding: 30px 0; }
.social-sec h6 { font-size: 16px; color: #0B1033; text-align: center; font-family: 'Gilroy-Medium'; position: relative; }
.social-sec h6 span { position: relative; display: inline-block; background: #fff; z-index: 5; padding: 0 30px; }
.social-sec h6:before { content: ""; width: 100%; height: 1px; background: #c6c6c6; display: block; position: absolute; left: 0; top: 10px; }
.social-sec ul { padding: 0; margin: 0; margin-top: 40px; }
.social-sec li { width: auto; height: auto; display: inline-block; margin: 10px; list-style-type: none; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.social-sec li:hover { opacity: 0.7; }

.related-posts-wrap h3 { font-family: "Caros Soft Light"; text-transform: uppercase; font-size: 16px; text-align: center; color: rgba(43, 57, 144, 0.55); }

.blog-sec2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.blog-sec2 .blg-post { margin-top: .5em; }
.blog-sec2 .blg-post img { width: 100%; }
.blog-sec2 .blg-post .blg-thumb { display: block; border-radius: 5px; overflow: hidden; }
.blog-sec2 .blg-post .blg-thumb img { display: block; }
.blog-sec2 .blg-post .blg-post-desc h2 { margin: 0; padding-top: .5em; }
.blog-sec2 .blg-post .blg-post-desc h2 a { line-height: 1.6; color: #1c2663; display: inline-block; }
.blog-sec2 .blg-post .blg-post-desc p { color: rgba(28, 38, 99, 0.6); line-height: 1.6; margin-top: rem(14); }
.blog-sec2 .blg-post .blg-post-desc span { font-size: 13px; color: rgba(28, 38, 99, 0.75); }

.star { position: relative; }

.star-rate { width: 100%; height: auto; display: inline-block; position: relative; }
.star-rate div { width: auto; height: auto; float: left; color: #8796A8; }
.star-rate div:before { content: "\f005"; font: normal normal normal 13px/1 fontawesome; display: block; }

.rate1 div:first-child { color: #F9C626; }

.rate2 div:first-child { color: #F9C626; }
.rate2 div:nth-child(2) { color: #F9C626; }

.rate3 div:first-child { color: #F9C626; }
.rate3 div:nth-child(2) { color: #F9C626; }
.rate3 div:nth-child(3) { color: #F9C626; }

.rate4 div:first-child { color: #F9C626; }
.rate4 div:nth-child(2) { color: #F9C626; }
.rate4 div:nth-child(3) { color: #F9C626; }
.rate4 div:nth-child(4) { color: #F9C626; }

.rate5 div:first-child { color: #F9C626; }
.rate5 div:nth-child(2) { color: #F9C626; }
.rate5 div:nth-child(3) { color: #F9C626; }
.rate5 div:nth-child(4) { color: #F9C626; }
.rate5 div:nth-child(5) { color: #F9C626; }

.rate05 div:first-child:after { content: "\f005"; font: normal normal normal 13px/1 fontawesome; display: block; color: #F9C626; width: 6px; overflow: hidden; position: absolute; left: 0; top: 0; }

.rate15 div:first-child { color: #F9C626; }
.rate15 div:nth-child(2) { color: #8796A8; }
.rate15 div:nth-child(2):after { content: "\f005"; font: normal normal normal 13px/1 fontawesome; display: block; color: #F9C626; width: 6px; overflow: hidden; position: absolute; left: 0; top: 0; }

.rate25 div:first-child { color: #F9C626; }
.rate25 div:nth-child(2) { color: #F9C626; }
.rate25 div:nth-child(3) { color: #8796A8; }
.rate25 div:nth-child(3):after { content: "\f005"; font: normal normal normal 13px/1 fontawesome; display: block; color: #F9C626; width: 6px; overflow: hidden; position: absolute; left: 0; top: 0; }

.rate35 div:first-child { color: #F9C626; }
.rate35 div:nth-child(2) { color: #F9C626; }
.rate35 div:nth-child(3) { color: #F9C626; }
.rate35 div:nth-child(4) { color: #8796A8; }
.rate35 div:nth-child(4):after { content: "\f005"; font: normal normal normal 13px/1 fontawesome; display: block; color: #F9C626; width: 6px; overflow: hidden; position: absolute; left: 0; top: 0; }

.rate45 div:first-child { color: #F9C626; }
.rate45 div:nth-child(2) { color: #F9C626; }
.rate45 div:nth-child(3) { color: #F9C626; }
.rate45 div:nth-child(4) { color: #F9C626; }
.rate45 div:nth-child(5) { color: #8796A8; }
.rate45 div:nth-child(5):after { content: "\f005"; font: normal normal normal 13px/1 fontawesome; display: block; color: #F9C626; width: 6px; overflow: hidden; position: absolute; left: 0; top: 0; }

.date { width: 100%; height: auto; display: block; font-size: 14px; line-height: 1; color: #151E67; font-family: 'Gilroy-Medium'; }

.inner-header-section { position: relative; z-index: 5; }

.main-container, .inner-wrapper { position: relative; z-index: 20; }

.home-wrapper, .inner-wrapper { overflow-x: hidden; }

.breadcrumbs { width: 100%; height: auto; position: relative; z-index: 10; padding: 30px 0; font-family: 'Gilroy-Medium'; display: inline-block; font-size: 14px; line-height: 1; color: #016FFF; }
.breadcrumbs a { color: #0B1033; }
.breadcrumbs a:hover { color: #151E67; }

.rating-sec2 { width: 100%; height: auto; display: inline-block; padding-bottom: 10px; border-bottom: solid 1px #dddddd; /***** CSS Magic to Highlight Stars on Hover *****/ /* hover previous stars in list */ }
.rating-sec2 .ratetext { font-size: 14px; line-height: 1; color: #8796A8; display: inline-block; }
.rating-sec2 fieldset, .rating-sec2 label { margin: 0; padding: 0; }
.rating-sec2 .rating { border: none; float: left; }
.rating-sec2 .rating > input { display: none; }
.rating-sec2 .rating > label:before { margin: 5px; font-size: 13px; font-family: fontawesome; display: inline-block; content: "\f005"; }
.rating-sec2 .rating > .half:before { content: "\f089"; position: absolute; }
.rating-sec2 .rating > label { color: #ddd; float: right; }
.rating-sec2 .rating > input:checked ~ label, .rating-sec2 .rating:not(:checked) > label:hover, .rating-sec2 .rating:not(:checked) > label:hover ~ label { color: #FFD700; }
.rating-sec2 .rating > input:checked + label:hover, .rating-sec2 .rating > input:checked ~ label:hover, .rating-sec2 .rating > label:hover ~ input:checked ~ label, .rating-sec2 .rating > input:checked ~ label:hover ~ label { color: #FFED85; }

div#ez-toc-container { padding: 30px; border-radius: 10px; margin: 1em 0; width: 100%; background-color: #f5faff; border: none; }
div#ez-toc-container p { margin-bottom: 1em; }
div#ez-toc-container li { margin-bottom: 1em; }
div#ez-toc-container .ez-toc-title-container { margin-bottom: 1em; }

.wp-block-table { overflow: auto; margin: 50px 0; border: 1px solid #efefef; }
.wp-block-table table { margin: 0; }
.wp-block-table th { padding: 15px; border: none; color: #151E67; background: #ddddf1; font-family: 'Gilroy-Medium'; font-weight: normal; text-align: left; font-size: 15px; }
.wp-block-table td { padding: 30px 15px; border: none; font-size: 16px; color: #151E67; font-family: 'Gilroy-Medium'; font-weight: normal; border-left: 1px solid #efefef; border-right: 1px solid #efefef; }
.wp-block-table tr { transition: all 0.3s ease-out 0s; background: #FBFBFB; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.wp-block-table tr:nth-child(even) { background: #f6f6f9; }

.product-page .sec1 .plugin-sec span.edd-cart-added-alert { display: none !important; }

button, input[type=button], input[type=reset], input[type=submit] { outline: none; border: none; }

.price_tooltip { position: relative; display: inline-block; background: url(./images/info.svg); background-size: 100% 100%; color: white; height: 18px; width: 18px; /* overflow: hidden; */ text-align: center; padding: 2px; font-size: 12px; line-height: 1; border-radius: 50%; bottom: -4px; margin-left: 8px; }
.price_tooltip .tooltip_text { visibility: hidden; width: 290px; background-color: #49ade4; color: #fff; text-align: left; border-radius: 6px; font-size: 14px; line-height: 1.4; padding: 8px !important; position: absolute; z-index: 2; bottom: 23px; right: -2px; }
.price_tooltip .tooltip_text::before { content: ''; position: absolute; bottom: -5px; right: 6px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid  #49ade4; }
.price_tooltip:hover .tooltip_text { visibility: visible; }

.container, .container-fluid { margin-right: auto; margin-left: auto; }

.row { margin-left: -15px; margin-right: -15px; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11 { float: left; }

.col-xs-12 { float: left; width: 100%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-9 { width: 75%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-6 { width: 50%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-3 { width: 25%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-1 { width: 8.33333333%; }

.col-xs-pull-12 { right: 100%; }

.col-xs-pull-11 { right: 91.66666667%; }

.col-xs-pull-10 { right: 83.33333333%; }

.col-xs-pull-9 { right: 75%; }

.col-xs-pull-8 { right: 66.66666667%; }

.col-xs-pull-7 { right: 58.33333333%; }

.col-xs-pull-6 { right: 50%; }

.col-xs-pull-5 { right: 41.66666667%; }

.col-xs-pull-4 { right: 33.33333333%; }

.col-xs-pull-3 { right: 25%; }

.col-xs-pull-2 { right: 16.66666667%; }

.col-xs-pull-1 { right: 8.33333333%; }

.col-xs-pull-0 { right: auto; }

.col-xs-push-12 { left: 100%; }

.col-xs-push-11 { left: 91.66666667%; }

.col-xs-push-10 { left: 83.33333333%; }

.col-xs-push-9 { left: 75%; }

.col-xs-push-8 { left: 66.66666667%; }

.col-xs-push-7 { left: 58.33333333%; }

.col-xs-push-6 { left: 50%; }

.col-xs-push-5 { left: 41.66666667%; }

.col-xs-push-4 { left: 33.33333333%; }

.col-xs-push-3 { left: 25%; }

.col-xs-push-2 { left: 16.66666667%; }

.col-xs-push-1 { left: 8.33333333%; }

.col-xs-push-0 { left: auto; }

.col-xs-offset-12 { margin-left: 100%; }

.col-xs-offset-11 { margin-left: 91.66666667%; }

.col-xs-offset-10 { margin-left: 83.33333333%; }

.col-xs-offset-9 { margin-left: 75%; }

.col-xs-offset-8 { margin-left: 66.66666667%; }

.col-xs-offset-7 { margin-left: 58.33333333%; }

.col-xs-offset-6 { margin-left: 50%; }

.col-xs-offset-5 { margin-left: 41.66666667%; }

.col-xs-offset-4 { margin-left: 33.33333333%; }

.col-xs-offset-3 { margin-left: 25%; }

.col-xs-offset-2 { margin-left: 16.66666667%; }

.col-xs-offset-1 { margin-left: 8.33333333%; }

.col-xs-offset-0 { margin-left: 0%; }

/* @include bp (min-width, 600px) {  */
@media only screen and (min-width: 600px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11 { float: left; }
  .col-sm-12 { float: left; width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; }
  .col-sm-pull-12 { right: 100%; }
  .col-sm-pull-11 { right: 91.66666667%; }
  .col-sm-pull-10 { right: 83.33333333%; }
  .col-sm-pull-9 { right: 75%; }
  .col-sm-pull-8 { right: 66.66666667%; }
  .col-sm-pull-7 { right: 58.33333333%; }
  .col-sm-pull-6 { right: 50%; }
  .col-sm-pull-5 { right: 41.66666667%; }
  .col-sm-pull-4 { right: 33.33333333%; }
  .col-sm-pull-3 { right: 25%; }
  .col-sm-pull-2 { right: 16.66666667%; }
  .col-sm-pull-1 { right: 8.33333333%; }
  .col-sm-pull-0 { right: auto; }
  .col-sm-push-12 { left: 100%; }
  .col-sm-push-11 { left: 91.66666667%; }
  .col-sm-push-10 { left: 83.33333333%; }
  .col-sm-push-9 { left: 75%; }
  .col-sm-push-8 { left: 66.66666667%; }
  .col-sm-push-7 { left: 58.33333333%; }
  .col-sm-push-6 { left: 50%; }
  .col-sm-push-5 { left: 41.66666667%; }
  .col-sm-push-4 { left: 33.33333333%; }
  .col-sm-push-3 { left: 25%; }
  .col-sm-push-2 { left: 16.66666667%; }
  .col-sm-push-1 { left: 8.33333333%; }
  .col-sm-push-0 { left: auto; }
  .col-sm-offset-12 { margin-left: 100%; }
  .col-sm-offset-11 { margin-left: 91.66666667%; }
  .col-sm-offset-10 { margin-left: 83.33333333%; }
  .col-sm-offset-9 { margin-left: 75%; }
  .col-sm-offset-8 { margin-left: 66.66666667%; }
  .col-sm-offset-7 { margin-left: 58.33333333%; }
  .col-sm-offset-6 { margin-left: 50%; }
  .col-sm-offset-5 { margin-left: 41.66666667%; }
  .col-sm-offset-4 { margin-left: 33.33333333%; }
  .col-sm-offset-3 { margin-left: 25%; }
  .col-sm-offset-2 { margin-left: 16.66666667%; }
  .col-sm-offset-1 { margin-left: 8.33333333%; }
  .col-sm-offset-0 { margin-left: 0%; } }
/* @media (min-width: 768px) { */
@media only screen and (min-width: 765px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 { float: left; }
  .col-md-12 { float: left; width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; }
  .col-md-pull-12 { right: 100%; }
  .col-md-pull-11 { right: 91.66666667%; }
  .col-md-pull-10 { right: 83.33333333%; }
  .col-md-pull-9 { right: 75%; }
  .col-md-pull-8 { right: 66.66666667%; }
  .col-md-pull-7 { right: 58.33333333%; }
  .col-md-pull-6 { right: 50%; }
  .col-md-pull-5 { right: 41.66666667%; }
  .col-md-pull-4 { right: 33.33333333%; }
  .col-md-pull-3 { right: 25%; }
  .col-md-pull-2 { right: 16.66666667%; }
  .col-md-pull-1 { right: 8.33333333%; }
  .col-md-pull-0 { right: auto; }
  .col-md-push-12 { left: 100%; }
  .col-md-push-11 { left: 91.66666667%; }
  .col-md-push-10 { left: 83.33333333%; }
  .col-md-push-9 { left: 75%; }
  .col-md-push-8 { left: 66.66666667%; }
  .col-md-push-7 { left: 58.33333333%; }
  .col-md-push-6 { left: 50%; }
  .col-md-push-5 { left: 41.66666667%; }
  .col-md-push-4 { left: 33.33333333%; }
  .col-md-push-3 { left: 25%; }
  .col-md-push-2 { left: 16.66666667%; }
  .col-md-push-1 { left: 8.33333333%; }
  .col-md-push-0 { left: auto; }
  .col-md-offset-12 { margin-left: 100%; }
  .col-md-offset-11 { margin-left: 91.66666667%; }
  .col-md-offset-10 { margin-left: 83.33333333%; }
  .col-md-offset-9 { margin-left: 75%; }
  .col-md-offset-8 { margin-left: 66.66666667%; }
  .col-md-offset-7 { margin-left: 58.33333333%; }
  .col-md-offset-6 { margin-left: 50%; }
  .col-md-offset-5 { margin-left: 41.66666667%; }
  .col-md-offset-4 { margin-left: 33.33333333%; }
  .col-md-offset-3 { margin-left: 25%; }
  .col-md-offset-2 { margin-left: 16.66666667%; }
  .col-md-offset-1 { margin-left: 8.33333333%; }
  .col-md-offset-0 { margin-left: 0%; } }
/* @media (min-width: 1024px) { */
@media only screen and (min-width: 1020px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11 { float: left; }
  .col-lg-12 { float: left; width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9 { width: 75%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-1 { width: 8.33333333%; }
  .col-lg-pull-12 { right: 100%; }
  .col-lg-pull-11 { right: 91.66666667%; }
  .col-lg-pull-10 { right: 83.33333333%; }
  .col-lg-pull-9 { right: 75%; }
  .col-lg-pull-8 { right: 66.66666667%; }
  .col-lg-pull-7 { right: 58.33333333%; }
  .col-lg-pull-6 { right: 50%; }
  .col-lg-pull-5 { right: 41.66666667%; }
  .col-lg-pull-4 { right: 33.33333333%; }
  .col-lg-pull-3 { right: 25%; }
  .col-lg-pull-2 { right: 16.66666667%; }
  .col-lg-pull-1 { right: 8.33333333%; }
  .col-lg-pull-0 { right: auto; }
  .col-lg-push-12 { left: 100%; }
  .col-lg-push-11 { left: 91.66666667%; }
  .col-lg-push-10 { left: 83.33333333%; }
  .col-lg-push-9 { left: 75%; }
  .col-lg-push-8 { left: 66.66666667%; }
  .col-lg-push-7 { left: 58.33333333%; }
  .col-lg-push-6 { left: 50%; }
  .col-lg-push-5 { left: 41.66666667%; }
  .col-lg-push-4 { left: 33.33333333%; }
  .col-lg-push-3 { left: 25%; }
  .col-lg-push-2 { left: 16.66666667%; }
  .col-lg-push-1 { left: 8.33333333%; }
  .col-lg-push-0 { left: auto; }
  .col-lg-offset-12 { margin-left: 100%; }
  .col-lg-offset-11 { margin-left: 91.66666667%; }
  .col-lg-offset-10 { margin-left: 83.33333333%; }
  .col-lg-offset-9 { margin-left: 75%; }
  .col-lg-offset-8 { margin-left: 66.66666667%; }
  .col-lg-offset-7 { margin-left: 58.33333333%; }
  .col-lg-offset-6 { margin-left: 50%; }
  .col-lg-offset-5 { margin-left: 41.66666667%; }
  .col-lg-offset-4 { margin-left: 33.33333333%; }
  .col-lg-offset-3 { margin-left: 25%; }
  .col-lg-offset-2 { margin-left: 16.66666667%; }
  .col-lg-offset-1 { margin-left: 8.33333333%; }
  .col-lg-offset-0 { margin-left: 0%; } }
.clearfix:before, .clearfix:after { content: " "; display: table; }

.container:before, .container:after { content: " "; display: table; }

.container-fluid:before, .container-fluid:after { content: " "; display: table; }

.row:before, .row:after { content: " "; display: table; }

.clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both; }

.center-block { display: block; margin-left: auto; margin-right: auto; }

.pull-right { float: right !important; }

.pull-left { float: left !important; }

.hide { display: none !important; }

.show { display: block !important; }

.invisible { visibility: hidden; }

.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

.hidden { display: none !important; }

.affix { position: fixed; }

/* Modules */
/* ========================================================================== mobile menu styles ========================================================================== */
.navicon { display: none; }

span.icon.icon-plus::before { content: "\f107"; font: normal normal normal 22px/1 fontawesome; display: block; }

.fa-plus::before { content: "\f067"; }

nav .icon-plus::before { content: "\f067"; font: normal normal normal 14px/1 fontawesome; }

nav .icon.open::before { content: "\f106"; font: normal normal normal 22px/1 fontawesome; }

span.icon.icon-plus { width: 15px; height: 15px; display: block; position: absolute; right: -8px; top: 12px; text-align: center; color: #8796A8; }

.open span.icon.icon-plus::before { content: "\f106"; }

.sub-menu span.icon.icon-plus { top: 20px; right: 8px; }
.sub-menu span.icon.icon-plus::before { content: "\f105"; }

.fa, .fas { font: normal normal normal 14px/1 fontawesome; font-weight: "\f0c9"; }

@media only screen and (max-width: 1200px) { .fa-bars::before { content: "\f0c9"; color: #151E67 !important; }
  .open-menu .fa-bars::before { content: "\f00d"; color: #151E67 !important; }
  .navicon { display: block; position: absolute; right: 10px; z-index: 999; top: 0; width: 30px; height: 30px; border-radius: 100%; font-size: 20px; line-height: 1.5 !important; text-align: center; color: #000 !important; border: none; }
  .open-menu .fa-bars { background: #fff; }
  header .row > div { position: static; }
  .main-navigation { padding: 0 10px; line-height: normal; }
  .main-navigation > ul { position: fixed; width: 300px; top: 0; right: -300px; background: #fff; padding-top: 45px; -webkit-box-shadow: 0px 0px 16px -4px rgba(0, 0, 0, 0.23); box-shadow: 0px 0px 16px -4px rgba(0, 0, 0, 0.23); z-index: 999; height: 100%; overflow: hidden; overflow-y: scroll; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
  .main-navigation > ul > li { position: relative; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.07); padding: 0; display: block; }
  .main-navigation > ul > li > a { display: inline-block; padding: 15px !important; }
  .main-navigation .icon { position: absolute; right: 19px; top: 7px; font-size: 20px; line-height: 30px; text-align: center; color: #fff; width: 30px; height: 30px; display: inline-block !important; cursor: pointer; }
  .main-navigation .menu-content { display: none; }
  .open-menu .main-navigation > ul { right: 0; }
  .sub-menu { position: static; display: none; }
  .sub-menu li { display: block; position: relative; text-align: left; }
  .sub-menu li a { color: #000; padding-bottom: 10px; }
  .sub-menu li a:hover { color: #2d5173; }
  .sub-menu .icon { top: 0; }
  .main-navigation .sub-menu li { width: 100%; padding: 10px 15px; border-bottom: solid 1px #fff; background: #f1fafe; margin-bottom: 0; display: inline-block; }
  .main-navigation .sub-menu li a { padding: 15px 10px !important; display: block; }
  .main-navigation .sub-menu li .col-sm-2 { width: 20%; float: left; }
  .main-navigation .sub-menu li .col-sm-10 { width: 80%; float: right; }
  header .col-lg-1 { padding-top: 0 !important; padding-bottom: 0px !important; }
  header .col-lg-3 { padding-top: 0 !important; padding-bottom: 0px !important; } }
@media only screen and (min-width: 1200px) { span.icon.icon-plus::before { content: "\f107"; font: normal normal normal 14px/1 fontawesome; }
  .main-navigation { position: relative; width: 100%; height: auto; }
  .main-navigation > ul > li { position: relative; }
  .main-navigation li a { display: block; opacity: 1; }
  .main-navigation .sub-menu { display: none; position: absolute; left: 0; width: 335px; min-width: 115px; padding: 0; border-radius: 0 0 5px 5px; top: 35px; z-index: 10; background: #FFFFFF 0% 0% no-repeat padding-box; -webkit-box-shadow: 0px 40px 70px #151E6714; box-shadow: 0px 40px 70px #151E6714; border-radius: 6px; }
  .main-navigation .sub-menu li { display: block; width: 100% !important; padding: 0px !important; height: auto; margin: 0 !important; float: left; border-bottom: solid 1px #f0fafe !important; }
  .main-navigation .sub-menu li a { padding: 15px 20px !important; text-align: left; width: 100%; display: block; background: #fff !important; }
  .main-navigation .sub-menu li a:hover { background: #f0fafe !important; }
  .main-navigation .sub-menu .sub-menu { left: 100%; margin: 0; top: 0; }
  .main-navigation .icon { display: none; }
  .navicon { display: none !important; } }
/**Wordpress Styling Starts here**/
/****Alignments*****/
.alignnone { margin: 0.4em 1.5em 1.5em 0; }

.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; margin-top: 0.4em; margin-bottom: 0.4em; text-align: center; }

a img.alignright { float: right; margin: 0.4em 0 1.5em 1.5em; }

a img.alignnone { margin: 0.4em 1.5em 1.5em 0; }

a img.alignleft { float: left; margin: 0.4em 1.5em 1.5em 0; }

a img.aligncenter { display: block; display: block; margin-left: auto; margin-right: auto; margin-top: 0.4em; margin-bottom: 0.4em; }

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

/****Captions*****/
/****Gallery*****/
.gallery { margin-bottom: 1.5em; }

.gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; margin: 1%; padding: 1%; background: #0447ee; border: 1px solid #022271; }
.gallery-columns-2 .gallery-item { max-width: 48%; }
.gallery-columns-3 .gallery-item { max-width: 31.33%; }
.gallery-columns-4 .gallery-item { max-width: 23%; }
.gallery-columns-5 .gallery-item { max-width: 18%; }
.gallery-columns-6 .gallery-item { max-width: 14.66%; }
.gallery-columns-7 .gallery-item { max-width: 12.28%; }
.gallery-columns-8 .gallery-item { max-width: 10.5%; }
.gallery-columns-9 .gallery-item { max-width: 9.11%; }

.gallery-caption { display: block; font-style: italic; font-size: 12.8px; font-size: 0.8rem; margin-top: 5px; }

/****Gallery*****/
/****Other Styles*****/
blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; }

blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; }

.screen-reader-text { position: absolute !important; left: -999em; }

/****Other Styles*****/
/* ========================================================================== blog styles ========================================================================== */
.post-list { margin: 0 0 2em 0; padding-left: 150px; }

.post-list .post-date { float: left; font-size: 0.8em; font-weight: bold; text-align: center; text-transform: uppercase; margin-left: -85px; width: 64px; min-height: 65px; background: rgba(29, 148, 243, 0.5); padding: 20px; }

@media only screen and (max-width: 765px) { .post-list { padding-left: 0px; }
  .post-list .post-date { display: none; } }
.post-list img { margin: 0.4em 0; }

span.post-name { color: rgba(0, 0, 0, 0.4); font-size: 14.4px; font-size: 0.9rem; font-style: italic; padding-bottom: 0.5em; display: inline-block; }

a.more { background: transparent linear-gradient(105deg, #08AEEA 0%, #016FFF 100%) 0% 0% no-repeat padding-box; color: #fff; font-size: 16px; line-height: 1; display: inline-block; padding: 15px 30px; border-radius: 5px; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
a.more:hover { background: transparent linear-gradient(105deg, #016FFF 0%, #08AEEA 100%) 0% 0% no-repeat padding-box; color: #fff; }

/*****Index******/
/*****Sidebar******/
.pagewidget { margin-bottom: 2em; }

.pagewidget select { width: 100%; }

.pagewidget input.search-field, .pagewidget input[type="text"], .pagewidget input[type="phone"], .pagewidget input[type="number"], .pagewidget input[type="email"] { width: 97%; margin: 0 auto; }

/*****Sidebar******/
/*****pagination******/
.posts-navigation { width: 100%; }

.nav-previous { float: left; }

.nav-next { float: right; }

/* =========================  
` commentlist  
============================= */
article.comment { position: relative; padding-left: 80px; margin-bottom: 30px; }
article.comment .vcard img { max-width: 50px; position: absolute; top: 0; left: 0; }

.commentlist { list-style: none; }
.commentlist .children { list-style: none; }

/* =========================   comment form
============================= */
.comment-respond { padding-top: 0; margin-bottom: 30px; }
.comment-respond .comment-form-author, .comment-respond .comment-form-email, .comment-respond .comment-form-url { float: left; width: 100%; height: auto; }
.comment-respond .comment-form-author input, .comment-respond .comment-form-email input, .comment-respond .comment-form-url input { width: 100%; height: 59px; border: 1px solid #c6c6c6; padding: 20px; outline: none; font-size: 18px; font-weight: 400; }
.comment-respond .comment-form-comment { float: left; width: 100%; height: auto; }
.comment-respond .comment-form-comment textarea { width: 100%; height: 200px; outline: none; resize: none; padding: 20px; font-size: 18px; border: 1px solid #c6c6c6; font-family: "Open Sans", sans-serif; letter-spacing: -1px; }
.comment-respond ::-webkit-input-placeholder { color: #c6c6c6; font-size: 18px; font-weight: 400; }
.comment-respond ::-moz-placeholder { color: #c6c6c6; font-size: 18px; font-weight: 400; }
.comment-respond :-ms-input-placeholder { color: #c6c6c6; font-size: 18px; font-weight: 400; }
.comment-respond :-moz-placeholder { color: #c6c6c6; font-size: 18px; font-weight: 400; }
.comment-respond .form-submit .submit { background: transparent linear-gradient(105deg, #08AEEA 0%, #016FFF 100%) 0% 0% no-repeat padding-box; color: #fff; font-size: 16px; line-height: 1; display: inline-block; padding: 15px 30px; border-radius: 5px; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.comment-respond .form-submit .submit:hover { background: transparent linear-gradient(105deg, #016FFF 0%, #08AEEA 100%) 0% 0% no-repeat padding-box; color: #fff; }
.comment-respond .logged-in-as a { margin-bottom: 12px; background: transparent linear-gradient(105deg, #08AEEA 0%, #016FFF 100%) 0% 0% no-repeat padding-box; color: #fff; font-size: 16px; line-height: 1; display: inline-block; padding: 15px 30px; border-radius: 5px; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.comment-respond .logged-in-as a:hover { background: transparent linear-gradient(105deg, #016FFF 0%, #08AEEA 100%) 0% 0% no-repeat padding-box; color: #fff; }

@media only screen and (min-width: 765px) { .comment-respond .comment-form-author, .comment-respond .comment-form-email, .comment-respond .comment-form-url { width: 33.3%; margin-bottom: 20px; }
  .comment-respond .comment-form-author { padding-right: 10px; }
  .comment-respond .comment-form-url { padding-left: 10px; }
  .comment-respond .comment-form-email { padding: 0px 10px; } }
.also-read-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 25px 0; border-color: #eee; border-width: 1px 0; border-style: solid; margin: 15px 0; float: left; width: 100%; clear: both; }
.also-read-block .ar-title { width: 100px; color: #bbb; }
.also-read-block .ar-title span { display: block; font-size: 32px; }
.also-read-block .ar-link { width: calc(100% - 100px); padding-left: 20px; }
.also-read-block .ar-link a { text-decoration: none !important; }
.also-read-block .ar-link a:hover { text-decoration: underline !important; }

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

ul.resp-tabs-list { width: 100%; float: left; }

.resp-tabs-list li { float: left; list-style: none; cursor: pointer; text-align: left; font-family: 'Gilroy-Medium'; position: relative; opacity: 1; font-size: 16px; line-height: 1; color: #8796A8; margin: 0 10px 0 0; padding: 20px 35px; background: #FCFCFC 0% 0% no-repeat padding-box !important; border-bottom: solid 3px #EEEEEE !important; }
.resp-tabs-list li span { width: 100%; height: auto; display: block; font-size: 14px; line-height: 1; color: #a7b6c2; margin-top: 1em; }

.resp-tabs-list li:last-child { margin-right: 0; }

.resp-tabs-list li::before { content: ""; font: normal normal normal 22px/1 fontawesome; opacity: 0; display: block; position: absolute; bottom: -10px; left: 49%; color: #016FFF; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }

.resp-tabs-list li.resp-tab-active { position: relative; z-index: 1; background: #fff !important; border-bottom: solid 3px #016FFF !important; color: #016FFF !important; }

.resp-tabs-list li.resp-tab-active::before { opacity: 1; bottom: -16px; }

.resp-tabs-container { clear: left; float: left; width: 100%; border: none; padding: 30px 0; }

.resp-vtabs ul.resp-tabs-list { float: left; width: 30%; border: solid 1px #e0e7ef; padding: 0 !important; margin: 0 !important; }

.resp-vtabs .resp-tabs-container { padding: 20px; float: right; min-height: 250px; clear: none; width: 70%; border: none !important; }

.tab-sec { border: solid 1px #e0e7ef; }

h2.resp-accordion { cursor: pointer; padding: 5px; display: none; margin-bottom: 20px; }

.resp-tab-content { display: none; }

.resp-tab-active { border: none; }

.resp-tab-active { border-bottom: none; }

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

h2.resp-accordion { background: #1ac0ff !important; padding: 10px; font-size: 14px !important; margin-bottom: 2px !important; }

h2.resp-accordion h6 { width: auto; display: inline-block; font-size: 24px; color: #8d265d; font-weight: normal; }

h2.resp-tab-title:last-child { border-bottom: 12px solid #c1c1c1 !important; background: blue; }

/*-----------Vertical tabs-----------*/
.resp-vtabs .resp-tabs-list li { display: block; cursor: pointer; float: none; }

.resp-vtabs .resp-tab-content { border: none; word-wrap: break-word; }

.resp-arrow { width: 0; height: 0; float: right; margin-top: 4px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid #fff; }

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

/*-----------Accordion styles-----------*/
h2.resp-tab-active { background: #fff; /* !important;*/ }

.resp-easy-accordion h2.resp-accordion { display: block; }

.resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1; }

.resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1; /* !important;*/ }

.resp-jfit { width: 100%; margin: 0px; }

.resp-tab-content-active { display: block; }

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 765px) { .solutions-sec .how-it-works ul.resp-tabs-list { display: none; }
  .resp-tabs-list { display: none; }
  h2.resp-accordion { display: inline-block; font-size: 24px; color: #fff; width: 100%; }
  .resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: 100px; clear: none; }
  .resp-accordion-closed { display: none !important; }
  .resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; } }
/* Slider */
.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

.slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
/* Arrows */
.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; z-index: 10; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; }

.slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: 1; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: 10px; }

[dir='rtl'] .slick-prev { right: 10px; left: auto; }

.slick-prev:before { content: "\f104"; font: normal normal normal 18px/1.2 fontawesome; display: block; }

[dir='rtl'] .slick-prev:before { content: "\f104"; font: normal normal normal 18px/1.2 fontawesome; display: block; }

.slick-next { right: 10px; }

[dir='rtl'] .slick-next { right: auto; left: 10px; }

.slick-next:before { content: "\f105"; font: normal normal normal 18px/1.2 fontawesome; display: block; }

[dir='rtl'] .slick-next:before { content: "\f105"; font: normal normal normal 18px/1.2 fontawesome; display: block; }

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }

.slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 10px; padding: 0; cursor: pointer; }

.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; padding: 0; border-radius: 100%; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; background: #0B1033; opacity: 0.5; }

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }

.slick-dots li.slick-active button { opacity: 1; color: black; background: #08AEEA; }

.slick-dots li button { position: relative; }

.slick-dots li button:before { content: ""; }

.slick-dots li.slick-active button:before { content: ""; width: 16px; height: 16px; display: block; opacity: 1; border: solid 2px #08AEEA; position: absolute; left: -5px; top: -5px; border-radius: 100%; }

.SumoSelect p { margin: 0; }

.SumoSelect { width: 200px; }

.SelectBox { padding: 5px 8px; }

.sumoStopScroll { overflow: hidden; }

/* Filtering style */
.SumoSelect .hidden { display: none; }

.SumoSelect .search-txt { display: none; outline: none; }

.SumoSelect .no-match { display: none; padding: 6px; }

.SumoSelect.open .search-txt { display: inline-block; position: absolute; top: 0; left: 0; width: 100%; margin: 0; padding: 5px 8px; border: none; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; }

.SumoSelect.open > .search > span, .SumoSelect.open > .search > label { visibility: hidden; }

/*this is applied on that hidden select. DO NOT USE display:none; or visiblity:hidden; and Do not override any of these properties. */
.SelectClass, .SumoUnder { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }

.SelectClass { z-index: 1; }

.SumoSelect > .optWrapper > .options li.opt label, .SumoSelect > .CaptionCont, .SumoSelect .select-all > label { -ms-user-select: none; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

.SumoSelect { display: inline-block; position: relative; outline: none; }

.SumoSelect:focus > .CaptionCont, .SumoSelect:hover > .CaptionCont, .SumoSelect.open > .CaptionCont { -webkit-box-shadow: 0 0 2px #7799D0; box-shadow: 0 0 2px #7799D0; border-color: #7799D0; }

.SumoSelect > .CaptionCont { position: relative; border: 1px solid #A4A4A4; min-height: 14px; background-color: #fff; border-radius: 2px; margin: 0; }

.SumoSelect > .CaptionCont > span { display: block; padding-right: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor: default; }

/*placeholder style*/
.SumoSelect > .CaptionCont > span.placeholder { color: #ccc; font-style: italic; }

.SumoSelect > .CaptionCont > label { position: absolute; top: 0; right: 0; bottom: 0; width: 30px; }

.SumoSelect > .CaptionCont > label > i { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII="); background-position: center center; width: 16px; height: 16px; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background-repeat: no-repeat; opacity: 0.8; }

.SumoSelect > .optWrapper { display: none; z-index: 1000; top: 30px; width: 100%; position: absolute; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; border: 1px solid #ddd; -webkit-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.11); box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.11); border-radius: 3px; overflow: hidden; }

.SumoSelect.open > .optWrapper { top: 35px; display: block; }

.SumoSelect.open > .optWrapper.up { top: auto; bottom: 100%; margin-bottom: 5px; }

.SumoSelect > .optWrapper ul { list-style: none; display: block; padding: 0; margin: 0; overflow: auto; }

.SumoSelect > .optWrapper > .options { border-radius: 2px; position: relative; /*Set the height of pop up here (only for desktop mode)*/ max-height: 250px; /*height*/ }

.SumoSelect > .optWrapper.okCancelInMulti > .options { border-radius: 2px 2px 0 0; }

.SumoSelect > .optWrapper.selall > .options { border-radius: 0 0 2px 2px; }

.SumoSelect > .optWrapper.selall.okCancelInMulti > .options { border-radius: 0; }

.SumoSelect > .optWrapper > .options li.group.disabled > label { opacity: 0.5; }

.SumoSelect > .optWrapper > .options li ul li.opt { padding-left: 22px; }

.SumoSelect > .optWrapper.multiple > .options li ul li.opt { padding-left: 50px; }

.SumoSelect > .optWrapper.isFloating > .options { max-height: 100%; -webkit-box-shadow: 0 0 100px #595959; box-shadow: 0 0 100px #595959; }

.SumoSelect > .optWrapper > .options li.opt { padding: 6px 6px; position: relative; border-bottom: 1px solid #f5f5f5; }

.SumoSelect > .optWrapper > .options > li.opt:first-child { border-radius: 2px 2px 0 0; }

.SumoSelect > .optWrapper.selall > .options > li.opt:first-child { border-radius: 0; }

.SumoSelect > .optWrapper > .options > li.opt:last-child { border-radius: 0 0 2px 2px; border-bottom: none; }

.SumoSelect > .optWrapper.okCancelInMulti > .options > li.opt:last-child { border-radius: 0; }

.SumoSelect > .optWrapper > .options li.opt:hover { background-color: #E4E4E4; }

.SumoSelect > .optWrapper > .options li.opt.sel, .SumoSelect .select-all.sel { background-color: #a1c0e4; }

.SumoSelect > .optWrapper > .options li label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; cursor: pointer; }

.SumoSelect > .optWrapper > .options li span { display: none; }

.SumoSelect > .optWrapper > .options li.group > label { cursor: default; padding: 8px 6px; font-weight: bold; }

/*Floating styles*/
.SumoSelect > .optWrapper.isFloating { position: fixed; top: 0; left: 0; right: 0; width: 90%; bottom: 0; margin: auto; max-height: 90%; }

/*disabled state*/
.SumoSelect > .optWrapper > .options li.opt.disabled { background-color: inherit; pointer-events: none; }

.SumoSelect > .optWrapper > .options li.opt.disabled * { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */ filter: alpha(opacity=50); /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; }

/*styling for multiple select*/
.SumoSelect > .optWrapper.multiple > .options li.opt { padding-left: 35px; cursor: pointer; }

.SumoSelect > .optWrapper.multiple > .options li.opt span, .SumoSelect .select-all > span { position: absolute; display: block; width: 30px; top: 0; bottom: 0; margin-left: -35px; }

.SumoSelect > .optWrapper.multiple > .options li.opt span i, .SumoSelect .select-all > span i { position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; width: 14px; height: 14px; border: 1px solid #AEAEAE; border-radius: 2px; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15); background-color: #fff; }

.SumoSelect > .optWrapper > .MultiControls { display: none; border-top: 1px solid #ddd; background-color: #fff; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.13); box-shadow: 0 0 2px rgba(0, 0, 0, 0.13); border-radius: 0 0 3px 3px; }

.SumoSelect > .optWrapper.multiple.isFloating > .MultiControls { display: block; margin-top: 5px; position: absolute; bottom: 0; width: 100%; }

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls { display: block; }

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p { padding: 6px; }

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p:focus { -webkit-box-shadow: 0 0 2px #a1c0e4; box-shadow: 0 0 2px #a1c0e4; border-color: #a1c0e4; outline: none; background-color: #a1c0e4; }

.SumoSelect > .optWrapper.multiple > .MultiControls > p { display: inline-block; cursor: pointer; padding: 12px; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; }

.SumoSelect > .optWrapper.multiple > .MultiControls > p:hover { background-color: #f1f1f1; }

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk { border-right: 1px solid #DBDBDB; border-radius: 0 0 0 3px; }

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel { border-radius: 0 0 3px 0; }

/*styling for select on popup mode*/
.SumoSelect > .optWrapper.isFloating > .options li.opt { padding: 12px 6px; }

/*styling for only multiple select on popup mode*/
.SumoSelect > .optWrapper.multiple.isFloating > .options li.opt { padding-left: 35px; }

.SumoSelect > .optWrapper.multiple.isFloating { padding-bottom: 43px; }

.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i, .SumoSelect .select-all.selected > span i, .SumoSelect .select-all.partial > span i { background-color: #11a911; -webkit-box-shadow: none; box-shadow: none; border-color: transparent; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC"); background-repeat: no-repeat; background-position: center center; }

/*disabled state*/
.SumoSelect.disabled { opacity: 0.7; cursor: not-allowed; }

.SumoSelect.disabled > .CaptionCont { border-color: #ccc; -webkit-box-shadow: none; box-shadow: none; }

/**Select all button**/
.SumoSelect .select-all { border-radius: 3px 3px 0 0; position: relative; border-bottom: 1px solid #ddd; background-color: #fff; padding: 8px 0 3px 35px; height: 20px; cursor: pointer; }

.SumoSelect .select-all > label, .SumoSelect .select-all > span i { cursor: pointer; }

.SumoSelect .select-all.partial > span i { background-color: #ccc; }

/*styling for optgroups*/
.SumoSelect > .optWrapper > .options li.optGroup { padding-left: 5px; text-decoration: underline; }

/* jQuery FlexSlider v2.7.2 https://www.woocommerce.com/flexslider/  Copyright 2012 WooThemes Free to use under the GPLv2 and later license. http://www.gnu.org/licenses/gpl-2.0.html  Contributing author: Tyler Smith (@mbmufffin)  */
/* ==================================================================================================================== FONT-FACE ====================================================================================================================*/
/* ==================================================================================================================== RESETS ====================================================================================================================*/
.flex-container a:hover, .flex-slider a:hover { outline: none; }

.slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }

.flex-pauseplay span { text-transform: capitalize; }

/* ==================================================================================================================== BASE STYLES ====================================================================================================================*/
.flexslider { margin: 0; padding: 0; }

.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }

.flexslider .slides img { width: 100%; display: block; }

.flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

html[xmlns] .flexslider .slides { display: block; }

* html .flexslider .slides { height: 1%; }

.no-js .flexslider .slides > li:first-child { display: block; }

/* ==================================================================================================================== DEFAULT THEME ====================================================================================================================*/
.flexslider { margin: 0; background: none; border: none; position: relative; zoom: 1; border-radius: 4px; -webkit-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2); }

.flexslider .slides { zoom: 1; }

.flexslider .slides img { height: auto; -moz-user-select: none; }

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; transition: all 1s ease; }

.loading .flex-viewport { max-height: 300px; }

@-moz-document url-prefix() { .loading .flex-viewport { max-height: none; } }
.carousel li { margin-right: 5px; }

.flex-direction-nav { *height: 0; }

.flex-direction-nav a { text-decoration: none; display: block; width: auto; font-size: 0; height: auto; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.flex-direction-nav a.flex-next:before { content: "\f054"; font: normal normal normal 22px/1 fontawesome; display: block; }

.flex-direction-nav a.flex-prev:before { content: "\f053"; font: normal normal normal 22px/1 fontawesome; display: block; }

.flex-direction-nav .flex-prev { left: -50px; }

.flex-direction-nav .flex-next { right: -50px; text-align: right; }

.flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; }

.flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; }

.flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; }

.flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; }

.flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; z-index: -1; }

.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }

.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }

.flex-pauseplay a:hover { opacity: 1; }

.flex-pauseplay a.flex-play:before { content: '\f003'; }

.flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; }

.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }

.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); border-radius: 20px; }

.flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); }

.flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; }

.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }

.flex-control-thumbs li { width: 25%; float: left; margin: 0; }

.flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; transition: all 1s ease; }

.flex-control-thumbs img:hover { opacity: 1; }

.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }

/* ==================================================================================================================== RESPONSIVE ====================================================================================================================*/
@media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; }
  .flex-direction-nav .flex-next { opacity: 1; right: 10px; } }
body.compensate-for-scrollbar { overflow: hidden; }

.fancybox-active { height: auto; }

.fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; }

.fancybox-container { -webkit-backface-visibility: hidden; backface-visibility: hidden; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; height: 100%; left: 0; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; z-index: 99992; }

.fancybox-container * { -webkit-box-sizing: border-box; box-sizing: border-box; }

.fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; }

.fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; }

.fancybox-bg { background: #1e1e1e; opacity: 0; -webkit-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }

.fancybox-is-open .fancybox-bg { opacity: .87; -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; -webkit-transition: opacity .25s, visibility 0s linear .25s; transition: opacity .25s, visibility 0s linear .25s; visibility: hidden; z-index: 99997; }

.fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; -webkit-transition: opacity .25s, visibility 0s; transition: opacity .25s, visibility 0s; visibility: visible; }

.fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; text-align: center; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.fancybox-toolbar { right: 0; top: 0; }

.fancybox-stage { direction: ltr; overflow: visible; -webkit-transform: translate3d(0, 0, 0); z-index: 99994; }

.fancybox-is-open .fancybox-stage { overflow: hidden; }

.fancybox-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: opacity, -webkit-transform; -webkit-transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; white-space: normal; width: 100%; z-index: 99994; }

.fancybox-slide::before { content: ''; display: inline-block; height: 100%; margin-right: -.25em; vertical-align: middle; width: 0; }

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; }

.fancybox-slide--next { z-index: 99995; }

.fancybox-slide--image { overflow: visible; padding: 44px 0; }

.fancybox-slide--image::before { display: none; }

.fancybox-slide--html { padding: 6px 6px 0 6px; }

.fancybox-slide--iframe { padding: 44px 44px 0; }

.fancybox-content { display: inline-block; margin: 0 0 6px 0; max-width: 100%; overflow: auto; padding: 0; padding: 0; position: relative; text-align: left; vertical-align: middle; }

.fancybox-slide--image .fancybox-content { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; margin: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -webkit-transform-origin: top left; transform-origin: top left; transition-property: opacity, -webkit-transform; -webkit-transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; }

.fancybox-can-zoomOut .fancybox-content { cursor: -webkit-zoom-out; cursor: zoom-out; }

.fancybox-can-zoomIn .fancybox-content { cursor: -webkit-zoom-in; cursor: zoom-in; }

.fancybox-can-drag .fancybox-content { cursor: -webkit-grab; cursor: grab; }

.fancybox-is-dragging .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; }

.fancybox-container [data-selectable='true'] { cursor: text; }

.fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; }

.fancybox-spaceball { z-index: 1; }

.fancybox-slide--html .fancybox-content { margin-bottom: 6px; }

.fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--iframe .fancybox-content { height: 100%; margin: 0; overflow: visible; padding: 0; width: 100%; }

.fancybox-slide--video .fancybox-content { background: #000; }

.fancybox-slide--map .fancybox-content { background: #e5e3df; }

.fancybox-slide--iframe .fancybox-content { background: #fff; height: calc(100% - 44px); margin-bottom: 44px; }

.fancybox-video, .fancybox-iframe { background: transparent; border: 0; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; }

.fancybox-iframe { vertical-align: top; }

.fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; }

.fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; }

/* Buttons */
.fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0; border-radius: 0; cursor: pointer; display: inline-block; height: 44px; margin: 0; outline: none; padding: 10px; -webkit-transition: color .2s; transition: color .2s; vertical-align: top; width: 44px; }

.fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; }

.fancybox-button:focus, .fancybox-button:hover { color: #fff; }

.fancybox-button.disabled, .fancybox-button.disabled:hover, .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; }

.fancybox-button svg { display: block; overflow: visible; position: relative; shape-rendering: geometricPrecision; }

.fancybox-button svg path { fill: transparent; stroke: currentColor; stroke-linejoin: round; stroke-width: 3; }

.fancybox-button--play svg path:nth-child(2) { display: none; }

.fancybox-button--pause svg path:nth-child(1) { display: none; }

.fancybox-button--play svg path, .fancybox-button--share svg path, .fancybox-button--thumbs svg path { fill: currentColor; }

.fancybox-button--share svg path { stroke-width: 1; }

/* Navigation arrows */
.fancybox-navigation .fancybox-button { height: 38px; opacity: 0; padding: 6px; position: absolute; top: 50%; width: 38px; }

.fancybox-show-nav .fancybox-navigation .fancybox-button { -webkit-transition: opacity .25s, visibility 0s, color .25s; transition: opacity .25s, visibility 0s, color .25s; }

.fancybox-navigation .fancybox-button::after { content: ''; left: -25px; padding: 50px; position: absolute; top: -25px; }

.fancybox-navigation .fancybox-button--arrow_left { left: 6px; }

.fancybox-navigation .fancybox-button--arrow_right { right: 6px; }

/* Close button on the top right corner of html content */
.fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #fff; cursor: pointer; height: 44px; margin: 0; padding: 6px; position: absolute; right: 0; top: 0; width: 44px; z-index: 10; border-top-right-radius: 10px; background: #1C91F2; }

.fancybox-close-small svg { fill: transparent; opacity: .8; stroke: currentColor; stroke-width: 1.5; -webkit-transition: stroke .1s; transition: stroke .1s; }

.fancybox-close-small:focus { outline: none; }

.fancybox-close-small:hover svg { opacity: 1; }

.fancybox-slide--image .fancybox-close-small, .fancybox-slide--video .fancybox-close-small, .fancybox-slide--iframe .fancybox-close-small { color: #ccc; padding: 5px; right: -12px; top: -44px; }

.fancybox-slide--image .fancybox-close-small:hover svg, .fancybox-slide--video .fancybox-close-small:hover svg, .fancybox-slide--iframe .fancybox-close-small:hover svg { background: transparent; color: #fff; }

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small { display: none; }

/* Caption */
.fancybox-caption { bottom: 0; color: #fff; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 25px 44px 25px 44px; right: 0; }

.fancybox-caption::before { background-repeat: repeat-x; background-size: contain; bottom: 0; content: ''; display: block; left: 0; pointer-events: none; position: absolute; right: 0; top: -25px; z-index: -1; }

.fancybox-caption::after { border-bottom: 1px solid rgba(255, 255, 255, 0.3); content: ''; display: block; left: 44px; position: absolute; right: 44px; top: 0; }

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; }

.fancybox-caption a:hover { color: #fff; text-decoration: underline; }

/* Loading indicator */
.fancybox-loading { -webkit-animation: fancybox-rotate .8s infinite linear; animation: fancybox-rotate .8s infinite linear; background: transparent; border: 6px solid rgba(100, 100, 100, 0.5); border-radius: 100%; border-top-color: #fff; height: 60px; left: 50%; margin: -30px 0 0 -30px; opacity: .6; padding: 0; position: absolute; top: 50%; width: 60px; z-index: 99999; }

@-webkit-keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
@keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
/* Transition effects */
.fancybox-animated { -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--next { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--current { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.fancybox-fx-fade.fancybox-slide--current { opacity: 1; }

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }

.fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -webkit-transform: rotate(360deg); transform: rotate(360deg); }

.fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); }

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); }

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }

.fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }

.fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); }

/* Share */
.fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; }

.fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; }

.fancybox-share p { margin: 0; padding: 0; }

.fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; }

.fancybox-share__button:visited, .fancybox-share__button:link { color: #fff; }

.fancybox-share__button:hover { text-decoration: none; }

.fancybox-share__button--fb { background: #3b5998; }

.fancybox-share__button--fb:hover { background: #344e86; }

.fancybox-share__button--pt { background: #bd081d; }

.fancybox-share__button--pt:hover { background: #aa0719; }

.fancybox-share__button--tw { background: #1da1f2; }

.fancybox-share__button--tw:hover { background: #0d95e8; }

.fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; }

.fancybox-share__button svg path { fill: #fff; }

.fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; }

/* Thumbs */
.fancybox-thumbs { background: #fff; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: transparent; top: 0; width: 212px; z-index: 99995; }

.fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; }

.fancybox-show-thumbs .fancybox-thumbs { display: block; }

.fancybox-show-thumbs .fancybox-inner { right: 212px; }

.fancybox-thumbs > ul { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; }

.fancybox-thumbs-x > ul { overflow: hidden; }

.fancybox-thumbs-y > ul::-webkit-scrollbar { width: 7px; }

.fancybox-thumbs-y > ul::-webkit-scrollbar-track { background: #fff; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; }

.fancybox-thumbs > ul > li { -webkit-backface-visibility: hidden; backface-visibility: hidden; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; }

.fancybox-thumbs-loading { background: rgba(0, 0, 0, 0.1); }

.fancybox-thumbs > ul > li { background-position: center center; background-repeat: no-repeat; background-size: cover; }

.fancybox-thumbs > ul > li:before { border: 4px solid #4ea7f9; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991; }

.fancybox-thumbs .fancybox-thumbs-active:before { opacity: 1; }

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) { .fancybox-thumbs { width: 110px; }
  .fancybox-show-thumbs .fancybox-inner { right: 110px; }
  .fancybox-thumbs > ul > li { max-width: calc(100% - 10px); } }
/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.3.2
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Hover.css Copyright Ian Lunn 2017. Generated with Sass.
 */
/* 2D TRANSITIONS */
/* Grow */
.hvr-grow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }

.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active { -webkit-transform: scale(1.1); transform: scale(1.1); }

/* Shrink */
.hvr-shrink { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }

.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active { -webkit-transform: scale(0.9); transform: scale(0.9); }

/* Pulse */
@-webkit-keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  75% { -webkit-transform: scale(0.9); transform: scale(0.9); } }
@keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  75% { -webkit-transform: scale(0.9); transform: scale(0.9); } }
.hvr-pulse { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }

.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active { -webkit-animation-name: hvr-pulse; animation-name: hvr-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

/* Pulse Grow */
@-webkit-keyframes hvr-pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } }
@keyframes hvr-pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } }
.hvr-pulse-grow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }

.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active { -webkit-animation-name: hvr-pulse-grow; animation-name: hvr-pulse-grow; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }

/* Pulse Shrink */
@-webkit-keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } }
@keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } }
.hvr-pulse-shrink { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }

.hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active { -webkit-animation-name: hvr-pulse-shrink; animation-name: hvr-pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }

/* Push */
@-webkit-keyframes hvr-push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes hvr-push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
.hvr-push { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }

.hvr-push:hover, .hvr-push:focus, .hvr-push:active { -webkit-animation-name: hvr-push; animation-name: hvr-push; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

/* Pop */
@-webkit-keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } }
@keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } }
.hvr-pop { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }

.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active { -webkit-animation-name: hvr-pop; animation-name: hvr-pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

/* Bounce In */
.hvr-bounce-in { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }

.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); }

/* Bounce Out */
.hvr-bounce-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }

.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); }

/* Rotate */
.hvr-rotate { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }

.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active { -webkit-transform: rotate(4deg); transform: rotate(4deg); }

/* Grow Rotate */
.hvr-grow-rotate { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }

.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active { -webkit-transform: scale(1.1) rotate(4deg); transform: scale(1.1) rotate(4deg); }

/* Float */
.hvr-float { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-float:hover, .hvr-float:focus, .hvr-float:active { -webkit-transform: translateY(-8px); transform: translateY(-8px); }

/* Sink */
.hvr-sink { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active { -webkit-transform: translateY(8px); transform: translateY(8px); }

/* Bob */
@-webkit-keyframes hvr-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); }
  50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); }
  100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } }
@keyframes hvr-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); }
  50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); }
  100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } }
@-webkit-keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } }
@keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } }
.hvr-bob { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }

.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active { -webkit-animation-name: hvr-bob-float, hvr-bob; animation-name: hvr-bob-float, hvr-bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; }

/* Hang */
@-webkit-keyframes hvr-hang { 0% { -webkit-transform: translateY(8px); transform: translateY(8px); }
  50% { -webkit-transform: translateY(4px); transform: translateY(4px); }
  100% { -webkit-transform: translateY(8px); transform: translateY(8px); } }
@keyframes hvr-hang { 0% { -webkit-transform: translateY(8px); transform: translateY(8px); }
  50% { -webkit-transform: translateY(4px); transform: translateY(4px); }
  100% { -webkit-transform: translateY(8px); transform: translateY(8px); } }
@-webkit-keyframes hvr-hang-sink { 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } }
@keyframes hvr-hang-sink { 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } }
.hvr-hang { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }

.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active { -webkit-animation-name: hvr-hang-sink, hvr-hang; animation-name: hvr-hang-sink, hvr-hang; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; }

/* Skew */
.hvr-skew { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }

.hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active { -webkit-transform: skew(-10deg); transform: skew(-10deg); }

/* Skew Forward */
.hvr-skew-forward { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }

.hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active { -webkit-transform: skew(-10deg); transform: skew(-10deg); }

/* Skew Backward */
.hvr-skew-backward { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }

.hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active { -webkit-transform: skew(10deg); transform: skew(10deg); }

/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); }
  33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); }
  49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); }
  66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); }
  83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); }
  33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); }
  49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); }
  66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); }
  83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
.hvr-wobble-vertical { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }

.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active { -webkit-animation-name: hvr-wobble-vertical; animation-name: hvr-wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); }
  33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); }
  49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); }
  66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); }
  83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); }
  33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); }
  49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); }
  66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); }
  83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }
.hvr-wobble-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }

.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active { -webkit-animation-name: hvr-wobble-horizontal; animation-name: hvr-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

/* Wobble To Bottom Right */
@-webkit-keyframes hvr-wobble-to-bottom-right { 16.65% { -webkit-transform: translate(8px, 8px); transform: translate(8px, 8px); }
  33.3% { -webkit-transform: translate(-6px, -6px); transform: translate(-6px, -6px); }
  49.95% { -webkit-transform: translate(4px, 4px); transform: translate(4px, 4px); }
  66.6% { -webkit-transform: translate(-2px, -2px); transform: translate(-2px, -2px); }
  83.25% { -webkit-transform: translate(1px, 1px); transform: translate(1px, 1px); }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } }
@keyframes hvr-wobble-to-bottom-right { 16.65% { -webkit-transform: translate(8px, 8px); transform: translate(8px, 8px); }
  33.3% { -webkit-transform: translate(-6px, -6px); transform: translate(-6px, -6px); }
  49.95% { -webkit-transform: translate(4px, 4px); transform: translate(4px, 4px); }
  66.6% { -webkit-transform: translate(-2px, -2px); transform: translate(-2px, -2px); }
  83.25% { -webkit-transform: translate(1px, 1px); transform: translate(1px, 1px); }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } }
.hvr-wobble-to-bottom-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }

.hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active { -webkit-animation-name: hvr-wobble-to-bottom-right; animation-name: hvr-wobble-to-bottom-right; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

/* Wobble To Top Right */
@-webkit-keyframes hvr-wobble-to-top-right { 16.65% { -webkit-transform: translate(8px, -8px); transform: translate(8px, -8px); }
  33.3% { -webkit-transform: translate(-6px, 6px); transform: translate(-6px, 6px); }
  49.95% { -webkit-transform: translate(4px, -4px); transform: translate(4px, -4px); }
  66.6% { -webkit-transform: translate(-2px, 2px); transform: translate(-2px, 2px); }
  83.25% { -webkit-transform: translate(1px, -1px); transform: translate(1px, -1px); }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } }
@keyframes hvr-wobble-to-top-right { 16.65% { -webkit-transform: translate(8px, -8px); transform: translate(8px, -8px); }
  33.3% { -webkit-transform: translate(-6px, 6px); transform: translate(-6px, 6px); }
  49.95% { -webkit-transform: translate(4px, -4px); transform: translate(4px, -4px); }
  66.6% { -webkit-transform: translate(-2px, 2px); transform: translate(-2px, 2px); }
  83.25% { -webkit-transform: translate(1px, -1px); transform: translate(1px, -1px); }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } }
.hvr-wobble-to-top-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }

.hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active { -webkit-animation-name: hvr-wobble-to-top-right; animation-name: hvr-wobble-to-top-right; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

/* Wobble Top */
@-webkit-keyframes hvr-wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); }
  33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); }
  49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); }
  66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); }
  83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); }
  100% { -webkit-transform: skew(0); transform: skew(0); } }
@keyframes hvr-wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); }
  33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); }
  49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); }
  66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); }
  83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); }
  100% { -webkit-transform: skew(0); transform: skew(0); } }
.hvr-wobble-top { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }

.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active { -webkit-animation-name: hvr-wobble-top; animation-name: hvr-wobble-top; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

/* Wobble Bottom */
@-webkit-keyframes hvr-wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); }
  33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); }
  49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); }
  66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); }
  83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); }
  100% { -webkit-transform: skew(0); transform: skew(0); } }
@keyframes hvr-wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); }
  33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); }
  49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); }
  66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); }
  83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); }
  100% { -webkit-transform: skew(0); transform: skew(0); } }
.hvr-wobble-bottom { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; }

.hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active { -webkit-animation-name: hvr-wobble-bottom; animation-name: hvr-wobble-bottom; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

/* Wobble Skew */
@-webkit-keyframes hvr-wobble-skew { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); }
  33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); }
  49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); }
  66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); }
  83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); }
  100% { -webkit-transform: skew(0); transform: skew(0); } }
@keyframes hvr-wobble-skew { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); }
  33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); }
  49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); }
  66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); }
  83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); }
  100% { -webkit-transform: skew(0); transform: skew(0); } }
.hvr-wobble-skew { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }

.hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active { -webkit-animation-name: hvr-wobble-skew; animation-name: hvr-wobble-skew; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

/* Buzz */
@-webkit-keyframes hvr-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); }
  100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } }
@keyframes hvr-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); }
  100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } }
.hvr-buzz { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }

.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active { -webkit-animation-name: hvr-buzz; animation-name: hvr-buzz; -webkit-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

/* Buzz Out */
@-webkit-keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); }
  20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); }
  30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); }
  40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); }
  50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); }
  60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); }
  70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); }
  80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); }
  90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); }
  100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } }
@keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); }
  20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); }
  30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); }
  40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); }
  50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); }
  60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); }
  70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); }
  80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); }
  90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); }
  100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } }
.hvr-buzz-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }

.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active { -webkit-animation-name: hvr-buzz-out; animation-name: hvr-buzz-out; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

/* Forward */
.hvr-forward { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }

.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active { -webkit-transform: translateX(8px); transform: translateX(8px); }

/* Backward */
.hvr-backward { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }

.hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active { -webkit-transform: translateX(-8px); transform: translateX(-8px); }

/* BACKGROUND TRANSITIONS */
/* Fade */
.hvr-fade { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); overflow: hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: color, background-color; transition-property: color, background-color; }

.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active { background-color: #2098D1; color: white; }

/* Back Pulse */
@-webkit-keyframes hvr-back-pulse { 50% { background-color: rgba(32, 152, 209, 0.75); } }
@keyframes hvr-back-pulse { 50% { background-color: rgba(32, 152, 209, 0.75); } }
.hvr-back-pulse { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); overflow: hidden; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: color, background-color; transition-property: color, background-color; }

.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active { -webkit-animation-name: hvr-back-pulse; animation-name: hvr-back-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background-color: #2098D1; background-color: #2098d1; color: white; }

/* Sweep To Right */
.hvr-sweep-to-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

.hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { color: white; }

.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); }

/* Sweep To Left */
.hvr-sweep-to-left { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

.hvr-sweep-to-left:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active { color: white; }

.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); }

/* Sweep To Bottom */
.hvr-sweep-to-bottom { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

.hvr-sweep-to-bottom:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active { color: white; }

.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); }

/* Sweep To Top */
.hvr-sweep-to-top { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

.hvr-sweep-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active { color: white; }

.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); }

/* Bounce To Right */
.hvr-bounce-to-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }

.hvr-bounce-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active { color: white; }

.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

/* Bounce To Left */
.hvr-bounce-to-left { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }

.hvr-bounce-to-left:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active { color: white; }

.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

/* Bounce To Bottom */
.hvr-bounce-to-bottom { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }

.hvr-bounce-to-bottom:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active { color: white; }

.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

/* Bounce To Top */
.hvr-bounce-to-top { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }

.hvr-bounce-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active { color: white; }

.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

/* Radial Out */
.hvr-radial-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

.hvr-radial-out:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active { color: white; }

.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before { -webkit-transform: scale(2); transform: scale(2); }

/* Radial In */
.hvr-radial-in { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; background: #2098D1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

.hvr-radial-in:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #e1e1e1; border-radius: 100%; -webkit-transform: scale(2); transform: scale(2); -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active { color: white; }

.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before { -webkit-transform: scale(0); transform: scale(0); }

/* Rectangle In */
.hvr-rectangle-in { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; background: #2098D1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

.hvr-rectangle-in:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #e1e1e1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active { color: white; }

.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before { -webkit-transform: scale(0); transform: scale(0); }

/* Rectangle Out */
.hvr-rectangle-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

.hvr-rectangle-out:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active { color: white; }

.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before { -webkit-transform: scale(1); transform: scale(1); }

/* Shutter In Horizontal */
.hvr-shutter-in-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; background: #2098D1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

.hvr-shutter-in-horizontal:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #e1e1e1; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active { color: white; }

.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before { -webkit-transform: scaleX(0); transform: scaleX(0); }

/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

.hvr-shutter-out-horizontal:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #2098D1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active { color: white; }

.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); }

/* Shutter In Vertical */
.hvr-shutter-in-vertical { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; background: #2098D1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

.hvr-shutter-in-vertical:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #e1e1e1; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active { color: white; }

.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before { -webkit-transform: scaleY(0); transform: scaleY(0); }

/* Shutter Out Vertical */
.hvr-shutter-out-vertical { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

.hvr-shutter-out-vertical:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #2098D1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active { color: white; }

.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); }

/* BORDER TRANSITIONS */
/* Border Fade */
.hvr-border-fade { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; -webkit-transition-property: -webkit-box-shadow; transition-property: -webkit-box-shadow; transition-property: box-shadow; transition-property: box-shadow, -webkit-box-shadow; -webkit-box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ }

.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active { -webkit-box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ }

/* Hollow */
.hvr-hollow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: background; transition-property: background; -webkit-box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ }

.hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active { background: none; }

/* Trim */
.hvr-trim { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; }

.hvr-trim:before { content: ''; position: absolute; border: white solid 4px; top: 4px; left: 4px; right: 4px; bottom: 4px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: opacity; transition-property: opacity; }

.hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before { opacity: 1; }

/* Ripple Out */
@-webkit-keyframes hvr-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } }
@keyframes hvr-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } }
.hvr-ripple-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; }

.hvr-ripple-out:before { content: ''; position: absolute; border: #e1e1e1 solid 6px; top: 0; right: 0; bottom: 0; left: 0; -webkit-animation-duration: 1s; animation-duration: 1s; }

.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before { -webkit-animation-name: hvr-ripple-out; animation-name: hvr-ripple-out; }

/* Ripple In */
@-webkit-keyframes hvr-ripple-in { 100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1; } }
@keyframes hvr-ripple-in { 100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1; } }
.hvr-ripple-in { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; }

.hvr-ripple-in:before { content: ''; position: absolute; border: #e1e1e1 solid 4px; top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; -webkit-animation-duration: 1s; animation-duration: 1s; }

.hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before { -webkit-animation-name: hvr-ripple-in; animation-name: hvr-ripple-in; }

/* Outline Out */
.hvr-outline-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; }

.hvr-outline-out:before { content: ''; position: absolute; border: #e1e1e1 solid 4px; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left; }

.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before { top: -8px; right: -8px; bottom: -8px; left: -8px; }

/* Outline In */
.hvr-outline-in { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; }

.hvr-outline-in:before { pointer-events: none; content: ''; position: absolute; border: #e1e1e1 solid 4px; top: -16px; right: -16px; bottom: -16px; left: -16px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left; }

.hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before { top: -8px; right: -8px; bottom: -8px; left: -8px; opacity: 1; }

/* Round Corners */
.hvr-round-corners { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: border-radius; transition-property: border-radius; }

.hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active { border-radius: 1em; }

/* Underline From Left */
.hvr-underline-from-left { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; }

.hvr-underline-from-left:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #2098D1; height: 4px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before { right: 0; }

/* Underline From Center */
.hvr-underline-from-center { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; }

.hvr-underline-from-center:before { content: ""; position: absolute; z-index: -1; left: 51%; right: 51%; bottom: 0; background: #2098D1; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before { left: 0; right: 0; }

/* Underline From Right */
.hvr-underline-from-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; }

.hvr-underline-from-right:before { content: ""; position: absolute; z-index: -1; left: 100%; right: 0; bottom: 0; background: #2098D1; height: 4px; -webkit-transition-property: left; transition-property: left; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before { left: 0; }

/* Overline From Left */
.hvr-overline-from-left { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; }

.hvr-overline-from-left:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; top: 0; background: #2098D1; height: 4px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before { right: 0; }

/* Overline From Center */
.hvr-overline-from-center { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; }

.hvr-overline-from-center:before { content: ""; position: absolute; z-index: -1; left: 51%; right: 51%; top: 0; background: #2098D1; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before { left: 0; right: 0; }

/* Overline From Right */
.hvr-overline-from-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; }

.hvr-overline-from-right:before { content: ""; position: absolute; z-index: -1; left: 100%; right: 0; top: 0; background: #2098D1; height: 4px; -webkit-transition-property: left; transition-property: left; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before { left: 0; }

/* Reveal */
.hvr-reveal { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; }

.hvr-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; border-color: #2098D1; border-style: solid; border-width: 0; -webkit-transition-property: border-width; transition-property: border-width; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before { -webkit-transform: translateY(0); transform: translateY(0); border-width: 4px; }

/* Underline Reveal */
.hvr-underline-reveal { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; }

.hvr-underline-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; background: #2098D1; height: 4px; -webkit-transform: translateY(4px); transform: translateY(4px); -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before { -webkit-transform: translateY(0); transform: translateY(0); }

/* Overline Reveal */
.hvr-overline-reveal { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; }

.hvr-overline-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; background: #2098D1; height: 4px; -webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before { -webkit-transform: translateY(0); transform: translateY(0); }

/* SHADOW/GLOW TRANSITIONS */
/* Glow */
.hvr-glow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; -webkit-transition-property: -webkit-box-shadow; transition-property: -webkit-box-shadow; transition-property: box-shadow; transition-property: box-shadow, -webkit-box-shadow; }

.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }

/* Shadow */
.hvr-shadow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; -webkit-transition-property: -webkit-box-shadow; transition-property: -webkit-box-shadow; transition-property: box-shadow; transition-property: box-shadow, -webkit-box-shadow; }

.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active { -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); }

/* Grow Shadow */
.hvr-grow-shadow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow, transform; -webkit-transition-property: -webkit-box-shadow, -webkit-transform; transition-property: -webkit-box-shadow, -webkit-transform; transition-property: box-shadow, transform; transition-property: box-shadow, transform, -webkit-box-shadow, -webkit-transform; }

.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active { -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); -webkit-transform: scale(1.1); transform: scale(1.1); }

/* Box Shadow Outset */
.hvr-box-shadow-outset { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; -webkit-transition-property: -webkit-box-shadow; transition-property: -webkit-box-shadow; transition-property: box-shadow; transition-property: box-shadow, -webkit-box-shadow; }

.hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active { -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); }

/* Box Shadow Inset */
.hvr-box-shadow-inset { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; -webkit-transition-property: -webkit-box-shadow; transition-property: -webkit-box-shadow; transition-property: box-shadow; transition-property: box-shadow, -webkit-box-shadow; -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ }

.hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active { -webkit-box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0); box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ }

/* Float Shadow */
.hvr-float-shadow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }

.hvr-float-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; }

.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active { -webkit-transform: translateY(-5px); transform: translateY(-5px); /* move the element up by 5px */ }

.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ }

/* Shadow Radial */
.hvr-shadow-radial { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; }

.hvr-shadow-radial:before, .hvr-shadow-radial:after { pointer-events: none; position: absolute; content: ''; left: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; height: 5px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: opacity; transition-property: opacity; }

.hvr-shadow-radial:before { bottom: 100%; background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); }

.hvr-shadow-radial:after { top: 100%; background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); }

.hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after { opacity: 1; }

/* SPEECH BUBBLES */
/* Bubble Top */
.hvr-bubble-top { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; }

.hvr-bubble-top:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; left: calc(50% - 10px); top: 0; border-width: 0 10px 10px 10px; border-color: transparent transparent #e1e1e1 transparent; }

.hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before { -webkit-transform: translateY(-10px); transform: translateY(-10px); }

/* Bubble Right */
.hvr-bubble-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; }

.hvr-bubble-right:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; top: calc(50% - 10px); right: 0; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #e1e1e1; }

.hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before { -webkit-transform: translateX(10px); transform: translateX(10px); }

/* Bubble Bottom */
.hvr-bubble-bottom { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; }

.hvr-bubble-bottom:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; left: calc(50% - 10px); bottom: 0; border-width: 10px 10px 0 10px; border-color: #e1e1e1 transparent transparent transparent; }

.hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before { -webkit-transform: translateY(10px); transform: translateY(10px); }

/* Bubble Left */
.hvr-bubble-left { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; }

.hvr-bubble-left:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; top: calc(50% - 10px); left: 0; border-width: 10px 10px 10px 0; border-color: transparent #e1e1e1 transparent transparent; }

.hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before { -webkit-transform: translateX(-10px); transform: translateX(-10px); }

/* Bubble Float Top */
.hvr-bubble-float-top { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }

.hvr-bubble-float-top:before { position: absolute; z-index: -1; content: ''; left: calc(50% - 10px); top: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #e1e1e1 transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }

.hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active { -webkit-transform: translateY(10px); transform: translateY(10px); }

.hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before { -webkit-transform: translateY(-10px); transform: translateY(-10px); }

/* Bubble Float Right */
.hvr-bubble-float-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }

.hvr-bubble-float-right:before { position: absolute; z-index: -1; top: calc(50% - 10px); right: 0; content: ''; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #e1e1e1; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }

.hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active { -webkit-transform: translateX(-10px); transform: translateX(-10px); }

.hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before { -webkit-transform: translateX(10px); transform: translateX(10px); }

/* Bubble Float Bottom */
.hvr-bubble-float-bottom { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }

.hvr-bubble-float-bottom:before { position: absolute; z-index: -1; content: ''; left: calc(50% - 10px); bottom: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #e1e1e1 transparent transparent transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }

.hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active { -webkit-transform: translateY(-10px); transform: translateY(-10px); }

.hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before { -webkit-transform: translateY(10px); transform: translateY(10px); }

/* Bubble Float Left */
.hvr-bubble-float-left { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }

.hvr-bubble-float-left:before { position: absolute; z-index: -1; content: ''; top: calc(50% - 10px); left: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #e1e1e1 transparent transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }

.hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active { -webkit-transform: translateX(10px); transform: translateX(10px); }

.hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before { -webkit-transform: translateX(-10px); transform: translateX(-10px); }

/* ICONS */
/* Icon Back */
.hvr-icon-back { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; }

.hvr-icon-back .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-icon-back:hover .hvr-icon, .hvr-icon-back:focus .hvr-icon, .hvr-icon-back:active .hvr-icon { -webkit-transform: translateX(-4px); transform: translateX(-4px); }

/* Icon Forward */
.hvr-icon-forward { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; }

.hvr-icon-forward .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-icon-forward:hover .hvr-icon, .hvr-icon-forward:focus .hvr-icon, .hvr-icon-forward:active .hvr-icon { -webkit-transform: translateX(4px); transform: translateX(4px); }

/* Icon Down */
@-webkit-keyframes hvr-icon-down { 0%,
	50%,
	100% { -webkit-transform: translateY(0); transform: translateY(0); }
  25%,
	75% { -webkit-transform: translateY(6px); transform: translateY(6px); } }
@keyframes hvr-icon-down { 0%,
	50%,
	100% { -webkit-transform: translateY(0); transform: translateY(0); }
  25%,
	75% { -webkit-transform: translateY(6px); transform: translateY(6px); } }
/* Icon Down */
.hvr-icon-down { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }

.hvr-icon-down .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); }

.hvr-icon-down:hover .hvr-icon, .hvr-icon-down:focus .hvr-icon, .hvr-icon-down:active .hvr-icon { -webkit-animation-name: hvr-icon-down; animation-name: hvr-icon-down; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

/* Icon Up */
@-webkit-keyframes hvr-icon-up { 0%,
	50%,
	100% { -webkit-transform: translateY(0); transform: translateY(0); }
  25%,
	75% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } }
@keyframes hvr-icon-up { 0%,
	50%,
	100% { -webkit-transform: translateY(0); transform: translateY(0); }
  25%,
	75% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } }
/* Icon Up */
.hvr-icon-up { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }

.hvr-icon-up .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); }

.hvr-icon-up:hover .hvr-icon, .hvr-icon-up:focus .hvr-icon, .hvr-icon-up:active .hvr-icon { -webkit-animation-name: hvr-icon-up; animation-name: hvr-icon-up; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

/* Icon Spin */
.hvr-icon-spin { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }

.hvr-icon-spin .hvr-icon { -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }

.hvr-icon-spin:hover .hvr-icon, .hvr-icon-spin:focus .hvr-icon, .hvr-icon-spin:active .hvr-icon { -webkit-transform: rotate(360deg); transform: rotate(360deg); }

/* Icon Drop */
@-webkit-keyframes hvr-icon-drop { 0% { opacity: 0; }
  50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); }
  51%,
	100% { opacity: 1; } }
@keyframes hvr-icon-drop { 0% { opacity: 0; }
  50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); }
  51%,
	100% { opacity: 1; } }
/* Icon Drop */
.hvr-icon-drop { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }

.hvr-icon-drop .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); }

.hvr-icon-drop:hover .hvr-icon, .hvr-icon-drop:focus .hvr-icon, .hvr-icon-drop:active .hvr-icon { opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-animation-name: hvr-icon-drop; animation-name: hvr-icon-drop; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

/* Icon Fade */
.hvr-icon-fade { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }

.hvr-icon-fade .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: color; transition-property: color; }

.hvr-icon-fade:hover .hvr-icon, .hvr-icon-fade:focus .hvr-icon, .hvr-icon-fade:active .hvr-icon { color: #0F9E5E; }

/* Icon Float Away */
@-webkit-keyframes hvr-icon-float-away { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translateY(-1em); transform: translateY(-1em); } }
@keyframes hvr-icon-float-away { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translateY(-1em); transform: translateY(-1em); } }
/* Icon Float Away */
.hvr-icon-float-away { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }

.hvr-icon-float-away .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.hvr-icon-float-away:hover .hvr-icon, .hvr-icon-float-away:focus .hvr-icon, .hvr-icon-float-away:active .hvr-icon { -webkit-animation-name: hvr-icon-float-away; animation-name: hvr-icon-float-away; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

/* Icon Sink Away */
@-webkit-keyframes hvr-icon-sink-away { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translateY(1em); transform: translateY(1em); } }
@keyframes hvr-icon-sink-away { 0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translateY(1em); transform: translateY(1em); } }
/* Icon Sink Away */
.hvr-icon-sink-away { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }

.hvr-icon-sink-away .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.hvr-icon-sink-away:hover .hvr-icon, .hvr-icon-sink-away:focus .hvr-icon, .hvr-icon-sink-away:active .hvr-icon { -webkit-animation-name: hvr-icon-sink-away; animation-name: hvr-icon-sink-away; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

/* Icon Grow */
.hvr-icon-grow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

.hvr-icon-grow .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-icon-grow:hover .hvr-icon, .hvr-icon-grow:focus .hvr-icon, .hvr-icon-grow:active .hvr-icon { -webkit-transform: scale(1.3) translateZ(0); transform: scale(1.3) translateZ(0); }

/* Icon Shrink */
.hvr-icon-shrink { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

.hvr-icon-shrink .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-icon-shrink:hover .hvr-icon, .hvr-icon-shrink:focus .hvr-icon, .hvr-icon-shrink:active .hvr-icon { -webkit-transform: scale(0.8); transform: scale(0.8); }

/* Icon Pulse */
@-webkit-keyframes hvr-icon-pulse { 25% { -webkit-transform: scale(1.3); transform: scale(1.3); }
  75% { -webkit-transform: scale(0.8); transform: scale(0.8); } }
@keyframes hvr-icon-pulse { 25% { -webkit-transform: scale(1.3); transform: scale(1.3); }
  75% { -webkit-transform: scale(0.8); transform: scale(0.8); } }
.hvr-icon-pulse { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }

.hvr-icon-pulse .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-icon-pulse:hover .hvr-icon, .hvr-icon-pulse:focus .hvr-icon, .hvr-icon-pulse:active .hvr-icon { -webkit-animation-name: hvr-icon-pulse; animation-name: hvr-icon-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

/* Icon Pulse Grow */
@-webkit-keyframes hvr-icon-pulse-grow { to { -webkit-transform: scale(1.3); transform: scale(1.3); } }
@keyframes hvr-icon-pulse-grow { to { -webkit-transform: scale(1.3); transform: scale(1.3); } }
.hvr-icon-pulse-grow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }

.hvr-icon-pulse-grow .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-icon-pulse-grow:hover .hvr-icon, .hvr-icon-pulse-grow:focus .hvr-icon, .hvr-icon-pulse-grow:active .hvr-icon { -webkit-animation-name: hvr-icon-pulse-grow; animation-name: hvr-icon-pulse-grow; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }

/* Icon Pulse Shrink */
@-webkit-keyframes hvr-icon-pulse-shrink { to { -webkit-transform: scale(0.8); transform: scale(0.8); } }
@keyframes hvr-icon-pulse-shrink { to { -webkit-transform: scale(0.8); transform: scale(0.8); } }
.hvr-icon-pulse-shrink { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }

.hvr-icon-pulse-shrink .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-icon-pulse-shrink:hover .hvr-icon, .hvr-icon-pulse-shrink:focus .hvr-icon, .hvr-icon-pulse-shrink:active .hvr-icon { -webkit-animation-name: hvr-icon-pulse-shrink; animation-name: hvr-icon-pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }

/* Icon Push */
@-webkit-keyframes hvr-icon-push { 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } }
@keyframes hvr-icon-push { 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } }
.hvr-icon-push { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

.hvr-icon-push .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-icon-push:hover .hvr-icon, .hvr-icon-push:focus .hvr-icon, .hvr-icon-push:active .hvr-icon { -webkit-animation-name: hvr-icon-push; animation-name: hvr-icon-push; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

/* Icon Pop */
@-webkit-keyframes hvr-icon-pop { 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } }
@keyframes hvr-icon-pop { 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } }
.hvr-icon-pop { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

.hvr-icon-pop .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-icon-pop:hover .hvr-icon, .hvr-icon-pop:focus .hvr-icon, .hvr-icon-pop:active .hvr-icon { -webkit-animation-name: hvr-icon-pop; animation-name: hvr-icon-pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

/* Icon Bounce */
.hvr-icon-bounce { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

.hvr-icon-bounce .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-icon-bounce:hover .hvr-icon, .hvr-icon-bounce:focus .hvr-icon, .hvr-icon-bounce:active .hvr-icon { -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); }

/* Icon Rotate */
.hvr-icon-rotate { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

.hvr-icon-rotate .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-icon-rotate:hover .hvr-icon, .hvr-icon-rotate:focus .hvr-icon, .hvr-icon-rotate:active .hvr-icon { -webkit-transform: rotate(20deg); transform: rotate(20deg); }

/* Icon Grow Rotate */
.hvr-icon-grow-rotate { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

.hvr-icon-grow-rotate .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-icon-grow-rotate:hover .hvr-icon, .hvr-icon-grow-rotate:focus .hvr-icon, .hvr-icon-grow-rotate:active .hvr-icon { -webkit-transform: scale(1.5) rotate(12deg); transform: scale(1.5) rotate(12deg); }

/* Icon Float */
.hvr-icon-float { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

.hvr-icon-float .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-icon-float:hover .hvr-icon, .hvr-icon-float:focus .hvr-icon, .hvr-icon-float:active .hvr-icon { -webkit-transform: translateY(-4px); transform: translateY(-4px); }

/* Icon Sink */
.hvr-icon-sink { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

.hvr-icon-sink .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-icon-sink:hover .hvr-icon, .hvr-icon-sink:focus .hvr-icon, .hvr-icon-sink:active .hvr-icon { -webkit-transform: translateY(4px); transform: translateY(4px); }

/* Icon Bob */
@-webkit-keyframes hvr-icon-bob { 0% { -webkit-transform: translateY(-6px); transform: translateY(-6px); }
  50% { -webkit-transform: translateY(-2px); transform: translateY(-2px); }
  100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } }
@keyframes hvr-icon-bob { 0% { -webkit-transform: translateY(-6px); transform: translateY(-6px); }
  50% { -webkit-transform: translateY(-2px); transform: translateY(-2px); }
  100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } }
@-webkit-keyframes hvr-icon-bob-float { 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } }
@keyframes hvr-icon-bob-float { 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } }
.hvr-icon-bob { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

.hvr-icon-bob .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); }

.hvr-icon-bob:hover .hvr-icon, .hvr-icon-bob:focus .hvr-icon, .hvr-icon-bob:active .hvr-icon { -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob; animation-name: hvr-icon-bob-float, hvr-icon-bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; }

/* Icon Hang */
@-webkit-keyframes hvr-icon-hang { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); }
  50% { -webkit-transform: translateY(2px); transform: translateY(2px); }
  100% { -webkit-transform: translateY(6px); transform: translateY(6px); } }
@keyframes hvr-icon-hang { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); }
  50% { -webkit-transform: translateY(2px); transform: translateY(2px); }
  100% { -webkit-transform: translateY(6px); transform: translateY(6px); } }
@-webkit-keyframes hvr-icon-hang-sink { 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } }
@keyframes hvr-icon-hang-sink { 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } }
.hvr-icon-hang { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

.hvr-icon-hang .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); }

.hvr-icon-hang:hover .hvr-icon, .hvr-icon-hang:focus .hvr-icon, .hvr-icon-hang:active .hvr-icon { -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang; animation-name: hvr-icon-hang-sink, hvr-icon-hang; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; }

/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal { 16.65% { -webkit-transform: translateX(6px); transform: translateX(6px); }
  33.3% { -webkit-transform: translateX(-5px); transform: translateX(-5px); }
  49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); }
  66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); }
  83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes hvr-icon-wobble-horizontal { 16.65% { -webkit-transform: translateX(6px); transform: translateX(6px); }
  33.3% { -webkit-transform: translateX(-5px); transform: translateX(-5px); }
  49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); }
  66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); }
  83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }
.hvr-icon-wobble-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

.hvr-icon-wobble-horizontal .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); }

.hvr-icon-wobble-horizontal:hover .hvr-icon, .hvr-icon-wobble-horizontal:focus .hvr-icon, .hvr-icon-wobble-horizontal:active .hvr-icon { -webkit-animation-name: hvr-icon-wobble-horizontal; animation-name: hvr-icon-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

/* Icon Wobble Vertical */
@-webkit-keyframes hvr-icon-wobble-vertical { 16.65% { -webkit-transform: translateY(6px); transform: translateY(6px); }
  33.3% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
  49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); }
  66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); }
  83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes hvr-icon-wobble-vertical { 16.65% { -webkit-transform: translateY(6px); transform: translateY(6px); }
  33.3% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
  49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); }
  66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); }
  83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
.hvr-icon-wobble-vertical { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

.hvr-icon-wobble-vertical .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); }

.hvr-icon-wobble-vertical:hover .hvr-icon, .hvr-icon-wobble-vertical:focus .hvr-icon, .hvr-icon-wobble-vertical:active .hvr-icon { -webkit-animation-name: hvr-icon-wobble-vertical; animation-name: hvr-icon-wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

/* Icon Buzz */
@-webkit-keyframes hvr-icon-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); }
  100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } }
@keyframes hvr-icon-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); }
  100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } }
.hvr-icon-buzz { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

.hvr-icon-buzz .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); }

.hvr-icon-buzz:hover .hvr-icon, .hvr-icon-buzz:focus .hvr-icon, .hvr-icon-buzz:active .hvr-icon { -webkit-animation-name: hvr-icon-buzz; animation-name: hvr-icon-buzz; -webkit-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

/* Icon Buzz Out */
@-webkit-keyframes hvr-icon-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); }
  20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); }
  30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); }
  40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); }
  50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); }
  60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); }
  70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); }
  80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); }
  90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); }
  100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } }
@keyframes hvr-icon-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); }
  20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); }
  30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); }
  40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); }
  50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); }
  60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); }
  70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); }
  80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); }
  90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); }
  100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } }
.hvr-icon-buzz-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

.hvr-icon-buzz-out .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); }

.hvr-icon-buzz-out:hover .hvr-icon, .hvr-icon-buzz-out:focus .hvr-icon, .hvr-icon-buzz-out:active .hvr-icon { -webkit-animation-name: hvr-icon-buzz-out; animation-name: hvr-icon-buzz-out; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

/* CURLS */
/* Curl Top Left */
.hvr-curl-top-left { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; }

.hvr-curl-top-left:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; top: 0; left: 0; background: white; /* IE9 */ background: linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000'); /*For IE7-8-9*/ z-index: 1000; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; }

.hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before { width: 25px; height: 25px; }

/* Curl Top Right */
.hvr-curl-top-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; }

.hvr-curl-top-right:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; top: 0; right: 0; background: white; /* IE9 */ background: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%); -webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4); box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; }

.hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before { width: 25px; height: 25px; }

/* Curl Bottom Right */
.hvr-curl-bottom-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; }

.hvr-curl-bottom-right:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; bottom: 0; right: 0; background: white; /* IE9 */ background: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%); -webkit-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; }

.hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before { width: 25px; height: 25px; }

/* Curl Bottom Left */
.hvr-curl-bottom-left { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; }

.hvr-curl-bottom-left:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; bottom: 0; left: 0; background: white; /* IE9 */ background: linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%); -webkit-box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4); box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; }

.hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before { width: 25px; height: 25px; }
/* ========================================================================== Header custom styles ========================================================================== */
* { padding: 0; margin: 0; }

.main-container { padding: 0 0 3em 0; }

@-webkit-keyframes mymove { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  50% { -webkit-transform: translateX(-10px); transform: translateX(-10px); }
  100% { -webkit-transform: translateX(0px); transform: translateX(0px); } }

@keyframes mymove { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  50% { -webkit-transform: translateX(-10px); transform: translateX(-10px); }
  100% { -webkit-transform: translateX(0px); transform: translateX(0px); } }
.header_block { width: 100%; height: auto; padding: 15px 0; position: relative; top: 0; z-index: 99995; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.header_block a { outline: none; }
.header_block .container { max-width: 100%; }
.header_block .site-logo { width: 155px; height: auto; float: left; padding-top: 5px; }
.header_block .site-logo .darkmode { display: none; }
.header_block .right-sec { width: calc(100% - 155px); height: auto; float: left; padding-top: 3px; }
.header_block .right-sec .login-sec { width: 208px; height: 40px; float: right; }
.header_block .right-sec .login-sec .darkmode { display: none; }
.header_block .right-sec .login-sec ul { padding: 0; margin: 0; }
.header_block .right-sec .login-sec li { width: auto; height: auto; float: left; padding: 0; margin: 0; list-style-type: none; }
.header_block .right-sec .login-sec li a { font-family: "Gilroy-Medium"; }
.header_block .right-sec .login-sec li .lgn { width: auto; height: 40px; font-size: 16px; margin-right: 34px; line-height: 37px; position: relative; color: #0b1033; text-align: center; display: block; border-radius: 5px; }
.header_block .right-sec .login-sec li .lgn img { margin-right: 10px; position: relative; top: -2px; }
.header_block .right-sec .login-sec li .lgn:hover { color: #08aeea; }
.header_block .right-sec .login-sec li .sign { width: auto; height: 40px; font-size: 16px; line-height: 37px; color: #0b1033; text-align: center; display: block; position: relative; }
.header_block .right-sec .login-sec li .sign img { margin-right: 10px; position: relative; top: -2px; }
.header_block .right-sec .login-sec li .sign:hover { color: #08aeea; }
.header_block .right-sec .main-navigation { width: calc(100% - 208px); height: auto; float: left; text-align: center; padding-top: 2px; }
.header_block .right-sec .main-navigation ul { padding: 0; margin: 0; }
.header_block .right-sec .main-navigation li { width: auto; height: auto; list-style-type: none; margin: 0 10px; display: inline-block; font-size: 16px; line-height: 1; letter-spacing: 0.16px; color: #8796a8; font-family: "Gilroy-Medium"; }
.header_block .right-sec .main-navigation li a { color: #8796a8; padding: 10px; outline: none; }
.header_block .right-sec .main-navigation li a:hover { color: #151e67; }
.header_block .right-sec .main-navigation .current-menu-item a { color: #151e67; }

.homebannerlayer { position: relative; overflow: hidden; background: url(./images/home/bannerlayermain.jpg) no-repeat; background-size: cover; }
.homebannerlayer .bannershade { position: absolute; }
@media (max-width: 768px) { .homebannerlayer .bannershade { display: none; } }
.homebannerlayer .bannershade.shade6 { bottom: -2px; left: 0; width: 100%; }
.homebannerlayer .bannershade.shade6 img { width: 100%; }

.home-banner { width: 100%; height: auto; text-align: center; padding-top: 10em; padding-bottom: 2em; }
.home-banner .sectshade { position: absolute; }
.home-banner:before { display: none; }
.home-banner .container { max-width: 950px; position: relative; z-index: 10; }
.home-banner h1 { color: #fff; margin-bottom: 5px; }
.home-banner h1 span { display: block; font-size: 36px; font-family: "Gilroy-Medium"; }
.home-banner .bg1 { width: 100%; height: auto; position: absolute; left: 0; top: 7em; }
.home-banner .bg2 { width: 12vw; height: auto; position: absolute; right: 10vw; top: 7em; }
.home-banner .bg3 { width: 23vw; height: auto; position: absolute; left: 2vw; top: 15em; opacity: 0.7; }
.home-banner .bg4 { width: 35vw; height: auto; position: absolute; right: 0; top: 17em; }
.home-banner .bottom-sec { width: 100%; height: auto; clear: both; text-align: center; padding-top: 1.5em; }
.home-banner .bottom-sec ul { padding: 0; margin: 0; }
.home-banner .bottom-sec li { list-style-type: none; display: inline-block; margin: 0 10px; opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); }
.home-banner .bottom-sec li.reveal { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: 0.5s; transition: 0.5s; }
.home-banner .bottom-sec li .view-pr { font-size: 18px; line-height: 26px; color: #fff; font-family: "Gilroy-Medium"; padding: 16px 42px; border: 1px solid #0091ff; border-radius: 6px; background: #0091ff; display: inline-block; }
@media (max-width: 765px) { .home-banner .bottom-sec li .view-pr { padding: 8px 20px; margin-bottom: 10px; } }
.home-banner .bottom-sec li .view-pr:hover { background: transparent; border: 1px solid #0091ff; color: #0091ff; }
.home-banner .bottom-sec li a { font-size: 18px; line-height: 26px; color: #0091ff; font-family: "Gilroy-Medium"; padding: 18px 42px; border: 1px solid #0091ff; border-radius: 6px; }
@media (max-width: 765px) { .home-banner .bottom-sec li a { padding: 10px 20px; } }
.home-banner .bottom-sec li a:hover { background: #0091ff; color: #fff; }

.home-wrapper { width: 100%; height: auto; position: relative; z-index: 100; }
.home-wrapper .sec1 { width: 100%; height: auto; padding-bottom: 30px; position: relative; }
.home-wrapper .sec1 .listimgs { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; }
.home-wrapper .sec1 .round { width: 35vw; position: absolute; bottom: 24%; left: 0; z-index: -1; max-width: 541px; }
.home-wrapper .sec1 .round img { width: 100%; }
@media (max-width: 767px) { .home-wrapper .sec1 .round { display: none; } }
.home-wrapper .sec1 .round2 { width: 45vw; position: absolute; bottom: 15%; right: 0; z-index: -1; max-width: 686px; }
.home-wrapper .sec1 .round2 img { width: 100%; }
@media (max-width: 767px) { .home-wrapper .sec1 .round2 { display: none; } }
.home-wrapper .sec1 .container { max-width: 1250px; }
.home-wrapper .sec1 ul { padding: 0; margin: 0; }
.home-wrapper .sec1 li { width: 100%; height: auto; padding: 0; margin: 0; list-style-type: none; }
.home-wrapper .sec1 li .box { width: 100%; height: auto; -webkit-box-shadow: 0px 40px 70px #151e6714; box-shadow: 0px 40px 70px #151e6714; border-radius: 6px; margin: 15px 0; padding: 10px; overflow: hidden; }
.home-wrapper .sec1 li .box svg { width: 100%; }
.home-wrapper .sec1 li img { width: 100%; }
.home-wrapper .sec1 ul { margin-left: -15px; margin-right: -15px; }
@media only screen and (min-width: 765px) { .home-wrapper .sec1 { padding-bottom: 4em; }
  .home-wrapper .sec1 ul { margin-left: -15px; margin-right: -15px; }
  .home-wrapper .sec1 li { float: left; padding: 0; position: relative; opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px); -webkit-transition: 0.5s; transition: 0.5s; }
  .home-wrapper .sec1 li.reveal { -webkit-transition: 0.5s; transition: 0.5s; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
  .home-wrapper .sec1 li img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: 0.5s; transition: 0.5s; }
  .home-wrapper .sec1 li:nth-child(1) { margin-top: 15%; }
  .home-wrapper .sec1 li:nth-child(2) { margin-top: 17%; }
  .home-wrapper .sec1 li:nth-child(3) { margin-top: 13%; }
  .home-wrapper .sec1 li:nth-child(3) img { -webkit-transform: scale(1.4); transform: scale(1.4); margin-bottom: 20px; }
  .home-wrapper .sec1 li:nth-child(4) { margin-top: 4%; }
  .home-wrapper .sec1 li:nth-child(4) img { margin-bottom: 20px; }
  .home-wrapper .sec1 li .box { background: #fff; margin: 30px 0; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
  .home-wrapper .sec1 li .box-2 { width: 90%; }
  .home-wrapper .sec1 li .box-3 { width: 60%; border-radius: 50px; }
  .home-wrapper .sec1 li:first-child { width: 20%; }
  .home-wrapper .sec1 li:nth-child(2) { width: 25%; }
  .home-wrapper .sec1 li:nth-child(3) { width: 25%; }
  .home-wrapper .sec1 li:nth-child(4) { width: 30%; } }
.home-wrapper .sec1 .mbl { width: 100%; height: auto; text-align: center; display: none; }
.home-wrapper .sec2 { width: 100%; height: auto; clear: both; padding-bottom: 30px; }
.home-wrapper .sec2 h6 { font-family: "Gilroy-Medium"; }
.home-wrapper .sec2 img { width: 90%; }
.home-wrapper .sec2 .cnt { padding-top: 15px; }
.home-wrapper .sec2 .cnt p { font-family: "Open Sans", sans-serif; font-weight: 500; line-height: 2; color: #0b1033; opacity: 0.75; }
@media only screen and (min-width: 765px) { .home-wrapper .sec2 { padding-bottom: 7em; }
  .home-wrapper .sec2 .cnt { max-width: 500px; } }
.home-wrapper .sec3 { width: 100%; height: auto; clear: both; padding-bottom: 30px; position: relative; }
.home-wrapper .sec3 p { font-size: 14px; font-family: "Open Sans", sans-serif; font-weight: 500; line-height: 2; color: #0b1033; opacity: 0.75; }
.home-wrapper .sec3 .head p { font-family: "Gilroy-Medium"; }
.home-wrapper .sec3 .p-1 { width: 35vw; height: auto; position: absolute; left: 0; top: -8em; opacity: 0.7; }
.home-wrapper .sec3 .icon { width: 65px; border-radius: 100%; margin-bottom: 30px; text-align: center; }
.home-wrapper .sec3 .col-lg-4 { margin-top: 15px; margin-bottom: 15px; padding: 15px; border-radius: 10px; border: 1px solid #fff; }
@media (min-width: 1200px) { .home-wrapper .sec3 .col-lg-4 { padding: 35px; } }
.home-wrapper .sec3 .col-lg-4:hover { -webkit-box-shadow: 0px 4px 19px #016fff1a; box-shadow: 0px 4px 19px #016fff1a; border: 1px solid #b5b5b54d; }
.home-wrapper .sec3 .col-lg-4:nth-child(2n + 1) { clear: left; }
@media only screen and (min-width: 765px) { .home-wrapper .sec3 { padding: 3em 0 4em; }
  .home-wrapper .sec3 h6 { font-size: 18px; color: #0b1033; } }
@media only screen and (min-width: 1020px) { .home-wrapper .sec3 .col-lg-4:nth-child(2n + 1) { clear: inherit; }
  .home-wrapper .sec3 .col-lg-4:nth-child(3n + 1) { clear: left; } }
.home-wrapper .sec4 { width: 100%; height: auto; clear: both; padding: 0 0 30px 0; position: relative; display: inline-block; }
.home-wrapper .sec4 .p1 { width: 80vw; height: auto; position: absolute; right: 0; top: -10em; }
.home-wrapper .sec4 .container { position: relative; z-index: 10; }
.home-wrapper .sec4 h5 { text-align: center; }
.home-wrapper .sec4 .sld { width: 100%; height: auto; }
.home-wrapper .sec4 .sld .pic { width: 100%; height: auto; }
.home-wrapper .sec4 .sld .cnt { width: 100%; height: auto; margin-top: 15px; }
@media only screen and (min-width: 765px) { .home-wrapper .sec4 { padding: 1em 0 4em 0; }
  .home-wrapper .sec4 .btn { margin-top: 1em; }
  .home-wrapper .sec4 .sld { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .home-wrapper .sec4 .sld .pic { width: 50%; }
  .home-wrapper .sec4 .sld .cnt { width: 50%; margin-top: 0; } }
.home-wrapper .sec5 { width: 100%; height: auto; clear: both; position: relative; padding: 30px 0; }
.home-wrapper .sec5 .bg1 { width: 100%; height: 110%; position: absolute; left: 0; top: -8%; background-size: 100% 100%; }
.home-wrapper .sec5 .p1 { width: 100%; height: auto; position: absolute; left: 0; top: -12em; }
.home-wrapper .sec5 .p2 { width: 40%; height: auto; position: absolute; left: 0; top: 9em; z-index: 1; }
.home-wrapper .sec5 .p3 { width: 40%; height: auto; position: absolute; right: -3vw; bottom: 1em; z-index: 1; }
.home-wrapper .sec5 .container { position: relative; z-index: 10; }
.home-wrapper .sec5 .tag1 { width: 100%; height: auto; padding-bottom: 60px; }
.home-wrapper .sec5 .quote { width: 60px; height: 60px; margin-bottom: 15px; background: #fff url(./images/quote.svg) center center no-repeat; display: inline-block; border-radius: 100%; }
.home-wrapper .sec5 h3 { font-family: "Quicksand", sans-serif; font-weight: 400; color: #fff; }
.home-wrapper .sec5 h3 span { font-family: "Quicksand", sans-serif; font-weight: 700; }
.home-wrapper .sec5 .slide1 { width: 100%; height: auto; padding-top: 15px; }
.home-wrapper .sec5 .slide1 .box { width: 100%; height: auto; background: #fff; padding: 30px; border-radius: 6px; display: inline-block; -webkit-box-shadow: 0px 40px 70px #0b103326; box-shadow: 0px 40px 70px #0b103326; }
.home-wrapper .sec5 .slide1 .box .bottom-sec { width: 100%; height: auto; clear: both; padding-top: 20px; }
.home-wrapper .sec5 .slide1 .box .bottom-sec .pic { width: 45px; height: 45px; border-radius: 100%; overflow: hidden; background: #dde4ec; float: left; }
.home-wrapper .sec5 .slide1 .box .bottom-sec .right-sec { width: auto; float: left; padding-left: 20px; }
.home-wrapper .sec5 .slide1 .box .bottom-sec h6 { font-size: 16px; color: #0b1033; margin-bottom: 10px; }
.home-wrapper .sec5 .slide1 .box p { font-size: 16px; font-family: "Gilroy-Medium"; }
.home-wrapper .sec5 .tag2 { width: 100%; height: auto; clear: both; padding-bottom: 60px; }
.home-wrapper .sec5 .tag2 .slick-track { height: 100px; }
.home-wrapper .sec5 .tag2 h4 { color: #fff; text-align: center; font-family: "Quicksand", sans-serif; font-weight: 500; }
.home-wrapper .sec5 .slick-slider { margin: 0 -15px; }
.home-wrapper .sec5 .slick-slide { margin-right: 15px; margin-left: 15px; }
@media only screen and (min-width: 765px) { .home-wrapper .sec5 .tag1 { padding: 3em 0; }
  .home-wrapper .sec5 .slide1 { padding-top: 2em; }
  .home-wrapper .sec5 .tag2 { width: 100%; height: auto; clear: both; padding-bottom: 3em; }
  .home-wrapper .sec5 .tag2 h4 { margin-bottom: 1em; } }
@media only screen and (min-width: 1400px) { .home-wrapper .sec5 .slide1 { padding-top: 3em; }
  .home-wrapper .sec5 .tag1 { padding: 5em 0 9em 0; }
  .home-wrapper .sec5 .tag2 { padding-bottom: 0; }
  .home-wrapper .sec5 .tag2 h4 { margin-bottom: 3em; }
  .home-wrapper .sec5 .slick-list { overflow: inherit; } }
@media only screen and (min-width: 1400px) { .home-wrapper .sec5 { padding-bottom: 10em; } }
.home-wrapper .sec6 { background: #fff; margin-top: 70px; padding: 0 0 120px 0; }
.home-wrapper .sec6 h2 { font-weight: Bold; font-size: 38px; line-height: 48px; letter-spacing: 0.38px; color: #151e67; opacity: 1; text-align: center; margin: 0 0 70px 0; padding: 0; }
.home-wrapper .sec6 .blogLink { line-height: 52px; border: 1px solid #016fff4d; border-radius: 3px; font-size: 16px; letter-spacing: 0; color: #08aeea; padding: 0; display: block; margin: 0 auto; width: 177px; text-align: center; }
.home-wrapper .sec6 .blogLink:hover { background: transparent linear-gradient(105deg, #016fff 0%, #08aeea 100%) 0% 0% no-repeat padding-box; color: #fff; }
.home-wrapper .sec6 .blogPosts { width: 100%; float: left; position: relative; padding-left: 25%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.home-wrapper .sec6 .blogPosts .dotsGrid { background: url(images/dotsgrid.svg) no-repeat; height: 75px; width: 150px; top: -75px; position: absolute; left: 50%; margin-left: -75px; opacity: 0.6; z-index: 1; }
.home-wrapper .sec6 .blogPosts .blogThumb { border-radius: 3px; overflow: hidden; margin-bottom: 17px; }
.home-wrapper .sec6 .blogPosts .styleone { margin-bottom: 30px; z-index: 2; position: relative; }
.home-wrapper .sec6 .blogPosts .styleone:last-child { margin-bottom: 0; }
.home-wrapper .sec6 .blogPosts .styleone h3 { color: #151e67; font-size: 18px; font-weight: 600; line-height: 28px; letter-spacing: 0; }
.home-wrapper .sec6 .blogPosts .styleone h3 a:hover { color: #151e67; opacity: 0.6; }
.home-wrapper .sec6 .blogPosts .styleone p { font-size: 14px; line-height: 26px; letter-spacing: 0; color: #0b1033; font-family: "Open Sans", sans-serif; opacity: 0.75; }
.home-wrapper .sec6 .blogPosts .styletwo h3 { font-size: 28px; font-weight: 600; line-height: 38px; letter-spacing: 0; color: #151e67; opacity: 1; }
.home-wrapper .sec6 .blogPosts .styletwo h3 a:hover { color: #151e67; opacity: 0.6; }
.home-wrapper .sec6 .blogPosts .styletwo p { font-size: 16px; line-height: 26px; letter-spacing: 0; color: #0b1033; opacity: 0.75; font-family: "Gilroy-Medium"; }
.home-wrapper .sec6 .blogPosts .styletwo .blogThumb { margin-bottom: 25px; }
.home-wrapper .sec6 .blogPosts .v-center { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0; }

@media only screen and (min-width: 600px) { /**style**/ }
@media only screen and (min-width: 765px) { /**style**/ }
.page-template-template-woo-custom-product-addons { background: #fff; }

.page-template-template-woocommerce-dynamic-pricing-with-discount-rules { background: #fff; }

.page-template-template-woocommerce-checkout-field-editor-and-manager { background: #fff; }

.product-page { overflow-y: hidden; }
.product-page a.edd-add-to-cart.button.blue.edd-submit.edd-has-js { width: 100%; text-align: center; height: 50px; padding: 16px 0; }
.product-page .sec1 { width: 100%; height: auto; padding: 30px 0; }
.product-page .sec1 .Buyer-Protection { width: 100%; height: auto; display: inline-block; padding-top: 24px; }
.product-page .sec1 .Buyer-Protection .icon { width: 56px; height: 56px; display: -webkit-box; display: -ms-flexbox; display: flex; float: left; background: #ebf2fb; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 100%; }
.product-page .sec1 .Buyer-Protection .icon img { display: block; margin: auto; }
.product-page .sec1 .Buyer-Protection .rt { width: calc(100% - 80px); float: right; }
.product-page .sec1 .Buyer-Protection h6 { font-size: 16px; color: #0b1033; font-family: "Gilroy-Medium"; }
.product-page .sec1 .Buyer-Protection p { font-size: 14px; color: #8796a8; }
.product-page .sec1 .bottom-demo-sec { width: 100%; height: auto; display: inline-block; padding-top: 30px; }
.product-page .sec1 .bottom-demo-sec .f1 { width: auto; height: auto; float: left; margin-right: 10px; display: inline-block; font-family: "Gilroy-Medium"; font-size: 14px; line-height: 14px; color: #016fff; border: solid 1px #016fff; border-radius: 5px; padding: 15px 25px; margin-bottom: 10px; }
.product-page .sec1 .bottom-demo-sec .f1 img { margin-right: 10px; }
.product-page .sec1 .bottom-demo-sec .f1:hover { background: #016fff; border: solid 1px #016fff; color: #fff; }
.product-page .sec1 .bottom-demo-sec .b1 { width: auto; height: auto; float: left; display: inline-block; font-family: "Gilroy-Medium"; font-size: 14px; line-height: 14px; color: #08aeea; border: solid 1px #08aeea; border-radius: 5px; padding: 15px 25px; margin-bottom: 10px; }
.product-page .sec1 .bottom-demo-sec .b1:hover { background: #08aeea; border: solid 1px #08aeea; color: #fff; }
.product-page .sec1 .bottom-demo-sec .b1 img { margin-right: 10px; }
.product-page .sec1 p { font-family: "Gilroy-Medium"; }
@media only screen and (min-width: 765px) { .product-page .sec1 { padding: 3em 0 5em 0; } }
@media only screen and (min-width: 1020px) { .product-page .sec1 h2 { font-size: 28px; }
  .product-page .sec1 p { font-size: 16px; } }
.product-page .sec1 #carousel .slides li { border: solid 1px #fff; border-radius: 5px; background: #fafafa; }
.product-page .sec1 #carousel .slides li.flex-active-slide { border: solid 1px #016fffa6; }
.product-page .sec1 .lft-bottom { padding-top: 15px; }
.product-page .sec1 .lft-bottom p { font-size: 13px; color: #8796a8; }
.product-page .sec1 .plugin-sec { width: 100%; height: auto; display: inline-block; padding-top: 0; }
.product-page .sec1 .plugin-sec .edd-submit { background: #0091ff; border: 1px solid #0091ff; color: #fff; font-size: 16px; line-height: 1; width: 100%; font-family: "Gilroy-Semibold"; text-align: center; padding: 15px 35px; border-radius: 5px; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.product-page .sec1 .plugin-sec .edd-submit:hover { background: #fff; color: #0091ff; }
.product-page .sec1 .plugin-sec .btn-2 { padding: 15px 30px; font-size: 16px; line-height: 1; font-family: "Gilroy-Medium"; color: #016fff; display: inline-block; }
.product-page .sec1 .plugin-sec .btn-2:hover { color: #151e67; }
.product-page .sec1 .plugin-sec span.edd-cart-added-alert { padding: 15px 30px; font-size: 16px; line-height: 1; font-family: "Gilroy-Medium"; color: #016fff; display: inline-block; }
.product-page .sec1 .plugin-sec span.edd-cart-added-alert:hover { color: #151e67; }
.product-page .sec1 .plugin-sec span.edd-cart-added-alert svg.edd-icon.edd-icon-check { display: none; }
.product-page .sec1 .plugin-sec .edd_purchase_submit_wrapper { width: auto; float: left; width: 100%; }
.product-page .sec1 .plugin-sec .edd_price_option_name { font-size: 16px; line-height: 22px; color: #0b1033; font-family: "Open Sans", sans-serif; font-weight: 400; margin: 0; opacity: 0.65; margin-left: 8px; }
.product-page .sec1 .plugin-sec .edd_price_options { width: 100%; height: auto; display: inline-block; padding-bottom: 30px; }
.product-page .sec1 .plugin-sec ul { padding: 0; margin: 0; }
.product-page .sec1 .plugin-sec li { list-style-type: none; width: 100%; display: block; margin: 0; font-size: 18px; color: #8796a8; opacity: 0.65; font-family: "Open Sans", sans-serif; font-weight: 600; position: relative; }
@media (max-width: 500px) { .product-page .sec1 .plugin-sec li { padding: 0; } }
.product-page .sec1 .plugin-sec li span.edd_price_option_price { float: right; font-size: 17px; }
@media (max-width: 500px) { .product-page .sec1 .plugin-sec li span.edd_price_option_price { display: block; width: 100%; float: none; margin: 10px 0; } }
.product-page .sec1 .plugin-sec li span.edd_price_option_sep { display: none; }
.product-page .sec1 .plugin-sec li:hover { background: #fff; opacity: 1; }
.product-page .sec1 .plugin-sec li:hover span.edd_price_option_price { color: #016fff; }
.product-page .sec1 .plugin-sec li:hover .edd_price_option_name { opacity: 1; }
.product-page .sec1 .plugin-sec li label { position: relative; display: block; padding-left: 5px; width: 100%; padding: 15px 18px; border: 1px solid #fff; border-bottom: 1px solid #f0f0f0; border-radius: 3px; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; border-radius: 0px; font-family: "Open Sans", sans-serif; }
.product-page .sec1 .plugin-sec li label:hover { border-radius: 10px; -webkit-box-shadow: 0px 8px 16px #016fff14; box-shadow: 0px 8px 16px #016fff14; border: 1px solid #016fff40; }
.product-page .sec1 .plugin-sec li label.checkd { border: 1px solid #016fff40; border-radius: 10px; }
.product-page .sec1 .plugin-sec li label.checkd .edd_price_option_name { font-weight: 700; color: #0b1033; opacity: 1; }
.product-page .sec1 .plugin-sec li label.checkd .edd_price_option_price { font-weight: 700; color: #016fff; }
.product-page .sec1 .plugin-sec li input[type="checkbox"], .product-page .sec1 .plugin-sec li input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
.product-page .sec1 .plugin-sec li label::before { content: ""; top: 4px; border: 2px solid #707070; background-color: #fff; display: inline-block; border-radius: 100px; position: absolute; width: 15px; height: 15px; top: 20px; left: 16px; }
.product-page .sec1 .plugin-sec li label.checkd::after { content: ""; width: 9px; height: 9px; border-radius: 100px; position: absolute; background: #016fff; top: 25px; left: 21px; }
.product-page .sec1 .plugin-sec li label.checkd::before { border: 2px solid #016fff; }
.product-page > .sec2 { width: 100%; height: auto; position: relative; padding: 30px 0; display: inline-block; background: url(./images/wcpa/bg1.svg) -2vw 0 no-repeat; background-size: 105vw; z-index: 1; }
.product-page > .sec2 .p1 { width: 102vw; height: auto; position: absolute; left: -2vw; top: 0; max-width: inherit; }
.product-page > .sec2 .p2 { width: 40%; height: auto; position: absolute; left: 0; top: 9em; z-index: 1; }
.product-page > .sec2 .p3 { width: 40%; height: auto; position: absolute; right: -3vw; bottom: 1em; z-index: 1; }
.product-page > .sec2 .container { position: relative; z-index: 10; }
.product-page > .sec2 .left-sec { width: 100%; height: auto; }
.product-page > .sec2 .left-sec .video { width: 100%; height: auto; position: relative; border-radius: 5px; background: #000; position: relative; }
.product-page > .sec2 .left-sec .video img { border-radius: 5px; opacity: 0.5; }
.product-page > .sec2 .left-sec .video .icon { width: 100%; height: auto; position: absolute; z-index: 10; left: 0; top: 50%; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.product-page > .sec2 .left-sec .video .icon img { width: auto; max-width: 100%; display: inline-block; border-radius: 0; opacity: 1; }
.product-page > .sec2 .left-sec .video .icon h4 { color: #fff; }
.product-page > .sec2 .left-sec .bottom-sec { width: 100%; height: auto; clear: both; }
.product-page > .sec2 .left-sec .bottom-sec .col-md-6 { margin-top: 30px; }
.product-page > .sec2 .left-sec .bottom-sec .icon { width: 50px; height: auto; float: left; }
.product-page > .sec2 .left-sec .bottom-sec .description { width: calc(100% - 50px); float: left; padding-left: 20px; }
.product-page > .sec2 .left-sec .bottom-sec .description h3 { color: #fff; font-family: "Gilroy-Medium"; margin-bottom: 10px; }
.product-page > .sec2 .left-sec .bottom-sec .description p { color: #fff; font-size: 14px; line-height: 20px; margin-top: 12px; }
.product-page > .sec2 .right-sec { width: 100%; height: auto; }
.product-page > .sec2 .right-sec .box { width: 100%; height: auto; padding: 30px; border-radius: 10px; background: #fff; }
.product-page > .sec2 .right-sec ul { list-style: none; margin-left: 0; margin-top: 40px; }
.product-page > .sec2 .right-sec li { position: relative; padding-left: 40px; }
.product-page > .sec2 .right-sec ul li::before { content: ""; position: absolute; width: 18px; height: 18px; background: url("./images/wcpa/listcircle.svg") no-repeat; background-size: contain; left: 0; top: 9px; }
.product-page > .sec2 .right-sec li, .product-page > .sec2 .right-sec p { font-size: 16px; }
.product-page > .sec2 .left-sec .video h4 { font-size: 24px; line-height: 30px; color: #fff; font-family: "Quicksand", sans-serif; font-weight: 500; margin-top: 16px; }
.product-page > .sec2 .right-sec { margin-top: 20px; padding: 20px; }
.product-page > .sec2 .right-sec h4 { font-size: 24px; line-height: 26px; color: #111852; font-family: "Gilroy-Bold"; margin: 0; position: relative; }
.product-page > .sec2 .right-sec h4:after { content: ""; width: 100px; height: 2px; position: absolute; left: 0; top: calc(100% + 10px); background: #016fff; }
.product-page > .sec2 .right-sec li { font-size: 16px; line-height: 28px; color: #0b1033bf; font-family: "Open Sans", sans-serif; font-weight: 400; margin: 0; margin-top: 16px; }
.product-page > .sec2 .right-sec li strong { color: #0b1033; font-weight: 700; }
@media (min-width: 1200px) { .product-page > .sec2 { padding: 5em 0; }
  .product-page > .sec2 .left-sec { width: 55%; height: auto; float: left; padding-top: 0.5em; }
  .product-page > .sec2 .left-sec .bottom-sec { padding-top: 1.5em; }
  .product-page > .sec2 .left-sec .bottom-sec .col-md-6 { margin-top: 4em; }
  .product-page > .sec2 .right-sec { width: 45%; height: auto; float: left; margin-top: 0; padding: 0; margin-left: -10px; z-index: 2; position: relative; }
  .product-page > .sec2 .right-sec .box { padding: 50px; }
  .product-page > .sec2 .right-sec .box li { margin-top: 1em; } }
@media only screen and (min-width: 1020px) { .product-page > .sec2 { padding: 8em 0 4em 0; } }
@media only screen and (min-width: 1400px) { .product-page > .sec2 { padding: 11em 0; } }
.product-page .sec3 { width: 100%; height: auto; padding: 30px 0; background: #f7fafc; position: relative; }
@media (max-width: 500px) { .product-page .sec3 { padding: 0; } }
.product-page .sec3:before { content: ""; position: absolute; bottom: 100%; left: 0; width: 100%; height: 200px; background: #f7fafc; }
.product-page .sec3 .resp-tabs-container { min-height: 50vh; }
.product-page .sec3 .list { width: 100%; height: auto; padding: 30px 0; }
.product-page .sec3 .list .icon { width: 58px; height: 58px; background: #ebf2fb; border-radius: 100%; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 1em; }
.product-page .sec3 .list .icon img { display: block; margin: auto; }
.product-page .sec3 .list .pic { width: 100%; height: auto; position: relative; }
.product-page .sec3 .list .pic img { position: relative; z-index: 10; }
.product-page .sec3 .list .pic .bg1 { width: 240px; height: auto; position: absolute; left: 0; top: 0; z-index: 1; }
.product-page .sec3 .list .cnt { width: 100%; height: auto; }
.product-page .sec3 .list h3 { color: #0b1033; font-family: "Gilroy-Medium"; }
.product-page .sec3 .resp-tabs-list li.resp-tab-active { -webkit-box-shadow: 0px 13px 26px #151e671a; box-shadow: 0px 13px 26px #151e671a; }
.product-page .sec3 .quick-info { width: 100%; height: auto; border: 1px solid #e4e4e4; background: #fff; padding: 30px; border-radius: 6px; }
.product-page .sec3 .quick-info h4 { color: #0b1033; font-family: "Gilroy-Medium"; }
.product-page .sec3 .quick-info ul { padding: 0; margin: 0; }
.product-page .sec3 .quick-info li { width: 100%; height: auto; clear: both; list-style-type: none; margin: 40px 0; }
.product-page .sec3 .quick-info li h6 { font-size: 15px; line-height: 1.5; color: #8796a8; font-family: "Gilroy-Medium"; margin-bottom: 15px; }
.product-page .sec3 .quick-info li h5 { font-size: 15px; line-height: 1.5; color: #0b1033; font-family: "Gilroy-Medium"; }
.product-page .sec3 h4 { color: #0b1033; }
.product-page .sec3 .premium { width: 100%; height: auto; border: 1px solid #e4e4e4; background: #fff; padding: 30px; border-radius: 6px; }
.product-page .sec3 .premium h4 { margin-bottom: 1em; }
.product-page .sec3 .premium p { font-size: 18px; font-family: "Gilroy-Medium"; line-height: 32px; color: #0b1033; opacity: 0.75; }
.product-page .sec3 .premium ul { list-style: none; margin-top: 15px; }
.product-page .sec3 .premium ul li { font-size: 16px; position: relative; padding-left: 9px; }
.product-page .sec3 .premium ul li::before { content: " "; background: #8796a8; width: 6px; height: 6px; border-radius: 100%; display: inline-block; top: 6px; left: -1em; position: absolute; font-size: 15px; line-height: 1; -webkit-box-shadow: 0px 2px 6px #8796a840; box-shadow: 0px 2px 6px #8796a840; border: 3px solid #ffffff; }
.product-page .sec3 .premium ul ul li { list-style: none; }
.product-page .sec3 .Documentation { width: 100%; height: auto; border: 1px solid #e4e4e4; background: #fff; padding: 30px; border-radius: 6px; }
.product-page .sec3 .Documentation h4 { margin-bottom: 1em; }
.product-page .sec3 .Documentation ul { list-style: none; margin-top: 15px; }
.product-page .sec3 .Documentation ul li { font-size: 16px; position: relative; }
.product-page .sec3 .Documentation ul li::before { content: " "; background: #8796a8; width: 6px; height: 6px; border-radius: 100%; display: inline-block; top: 0; left: -1em; position: absolute; position: relative; font-size: 15px; line-height: 1; -webkit-box-shadow: 0px 2px 6px #8796a840; box-shadow: 0px 2px 6px #8796a840; border: 3px solid #ffffff; }
.product-page .sec3 .Documentation ul ul li { list-style: none; }
.product-page .sec3 .Changelog { width: 100%; height: auto; border: 1px solid #e4e4e4; background: #fff; padding: 30px; border-radius: 6px; }
.product-page .sec3 .Changelog .logs { width: 100%; height: auto; clear: both; display: inline-block; padding-bottom: 20px; }
.product-page .sec3 .Changelog .logs h6 { font-size: 14px; color: #8796a8; font-family: "Gilroy-Regular"; margin-bottom: 1em; }
.product-page .sec3 .Changelog .logs h6:before { content: "---"; margin-right: 5px; }
.product-page .sec3 .Changelog .logs h6:after { content: "---"; margin-left: 5px; }
.product-page .sec3 .Changelog .logs li { list-style-type: none; font-size: 14px; color: #0b1033; }
.product-page .sec3 .reviews { width: 100%; height: auto; border: 1px solid #e4e4e4; background: #fff; padding: 30px; border-radius: 6px; }
.product-page .sec3 .reviews .star-rate { width: 100%; height: auto; display: inline-block; position: relative; }
.product-page .sec3 .reviews .star-rate div { width: auto; height: auto; float: left; color: #8796a8; }
.product-page .sec3 .reviews .star-rate div:before { content: "\f005"; font: normal normal normal 13px/1 fontawesome; display: block; }
.product-page .sec3 .reviews .star-rate .star { width: 20px; position: relative; }
.product-page .sec3 .reviews .rate1 div:first-child { color: #f9c626; }
.product-page .sec3 .reviews .rate2 div:first-child { color: #f9c626; }
.product-page .sec3 .reviews .rate2 div:nth-child(2) { color: #f9c626; }
.product-page .sec3 .reviews .rate3 div:first-child { color: #f9c626; }
.product-page .sec3 .reviews .rate3 div:nth-child(2) { color: #f9c626; }
.product-page .sec3 .reviews .rate3 div:nth-child(3) { color: #f9c626; }
.product-page .sec3 .reviews .rate4 div:first-child { color: #f9c626; }
.product-page .sec3 .reviews .rate4 div:nth-child(2) { color: #f9c626; }
.product-page .sec3 .reviews .rate4 div:nth-child(3) { color: #f9c626; }
.product-page .sec3 .reviews .rate4 div:nth-child(4) { color: #f9c626; }
.product-page .sec3 .reviews .rate5 div:first-child { color: #f9c626; }
.product-page .sec3 .reviews .rate5 div:nth-child(2) { color: #f9c626; }
.product-page .sec3 .reviews .rate5 div:nth-child(3) { color: #f9c626; }
.product-page .sec3 .reviews .rate5 div:nth-child(4) { color: #f9c626; }
.product-page .sec3 .reviews .rate5 div:nth-child(5) { color: #f9c626; }
.product-page .sec3 .reviews .rate05 div:first-child:after { content: "\f005"; font: normal normal normal 13px/1 fontawesome; display: block; color: #f9c626; width: 6px; overflow: hidden; position: absolute; left: 0; top: 0; }
.product-page .sec3 .reviews .rate15 div:first-child { color: #f9c626; }
.product-page .sec3 .reviews .rate15 div:nth-child(2) { color: #8796a8; }
.product-page .sec3 .reviews .rate15 div:nth-child(2):after { content: "\f005"; font: normal normal normal 13px/1 fontawesome; display: block; color: #f9c626; width: 6px; overflow: hidden; position: absolute; left: 0; top: 0; }
.product-page .sec3 .reviews .rate25 div:first-child { color: #f9c626; }
.product-page .sec3 .reviews .rate25 div:nth-child(2) { color: #f9c626; }
.product-page .sec3 .reviews .rate25 div:nth-child(3) { color: #8796a8; }
.product-page .sec3 .reviews .rate25 div:nth-child(3):after { content: "\f005"; font: normal normal normal 13px/1 fontawesome; display: block; color: #f9c626; width: 6px; overflow: hidden; position: absolute; left: 0; top: 0; }
.product-page .sec3 .reviews .rate35 div:first-child { color: #f9c626; }
.product-page .sec3 .reviews .rate35 div:nth-child(2) { color: #f9c626; }
.product-page .sec3 .reviews .rate35 div:nth-child(3) { color: #f9c626; }
.product-page .sec3 .reviews .rate35 div:nth-child(4) { color: #8796a8; }
.product-page .sec3 .reviews .rate35 div:nth-child(4):after { content: "\f005"; font: normal normal normal 13px/1 fontawesome; display: block; color: #f9c626; width: 6px; overflow: hidden; position: absolute; left: 0; top: 0; }
.product-page .sec3 .reviews .rate45 div:first-child { color: #f9c626; }
.product-page .sec3 .reviews .rate45 div:nth-child(2) { color: #f9c626; }
.product-page .sec3 .reviews .rate45 div:nth-child(3) { color: #f9c626; }
.product-page .sec3 .reviews .rate45 div:nth-child(4) { color: #f9c626; }
.product-page .sec3 .reviews .rate45 div:nth-child(5) { color: #8796a8; }
.product-page .sec3 .reviews .rate45 div:nth-child(5):after { content: "\f005"; font: normal normal normal 13px/1 fontawesome; display: block; color: #f9c626; width: 6px; overflow: hidden; position: absolute; left: 0; top: 0; }
.product-page .sec3 .reviews h4 { font-family: "Gilroy-Medium"; }
.product-page .sec3 .reviews .rating-sec { width: 100%; height: auto; display: inline-block; padding-bottom: 10px; border-bottom: solid 1px #dddddd; /***** CSS Magic to Highlight Stars on Hover *****/ /* hover previous stars in list */ }
.product-page .sec3 .reviews .rating-sec .ratetext { font-size: 14px; line-height: 1; color: #8796a8; display: inline-block; }
.product-page .sec3 .reviews .rating-sec fieldset, .product-page .sec3 .reviews .rating-sec label { margin: 0; padding: 0; }
.product-page .sec3 .reviews .rating-sec .rating { border: none; float: left; }
.product-page .sec3 .reviews .rating-sec .rating > input { display: none; }
.product-page .sec3 .reviews .rating-sec .rating > label:before { margin: 5px; font-size: 13px; font-family: fontawesome; display: inline-block; content: "\f005"; }
.product-page .sec3 .reviews .rating-sec .rating > .half:before { content: "\f089"; position: absolute; }
.product-page .sec3 .reviews .rating-sec .rating > label { color: #ddd; float: right; }
.product-page .sec3 .reviews .rating-sec .rating > input:checked ~ label, .product-page .sec3 .reviews .rating-sec .rating:not(:checked) > label:hover, .product-page .sec3 .reviews .rating-sec .rating:not(:checked) > label:hover ~ label { color: #ffd700; }
.product-page .sec3 .reviews .rating-sec .rating > input:checked + label:hover, .product-page .sec3 .reviews .rating-sec .rating > input:checked ~ label:hover, .product-page .sec3 .reviews .rating-sec .rating > label:hover ~ input:checked ~ label, .product-page .sec3 .reviews .rating-sec .rating > input:checked ~ label:hover ~ label { color: #ffed85; }
.product-page .sec3 .reviews .rating-bar { width: 100%; height: auto; clear: both; display: inline-block; padding: 20px 0; }
.product-page .sec3 .reviews .rating-bar ul { padding: 0; margin: 0; }
.product-page .sec3 .reviews .rating-bar li { width: 100%; height: auto; padding: 10px 0; list-style-type: none; }
.product-page .sec3 .reviews .rating-bar .t1 { width: 60px; height: auto; float: left; font-size: 14px; line-height: 1; color: #8796a8; }
.product-page .sec3 .reviews .rating-bar .t2 { width: calc(100% - 130px); float: left; padding-top: 5px; }
.product-page .sec3 .reviews .rating-bar .t2 .bar { width: 100%; height: 5px; background: #e4e4e4; border-radius: 100px; position: relative; overflow: hidden; }
.product-page .sec3 .reviews .rating-bar .t2 .rate1 { height: 5px; background: #08aeea; border-radius: 100px; position: relative; overflow: hidden; }
.product-page .sec3 .reviews .rating-bar .t2 .rate2 { height: 5px; background: #08aeea; border-radius: 100px; position: relative; overflow: hidden; }
.product-page .sec3 .reviews .rating-bar .t2 .rate3 { height: 5px; background: #08aeea; border-radius: 100px; position: relative; overflow: hidden; }
.product-page .sec3 .reviews .rating-bar .t2 .rate4 { height: 5px; background: #08aeea; border-radius: 100px; position: relative; overflow: hidden; }
.product-page .sec3 .reviews .rating-bar .t2 .rate5 { height: 5px; background: #08aeea; border-radius: 100px; position: relative; overflow: hidden; }
.product-page .sec3 .reviews .rating-bar .t3 { width: 50px; height: auto; float: right; font-size: 14px; line-height: 1; color: #8796a8; }
.product-page .sec3 .reviews .post-sec { width: 100%; height: auto; clear: both; padding: 30px 0; border-bottom: solid 1px #dddddd; display: inline-block; }
.product-page .sec3 .reviews .post-sec .topsec { width: 100%; height: auto; display: inline-block; }
.product-page .sec3 .reviews .post-sec .topsec .pic { width: 40px; height: 40px; background: #8796a8; border-radius: 100%; float: left; }
.product-page .sec3 .reviews .post-sec .topsec .right-sec { width: calc(100% - 50px); float: right; }
.product-page .sec3 .reviews .post-sec .topsec .right-sec .t1 { width: auto; height: auto; float: left; }
.product-page .sec3 .reviews .post-sec .topsec .right-sec h6 { font-size: 16px; line-height: 1; color: #0b1033; font-family: "Gilroy-Medium"; }
.product-page .sec3 .reviews .post-sec .topsec .right-sec .t2 { width: auto; height: auto; float: left; font-size: 14px; line-height: 1; color: #8796a8; }
.product-page .sec3 .reviews .post-sec p { font-size: 14px; }
.product-page .sec3 .reviews .post-sec .rating-sec { border: none; padding: 0; }
.product-page .sec3 .reviews .post-sec:last-child { border: none; }
.product-page .sec3 .reviews .rht { text-align: center; }
.product-page .sec3 .reviews .rht .btn { margin-top: 0.5em; }
@media only screen and (min-width: 765px) { .product-page .sec3 { padding: 3em 0 0 0; }
  .product-page .sec3 .list { width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1em 0; }
  .product-page .sec3 .list p { margin-bottom: 1em; }
  .product-page .sec3 .list .pic { width: 50%; }
  .product-page .sec3 .list .cnt { width: 47%; }
  .product-page .sec3 .list:nth-child(even) .pic { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .product-page .sec3 .list:nth-child(even) .cnt { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } }
.product-page .compatible-sec { width: 100%; height: auto; clear: both; display: inline-block; text-align: center; padding: 3em 0 0 0; }
.product-page .compatible-sec h4 { color: #0b1033; font-size: 24px; line-height: 42px; color: #0b1033; font-family: "Quicksand", sans-serif; font-weight: 600; }
.product-page .compatible-sec .Compatible-slide { margin: 30px 0; }
@media only screen and (min-width: 765px) { .product-page .compatible-sec .Compatible-slide { margin: 3em 0; } }
.product-page .compatible-sec .r-more { font-size: 18px; line-height: 1; color: #016fff; font-family: "Gilroy-Medium"; display: inline-block; }
.product-page .compatible-sec .r-more:hover { color: #0b1033; }
.product-page .compatible-sec .compatible-product { width: 100%; height: auto; clear: both; padding-top: 30px; }
.product-page .compatible-sec .compatible-product .col-lg-4 { margin-top: 15px; margin-bottom: 15px; }
.product-page .compatible-sec .compatible-product .box { border-radius: 5px; overflow: hidden; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.product-page .compatible-sec .compatible-product .box:hover { -webkit-box-shadow: 0px 31px 60px #0b103312; box-shadow: 0px 31px 60px #0b103312; }
@media only screen and (min-width: 765px) { .product-page .compatible-sec .compatible-product { padding-top: 3em; } }
@media only screen and (min-width: 765px) { .product-page .compatible-sec { padding: 3em 0 0 0; } }
.product-page .sec4 { width: 100%; height: auto; clear: both; position: relative; padding-bottom: 10em; }
.product-page .sec4 .bg1 { width: 100%; height: 120%; position: absolute; left: 0; top: -15%; background: url(./images/bgcurve-1.png); background-size: 100% 100%; }
.product-page .sec4 .p1 { width: 100%; height: auto; position: absolute; left: 0; top: -12em; display: none; }
.product-page .sec4 .p2 { width: 40%; height: auto; position: absolute; left: 0; top: 9em; z-index: 1; }
.product-page .sec4 .p3 { width: 40%; height: auto; position: absolute; right: -3vw; bottom: 1em; z-index: 1; }
.product-page .sec4 .container { position: relative; z-index: 10; }
.product-page .sec4 .tag1 { width: 100%; height: auto; padding-bottom: 60px; }
.product-page .sec4 .quote { width: 60px; height: 60px; margin-bottom: 15px; background: #fff url(./images/quote.svg) center center no-repeat; display: inline-block; border-radius: 100%; }
.product-page .sec4 h3 { font-family: "Quicksand", sans-serif; font-weight: 400; color: #fff; }
.product-page .sec4 h3 span { font-family: "Gilroy-Bold"; }
.product-page .sec4 .slide1 { width: 100%; height: auto; padding-top: 15px; }
.product-page .sec4 .slide1 .box { width: 100%; height: auto; background: #fff; padding: 30px; border-radius: 6px; display: inline-block; -webkit-box-shadow: 0px 40px 70px #0b103326; box-shadow: 0px 40px 70px #0b103326; }
.product-page .sec4 .slide1 .box .bottom-sec { width: 100%; height: auto; clear: both; padding-top: 20px; }
.product-page .sec4 .slide1 .box .bottom-sec .pic { width: 45px; height: 45px; border-radius: 100%; overflow: hidden; background: #dde4ec; float: left; }
.product-page .sec4 .slide1 .box .bottom-sec .right-sec { width: auto; float: left; padding-left: 20px; }
.product-page .sec4 .slide1 .box .bottom-sec h6 { font-size: 16px; color: #0b1033; margin-bottom: 10px; font-family: "Quicksand", sans-serif; font-weight: 600; }
.product-page .sec4 .slide1 .box p { font-size: 16px; font-family: "Gilroy-Medium"; }
.product-page .sec4 .tag2 { width: 100%; height: auto; clear: both; padding-bottom: 60px; }
.product-page .sec4 .tag2 h4 { color: #fff; text-align: center; font-size: 24px; line-height: 42px; font-family: "Quicksand", sans-serif; font-weight: 500; }
.product-page .sec4 .slick-slider { margin: 0 -15px; }
.product-page .sec4 .slick-slide { margin-right: 15px; margin-left: 15px; }
@media only screen and (min-width: 765px) { .product-page .sec4 .tag1 { padding: 3em 0; }
  .product-page .sec4 .slide1 { padding-top: 2em; }
  .product-page .sec4 .tag2 { width: 100%; height: auto; clear: both; padding-bottom: 3em; }
  .product-page .sec4 .tag2 h4 { margin-bottom: 1em; } }
@media only screen and (min-width: 1400px) { .product-page .sec4 .slide1 { padding-top: 3em; }
  .product-page .sec4 .tag1 { padding: 5em 0 9em 0; }
  .product-page .sec4 .tag2 { padding-bottom: 0; }
  .product-page .sec4 .tag2 h4 { margin-bottom: 3em; }
  .product-page .sec4 .slick-list { overflow: inherit; } }
.product-page .sec5 { width: 100%; height: auto; clear: both; padding: 30px 0; }
.product-page .sec5 h4 { text-align: center; color: #0b1033; }
.product-page .sec6 { width: 100%; height: auto; clear: both; padding: 30px 0; }
.product-page .sec6 h3 { text-align: center; color: #0b1033; }
.product-page .sec6 .box { width: 100%; height: auto; background: #ffffff 0% 0% no-repeat padding-box; border: 1px solid #eeeeee; border-radius: 6px; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.product-page .sec6 .box .pic { width: 100%; height: auto; }
.product-page .sec6 .box .pic img { width: 100%; height: auto; display: block; }
.product-page .sec6 .box .detail-sec { width: 100%; height: auto; clear: both; padding: 30px; background: #fff; }
.product-page .sec6 .box .detail-sec .rupees { font-size: 18px; line-height: 1; color: #08aeea; font-family: "Gilroy-Medium"; display: block; margin-bottom: 1em; margin-top: 0.2em; }
.product-page .sec6 .box .detail-sec h6 { font-family: "Gilroy-Medium"; color: #0b1033; }
.product-page .sec6 .box .detail-sec p { font-size: 16px; }
.product-page .sec6 .box .detail-sec .view-dtl { font-size: 16px; line-height: 1; color: #8796a8; position: relative; margin-top: 1em; }
.product-page .sec6 .box .detail-sec .view-dtl:before { content: ""; display: inline-block; position: absolute; right: -27px; top: 10px; width: 14px; height: 1px; background: #8796a8; }
.product-page .sec6 .box .detail-sec .view-dtl:after { content: "\f105"; font: normal normal normal 20px/1 fontawesome; display: inline-block; position: absolute; right: -30px; top: 0; }
.product-page .sec6 .box .detail-sec .view-dtl:hover { color: #016fff; }
.product-page .sec6 .box .detail-sec .view-dtl:hover:before { background: #016fff; }
.product-page .sec6 .box:hover { -webkit-box-shadow: 0px 31px 60px #0b103312; box-shadow: 0px 31px 60px #0b103312; }
@media only screen and (min-width: 765px) { .product-page .sec6 { padding-bottom: 7em; }
  .product-page .sec6 h3 { margin-bottom: 2em; } }

/* ========================================================================== inner page custom styles ========================================================================== */
.fa-facebook::before { content: "\f09a"; }

.fa-twitter:before { content: "\f099"; }

.fa-linkedin:before { content: "\f0e1"; }

footer { background: #fff; clear: both; width: 100%; height: auto; clear: both; }
footer ul { padding: 0; margin: 0; }
footer li { list-style-type: none; }
footer li a { font-family: "Open Sans", sans-serif; font-weight: 400; letter-spacing: 0.18px; line-height: 1.8; color: #0b1033; opacity: 0.75; }
footer li a:hover { color: #151e67; opacity: 1; }
footer p { font-family: "Open Sans", sans-serif; font-weight: 400; line-height: 1.8; letter-spacing: 0.16px; color: #0b1033; opacity: 0.75; font-size: 16px; margin-top: 20px; max-width: 369px; }
footer a { color: #0b1033; }
footer a:hover { color: #151e67; }
footer .productsMenu ul li { margin-bottom: 0px; font-size: 16px; line-height: 2; }
footer .sec1 { width: 100%; height: auto; padding: 30px 0; }
footer .sec1 .f-logo { margin-bottom: 15px; }
footer .sec1 h6 { color: #111852; font-family: "Gilroy-Bold"; font-size: 18px; margin-bottom: 30px; }
@media only screen and (min-width: 765px) { footer .sec1 { padding: 5em 0; } }
footer .sec2 { width: 100%; height: auto; text-align: center; position: relative; padding-bottom: 30px; }
@media only screen and (min-width: 765px) { footer .sec2 { text-align: left; padding-bottom: 5em; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }
footer .sec2 p { font-size: 13px; margin: 10px 0; }
@media only screen and (min-width: 765px) { footer .sec2 .social { margin-left: auto; } }
footer .sec2 .social a { display: inline-block; margin-left: 25px; color: #111852; opacity: 0.45; }
footer .sec2 .social a i { font-size: 22px; }
footer .sec2 .social a:hover { opacity: 1; }
footer .viewall { font-size: 16px; line-height: 20px; margin-top: 13px; color: #016fff; text-decoration: underline; font-family: "Gilroy-semibold"; display: inline-block; }

.login-page-wrapper { width: 100%; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; }
.login-page-wrapper .warning { font-size: 14px; color: #ff550d; text-align: center; }
.login-page-wrapper .cnt-sec { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 10; padding: 0 0 0 5vw; }
.login-page-wrapper .txt-sec { width: 100%; height: auto; display: block; }
.login-page-wrapper .lft { width: 50%; height: 100%; position: relative; }
.login-page-wrapper .lft:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #79c0d9 0% 0% no-repeat padding-box; opacity: 0.12; }
.login-page-wrapper .lft h2 { margin-bottom: 0.2em; color: #151e67; }
@media only screen and (min-width: 1020px) { .login-page-wrapper .lft h2 { font-size: 42px; }
  .login-page-wrapper .lft p { font-size: 19px; color: #0b1033; font-family: "Gilroy-Medium"; } }
.login-page-wrapper .lft .bg1 { width: 23vw; height: auto; position: absolute; right: -7vw; top: -5vw; z-index: 5; }
.login-page-wrapper .lft .bg2 { width: 23vw; height: auto; position: absolute; left: -10vw; bottom: -10vw; z-index: 5; }
.login-page-wrapper .rht { width: 50%; height: 100%; background: #fff; position: relative; z-index: 10; }
.login-page-wrapper .rht .txt-sec { max-width: 370px; }
.login-page-wrapper .rht .label, .login-page-wrapper .rht .lost, .login-page-wrapper .rht .createacc { font-size: 14px; line-height: 1; color: #151e67; font-family: "Gilroy-Medium"; margin-bottom: 10px; display: block; }
.login-page-wrapper .rht p.createacc a { color: #016fff; }
.login-page-wrapper .rht p.createacc a:hover { color: #000; }
.login-page-wrapper .rht a.lost { color: #151e67; }
.login-page-wrapper .rht a.lost:hover { color: #016fff; }
.login-page-wrapper .rht .login-field { width: 100%; height: auto; display: inline-block; padding-bottom: 20px; position: relative; }
.login-page-wrapper .rht h3 { color: #151e67; }
.login-page-wrapper .rht .loading { width: 100%; height: auto; text-align: center; display: none; }
.login-page-wrapper .rht input.submit_button { width: 100%; height: 52px; margin: 1em 0 1.5em 0; border: none; outline: none; background: transparent linear-gradient(105deg, #08aeea 0%, #016fff 100%) 0% 0% no-repeat padding-box; color: #fff; font-size: 16px; line-height: 1; font-family: "Gilroy-Bold"; display: inline-block; padding: 15px 0; border-radius: 6px; -webkit-box-shadow: 0px 13px 16px #016fff26; box-shadow: 0px 13px 16px #016fff26; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.login-page-wrapper .rht input.submit_button:hover { background: transparent linear-gradient(105deg, #016fff 0%, #08aeea 100%) 0% 0% no-repeat padding-box; color: #fff; }
.login-page-wrapper .rht input[type="color"], .login-page-wrapper .rht input[type="email"], .login-page-wrapper .rht input[type="number"], .login-page-wrapper .rht input[type="password"], .login-page-wrapper .rht input[type="tel"], .login-page-wrapper .rht input[type="text"], .login-page-wrapper .rht input[type="url"], .login-page-wrapper .rht textarea { width: 100%; height: 52px; background: #fff; border: 1px solid #151e672e; border-radius: 6px; font-size: 14px; color: #151e67; font-family: "Gilroy-Medium"; }
@media only screen and (min-width: 1020px) { .login-page-wrapper .rht h3 { margin-bottom: 1em; } }

.page-template-template-login:before, .page-template-template-register:before { display: none; }
.page-template-template-login .header_block, .page-template-template-register .header_block { position: absolute; }
.page-template-template-login footer, .page-template-template-register footer { display: none; }
.page-template-template-login .header_block .right-sec, .page-template-template-register .header_block .right-sec { display: none; }

.blog-list-page { padding-bottom: 30px; }
.blog-list-page .sec1 { width: 100%; height: auto; clear: both; display: inline-block; padding: 30px 0; }
.blog-list-page .sec1 .blg-lft-desc { width: 90%; height: auto; background: #fff; position: relative; left: 5%; margin-top: -100px; z-index: 10; padding: 52px; background: #ffffff 0% 0% no-repeat padding-box; -webkit-box-shadow: 0px 13px 16px #151e6712; box-shadow: 0px 13px 16px #151e6712; border-radius: 6px; }
@media only screen and (min-width: 1020px) { .blog-list-page .sec1 .blg-lft-desc h3 { font-size: 28px; }
  .blog-list-page .sec1 .blg-lft-desc p { font-size: 16px; }
  .blog-list-page .sec1 .blg-lft-desc .date { width: 100%; height: auto; display: block; font-size: 16px; line-height: 1; color: #151e67; font-family: "Gilroy-Medium"; } }
.blog-list-page .sec1 .pic { width: 100%; height: auto; border-radius: 5px; overflow: hidden; }
.blog-list-page .sec1 h6 { font-size: 16px; color: #151e67; margin-bottom: 1em; }
.blog-list-page .sec1 .blg-pop-posts { width: 100%; height: auto; clear: both; display: inline-block; margin-bottom: 15px; }
.blog-list-page .sec1 .blg-pop-posts .pic { width: 120px; height: auto; border-radius: 5px; overflow: hidden; float: left; }
.blog-list-page .sec1 .blg-pop-posts .pic img { width: 100%; height: auto; display: block; }
.blog-list-page .sec1 .blg-pop-posts .blg-desc { width: calc(100% - 150px); float: right; }
.blog-list-page .sec1 .blg-pop-posts .date { width: 100%; height: auto; display: block; font-size: 14px; line-height: 1; color: #151e67; font-family: "Gilroy-Medium"; }
.blog-list-page .sec1 .blg-pop-posts h6 { font-size: 15px; color: #151e67; margin-bottom: 0.5em; }
.blog-list-page .sec1 .blg-pop-posts h6 a { color: #151e67; }
.blog-list-page .sec1 .blg-pop-posts h6 a:hover { color: #016fff; }
.blog-list-page .sec1 .blg-pop-posts:last-child { margin-bottom: 0; }
@media only screen and (min-width: 765px) { .blog-list-page .sec1 { padding-bottom: 2em; } }
.blog-list-page .sec2 { width: 100%; height: auto; clear: both; display: inline-block; padding-bottom: 30px; }
.blog-list-page .sec2 .pic { -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; margin-bottom: 1em; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; overflow: hidden; }
.blog-list-page .sec2 h4 { color: #151e67; font-family: "Gilroy-Medium"; }
.blog-list-page .sec2 h4 a { color: #151e67; }
.blog-list-page .sec2 h4 a:hover { color: #016fff; }
.blog-list-page .sec2 .blg-post .date { width: 100%; height: auto; display: block; font-size: 14px; line-height: 1; color: #151e67; font-family: "Gilroy-Medium"; }
.blog-list-page .sec2 .blg-post p { font-size: 16px; font-family: "Gilroy-Medium"; margin-bottom: 1em; }
.blog-list-page .sec2 .col-lg-4 { margin-top: 15px; margin-bottom: 30px; }
@media only screen and (min-width: 765px) { .blog-list-page .sec2 { padding-bottom: 2em; } }
@media only screen and (min-width: 765px) { .blog-list-page { padding-bottom: 5em; } }

.blog-loadmore-wrap { width: 100%; height: auto; text-align: center; padding: 2em 0 5em 0; }

.loadmore-media { width: 100%; height: auto; text-align: center; padding-bottom: 1em; display: none; }

.blog-bottom { width: 100%; max-width: 967px; margin: auto; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: auto; background: transparent linear-gradient(105deg, #08aeea 0%, #016fff 100%) 0% 0% no-repeat padding-box; padding: 30px; border-radius: 5px; }
.blog-bottom .left-sec { width: 60%; height: auto; position: relative; z-index: 10; }
.blog-bottom .left-sec h2 { color: #fff; margin-bottom: 0; }
.blog-bottom .left-sec p { color: #fff; font-size: 16px; font-family: "Gilroy-Medium"; }
.blog-bottom .right-sec { width: 40%; height: auto; position: relative; z-index: 10; }
.blog-bottom .right-sec ul { padding: 0; margin: 0; }
.blog-bottom .right-sec li { width: 100%; height: auto; padding: 0; list-style-type: none; margin: 20px 0; }
.blog-bottom .right-sec input[type="color"], .blog-bottom .right-sec input[type="email"], .blog-bottom .right-sec input[type="number"], .blog-bottom .right-sec input[type="password"], .blog-bottom .right-sec input[type="tel"], .blog-bottom .right-sec input[type="text"], .blog-bottom .right-sec input[type="url"], .blog-bottom .right-sec textarea { background: #fff; font-size: 14px; color: #151e67; font-family: "Gilroy-Medium"; }
.blog-bottom .right-sec input[type="submit"] { background: #151e67; font-family: "Gilroy-Medium"; font-size: 14px; }
.blog-bottom .right-sec input[type="submit"]:hover { background: #2535b1; }
.blog-bottom .bg1 { width: 20vw; height: auto; position: absolute; right: -5vw; top: -10vw; }
.blog-bottom .bg2 { width: 20vw; height: auto; position: absolute; left: -5vw; bottom: -10vw; }
@media only screen and (min-width: 765px) { .blog-bottom { padding: 40px 80px; } }

footer .container { border-top: solid 1px #e6e4e4; }
footer .footemail { border-radius: 0px 20px 20px 20px; border: 1px solid rgba(17, 24, 82, 0.1); background: #ffffff; position: relative; max-width: 370px; margin-top: 70px; }
@media (max-width: 600px) { footer .footemail { margin: 70px auto 0 auto; } }
footer .footemail .overhead { padding: 12px 20px; font-size: 14px; line-height: 17px; color: #fefefe; background: #016fff; border-radius: 16px 16px 0px 0px; position: absolute; top: 0; left: 0; display: inline-block; -webkit-transform: translateY(-100%); transform: translateY(-100%); font-family: "Gilroy-semibold"; }
footer .footemail .sectonefoot { padding: 17px 20px; }
footer .footemail .sectonefoot h6 { font-size: 14px; line-height: 17px; color: rgba(17, 24, 82, 0.45); margin: 0; margin-bottom: 4px; font-family: "Gilroy-semibold"; }
footer .footemail .sectonefoot h5 { margin: 0; font-size: 18px; line-height: 22px; color: #111852; font-family: "Gilroy-Bold"; }
footer .footemail .sectonefoot.bb { border-bottom: 1px solid rgba(17, 24, 82, 0.1); }
footer .footemail .sectonefoot.bb h5 a:hover { text-decoration: underline; }

.page-template-template-home footer .container { border: none; }

.container { position: relative; z-index: 10; }

.inner-header-section { width: 100%; height: auto; padding: 30px 0; text-align: center; }
.inner-header-section .container { max-width: 770px; }
.inner-header-section .bottom-sec { width: 100%; height: auto; }
.inner-header-section .bottom-sec .date { width: 100%; height: auto; display: block; font-size: 14px; line-height: 1; color: #151e67; font-family: "Gilroy-Medium"; }

.single-blog .container { max-width: 770px; }

.contact-page .sec1 { width: 100%; height: auto; display: inline-block; padding: 30px 0; }
.contact-page .sec1 .loading { display: none; text-align: center; padding-top: 10px; }
.contact-page .sec1 p { margin-bottom: 1em; }
.contact-page .sec1 img { margin-bottom: 1em; }
.contact-page .sec1 .right-sec { width: 100%; height: auto; padding-top: 30px; text-align: center; }
.contact-page .sec1 .right-sec .pic { width: 100%; height: auto; text-align: center; margin-top: 15px; }
.contact-page .sec1 .social { width: 100%; height: auto; display: inline-block; margin-top: 1em; text-align: center; }
.contact-page .sec1 .social ul { padding: 0; margin: 0; }
.contact-page .sec1 .social li { width: auto; height: auto; float: none; list-style-type: none; padding: 0; margin: 0 10px; display: inline-block; }
.contact-page .sec1 .social .icon { width: 32px; height: 32px; text-align: center; display: block; border-radius: 100%; font: normal normal normal 18px/1.8 fontawesome; color: #fff; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.contact-page .sec1 .social .icon:hover { opacity: 0.7; }
.contact-page .sec1 .social .fb { background: #4398e0; }
.contact-page .sec1 .social .twitter { background: #26a5f2; }
.contact-page .sec1 .social .linkedin { background: #006699; }
.contact-page .sec1 .social .fb:before { content: "\f09a"; }
.contact-page .sec1 .social .twitter:before { content: "\f099"; }
.contact-page .sec1 .social .linkedin:before { content: "\f0e1"; }
.contact-page .sec1 .mail { position: relative; margin: 1em 0; display: inline-block; }
.contact-page .sec1 .mail:before { content: "\f0e0"; font: normal normal normal 16px/1 fontawesome; margin-right: 10px; display: inline-block; color: #919194; }
@media only screen and (min-width: 765px) { .contact-page .sec1 { padding-bottom: 5em; }
  .contact-page .sec1 .social li { width: auto; height: auto; float: left; list-style-type: none; padding: 0; margin: 0 20px 0 0; }
  .contact-page .sec1 .right-sec { padding-left: 1em; padding-top: 4em; text-align: left; } }
.contact-page .contact-form { width: 100%; height: auto; padding: 30px; display: inline-block; background: #fff; border: 1px solid #8796a826; border-radius: 6px; }
.contact-page .contact-form p { font-size: 16px; }
.contact-page .contact-form ul { padding: 0; margin: 0; position: relative; }
.contact-page .contact-form li { list-style-type: none; position: relative; }
.contact-page .contact-form input[type="color"], .contact-page .contact-form input[type="email"], .contact-page .contact-form input[type="number"], .contact-page .contact-form input[type="password"], .contact-page .contact-form input[type="tel"], .contact-page .contact-form input[type="text"], .contact-page .contact-form input[type="url"], .contact-page .contact-form textarea { background: #fff; font-size: 14px; color: #151e67; font-family: "Gilroy-Medium"; }
.contact-page .contact-form label.title { font-size: 14px; line-height: 1; color: #151e67; font-family: "Gilroy-Medium"; }
.contact-page .contact-form textarea { height: 140px; }
.contact-page .contact-form .btn { float: right; margin-top: 2em; -webkit-box-shadow: 0px 13px 16px #016fff26; box-shadow: 0px 13px 16px #016fff26; }
.contact-page .contact-form span.error { color: #f0222a; position: absolute; top: -4px; right: 10px; text-transform: none; width: auto; color: white; background-color: #ff0000; padding: 2px 5px; display: inline-block; font-size: 11px; line-height: 18px; height: 20px; min-height: inherit; }
.contact-page .contact-form span.error:after { position: absolute; content: " "; border-top: 5px solid #ff0000; border-left: 5px solid rgba(255, 0, 0, 0); border-bottom: 5px solid rgba(255, 0, 0, 0); border-right: 5px solid rgba(255, 0, 0, 0); bottom: -9px; right: 10px; }

.faqnew { width: 100%; height: auto; background: #fff; padding: 30px; margin-bottom: 136px; border-radius: 6px; display: inline-block; padding-top: 200px; position: relative; }
.faqnew:before { content: ""; position: absolute; top: -6%; left: 0; width: 100%; height: 200px; background: #f7fafc; -webkit-transform: skewY(7deg); transform: skewY(7deg); }
@media (max-width: 500px) { .faqnew { padding-top: 30px; }
  .faqnew:before { display: none; } }
.faqnew .container { max-width: 770px; }
.faqnew h4 { font-size: 32px; line-height: 45px; text-align: center; font-family: "Gilroy-Medium"; color: #111852; margin: 0; }
@media (max-width: 500px) { .faqnew h4 { font-size: 25px; line-height: 36px; } }
.faqnew h2.resp-accordion.ver_1 { font-size: 16px !important; font-family: "Open Sans", sans-serif; font-weight: 400; line-height: 1.5; color: #0b1033; position: relative; border-bottom: solid 1px #e8e8e8 !important; background: #fff !important; margin: 0; padding: 30px 20px 30px 0; font-family: "Gilroy-Medium"; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.faqnew h2.resp-accordion.ver_1:before { content: "\f067"; font: normal normal normal 14px/1 fontawesome; display: block; position: absolute; right: 0; top: 31px; color: #8796a8; }
.faqnew h2.resp-accordion.ver_1:hover { color: #016fff; }
.faqnew p { font-size: 16px; color: #8796a8; font-family: "Open Sans", sans-serif; font-weight: 400; }
.faqnew .resp-easy-accordion .resp-tab-content { border: none !important; border-bottom: solid 1px #e8e8e8 !important; padding: 0 20px 15px 0; background: #fff !important; }
.faqnew h2.resp-accordion.ver_1.resp-tab-active { border: none !important; padding-bottom: 15px; }
.faqnew h2.resp-accordion.ver_1.resp-tab-active:before { content: "\f068"; }
.faqnew span.resp-arrow { display: none; }

/* ========================================================================== page custom styles ========================================================================== */
button.slick-prev.slick-arrow:before, button.slick-next.slick-arrow:before { font: normal normal normal 22px/1 fontawesome; display: block; color: #0b1033; position: absolute; top: 0; }

button.slick-prev.slick-arrow:before { content: "\f104"; }

button.slick-next.slick-arrow:before { content: "\f105"; }

button.slick-prev.slick-arrow:after, button.slick-next.slick-arrow:after { content: ""; width: 20px; height: 1px; background: #0b1033; display: block; position: absolute; top: 12px; }

button.slick-next.slick-arrow, button.slick-prev.slick-arrow { width: 45px; height: 15px; opacity: 1; top: auto; top: -90px; display: block; font-size: 0; line-height: 0; color: #fff; font-family: "Gilroy-Regular"; font-weight: 700; position: relative; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }

button.slick-next.slick-arrow:before { right: 0; }

button.slick-prev.slick-arrow:before { left: 0; }

button.slick-prev.slick-arrow:after { left: 2px; }

button.slick-next.slick-arrow:after { right: 2px; width: 35px; }

button.slick-next.slick-arrow { position: absolute; right: 50%; margin-right: -40px; }

button.slick-prev.slick-arrow { position: absolute; left: 50%; margin-left: -40px; }

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before { opacity: 0.25; }

.slick-next.slick-disabled:after, .slick-prev.slick-disabled:after { opacity: 0.25; }

button.slick-prev.slick-arrow { left: auto; right: 0; }

button.slick-next.slick-arrow { left: auto; right: 0; }

div#customer_login { padding: 4em 0; }
div#customer_login .login, div#customer_login .register { min-height: 330px; }
div#customer_login .login p, div#customer_login .login li, div#customer_login .register p, div#customer_login .register li { font-size: 16px; }

.related-posts-wrap .titlerelated { font-size: 16px; line-height: 38px; color: #0b1033; font-family: "Gilroy-Regular"; text-align: center; text-transform: uppercase; }
.related-posts-wrap .related-row { margin: 0 -15px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 80px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.related-posts-wrap .related-col { width: 100%; padding: 0 20px; margin-top: 26px; }
@media (min-width: 768px) { .related-posts-wrap .related-col { width: calc(100% / 2); margin-top: 46px; } }
.related-posts-wrap .related-col .blogitem .blogimg { width: 100%; border-radius: 10px; overflow: hidden; }
.related-posts-wrap .related-col .blogitem .blogimg img { display: block; width: 100%; }
.related-posts-wrap .related-col .blogitem .blogtext { padding: 25px 20px; border: 1px solid #8796a833; border-radius: 0 0 10px 10px; width: 90%; margin: 0 auto; }
@media (min-width: 1200px) { .related-posts-wrap .related-col .blogitem .blogtext { padding: 32px 40px; } }
.related-posts-wrap .related-col .blogitem .blogtext h4 { font-size: 14px; line-height: 26px; color: #016fff; font-family: "Gilroy-Medium"; margin: 0; }
.related-posts-wrap .related-col .blogitem .blogtext h5 { font-size: 18px; line-height: 25px; color: #111852; font-family: "Gilroy-semibold"; margin: 0; margin-top: 16px; }
@media (min-width: 768px) { .related-posts-wrap .related-col .blogitem .blogtext h5 { font-size: 24px; line-height: 38px; } }
@media (min-width: 1200px) { .related-posts-wrap .related-col .blogitem .blogtext h5 { font-size: 28px; } }
.related-posts-wrap .related-col .blogitem .blogtext h6 { font-size: 14px; line-height: 26px; color: #8796a8; font-family: "Gilroy-Medium"; margin: 0; margin-top: 20px; }
@media (min-width: 768px) { .related-posts-wrap .related-col .blogitem .blogtext h6 { margin-top: 40px; } }

.single-post .has-background, .single-post .counter-hierarchy, .single-post .counter-decimal, .single-post .ez-toc-grey, .single-post #ez-toc-container { padding: 24px 22px; border-radius: 10px; margin: 44px 0; width: 100%; background-color: #fafbfc; border: none; }
@media (min-width: 768px) { .single-post .has-background, .single-post .counter-hierarchy, .single-post .counter-decimal, .single-post .ez-toc-grey, .single-post #ez-toc-container { padding: 44px 42px; } }
.single-post .has-background .ez-toc-title, .single-post .counter-hierarchy .ez-toc-title, .single-post .counter-decimal .ez-toc-title, .single-post .ez-toc-grey .ez-toc-title, .single-post #ez-toc-container .ez-toc-title { font-size: 21px; line-height: 38px; color: #0b1033; font-family: "Gilroy-Bold"; margin-bottom: 40px; }
.single-post .has-background p, .single-post .counter-hierarchy p, .single-post .counter-decimal p, .single-post .ez-toc-grey p, .single-post #ez-toc-container p { margin-bottom: 1em; }
.single-post .has-background li, .single-post .counter-hierarchy li, .single-post .counter-decimal li, .single-post .ez-toc-grey li, .single-post #ez-toc-container li { margin-bottom: 10px; }
.single-post .has-background li ul, .single-post .counter-hierarchy li ul, .single-post .counter-decimal li ul, .single-post .ez-toc-grey li ul, .single-post #ez-toc-container li ul { margin-top: 10px; }
.single-post .has-background li a, .single-post .counter-hierarchy li a, .single-post .counter-decimal li a, .single-post .ez-toc-grey li a, .single-post #ez-toc-container li a { font-size: 16px; line-height: 32px; letter-spacing: 0.18px; color: #5e6975; font-family: "Open Sans", sans-serif; font-weight: 500; }
@media (min-width: 768px) { .single-post .has-background li a, .single-post .counter-hierarchy li a, .single-post .counter-decimal li a, .single-post .ez-toc-grey li a, .single-post #ez-toc-container li a { font-size: 18px; line-height: 32px; } }
.single-post .has-background .ez-toc-title-container, .single-post .counter-hierarchy .ez-toc-title-container, .single-post .counter-decimal .ez-toc-title-container, .single-post .ez-toc-grey .ez-toc-title-container, .single-post #ez-toc-container .ez-toc-title-container { margin-bottom: 1em; }
.single-post .wp-block-columns { margin-top: 1em; margin-bottom: 1em; }
.single-post .blog-wraper p { font-size: 16px; line-height: 30px; color: #0b1033; font-family: "Open Sans", sans-serif; font-weight: 400; margin-bottom: 1em; opacity: 0.75; }
@media (min-width: 768px) { .single-post .blog-wraper p { font-size: 18px; line-height: 38px; } }
.single-post .blog-wraper img { margin-bottom: 1em; }
.single-post span.blog_date { width: 100%; height: auto; display: block; padding-bottom: 1em; font-size: 14px; line-height: 1; color: #151e67; font-family: "Open Sans", sans-serif; }
.single-post h1 { font-size: 24px; line-height: 38px; margin-top: 45px; margin-bottom: 25px; color: #111852; font-family: "Gilroy-Bold"; }
.single-post h2 { font-size: 24px; line-height: 38px; margin-top: 45px; margin-bottom: 25px; color: #111852; font-family: "Gilroy-Bold"; }
.single-post h3 { font-size: 21px; line-height: 38px; color: #111852; font-family: "Gilroy-Medium"; margin-top: 40px; margin-bottom: 20px; }
.single-post h4 { font-size: 18px; line-height: 26px; color: #111852; font-family: "Gilroy-Medium"; margin-top: 27px; margin-bottom: 18px; }
.single-post h5 { font-size: 16px; line-height: 22px; color: #111852; font-family: "Gilroy-Medium"; margin-top: 27px; margin-bottom: 18px; }
.single-post h6 { font-size: 14px; line-height: 20px; color: #111852; font-family: "Gilroy-Medium"; margin-top: 27px; margin-bottom: 18px; }
.single-post .blogalsortead { display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; padding: 30px 0; margin: 40px 0; }
.single-post .blogalsortead .titl { width: 103px; font-family: "Open Sans", sans-serif; font-size: 32px; line-height: 43px; color: #8796a8; font-weight: 400; margin: 0; }
.single-post .blogalsortead .titl .small { font-size: 22px; line-height: 30px; }
.single-post .blogalsortead .link { font-family: "Open Sans", sans-serif; font-size: 18px; line-height: 24px; color: #016fff; font-weight: 400; margin: 0; margin-left: 7%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.single-post .listbox { margin: 40px 0; }
.single-post .listbox ul { margin: 0; padding: 0; }
.single-post .listbox ul li { list-style: none; font-size: 16px; line-height: 26px; color: #0b1033; font-family: "Open Sans", sans-serif; font-weight: 600; margin: 0; padding: 16px 22px; background: #f6f6f6; margin-bottom: 10px; border-left: 2px solid #d4d4d4; }
.single-post .listbox ul li:hover { border-left: 2px solid #016fff; color: #016fff; }
.single-post .chattrans { margin: 40px 0; }
.single-post .chattrans h3 { font-size: 24px; line-height: 27px; color: #122b46; font-family: "Open Sans", sans-serif; font-weight: 400; margin: 0; margin-bottom: 18px; }
.single-post .chattrans ul { padding: 0; margin: 0; }
.single-post .chattrans li { list-style: none; padding: 14px; background: #eef0f3; }
.single-post .chattrans li:nth-child(2n) { background: #fff; }
.single-post .chattrans li h4 { font-size: 16px; line-height: 22px; color: #122b46; font-family: "Open Sans", sans-serif; font-weight: 400; margin: 0; }
.single-post .chattrans li h5 { font-size: 14px; line-height: 19px; color: #7f868f; font-family: "Open Sans", sans-serif; font-weight: 400; margin: 0; margin-top: 2px; }

.single-post .post-gen-inner .blog-content-sect a { color: rgba(1, 111, 255, 0.8); text-decoration: underline; }
.single-post .post-gen-inner .blog-content-sect a:hover { color: #016fff; }

.blueshade { position: relative; z-index: 10; }

.page-template-template-checkout .main-container .container { max-width: 770px; }
.page-template-template-checkout table#edd_checkout_cart { -webkit-box-shadow: 0px 11px 26px #151e670d; box-shadow: 0px 11px 26px #151e670d; border-radius: 6px; overflow: hidden; }
.page-template-template-checkout table#edd_checkout_cart .edd_cart_item_image { display: none; }
.page-template-template-checkout table#edd_checkout_cart th.edd_cart_item_price { min-width: 130px; }
.page-template-template-checkout table#edd_checkout_cart th.edd_cart_actions { min-width: 120px; }
.page-template-template-checkout table#edd_checkout_cart a.edd_cart_remove_item_btn { color: #8f92ab; }
.page-template-template-checkout table#edd_checkout_cart a.edd_cart_remove_item_btn:hover { color: #016FFF; }
.page-template-template-checkout table#edd_checkout_cart th.edd_cart_total { background: #fff; text-align: right; border-top: 1px solid #d8d6d640; padding: 30px; color: #8f92ab; }
.page-template-template-checkout table#edd_checkout_cart th.edd_cart_total span { display: block; font-size: 18px; color: #151e67; font-family: "Gilroy-Bold"; margin-top: 5px; }
.page-template-template-checkout form#edd_purchase_form #edd-show-privacy-policy { display: none; }
.page-template-template-checkout form#edd_purchase_form .edd-sl-renewal-details { margin-top: 10px; }
.page-template-template-checkout form#edd_purchase_form #edd-privacy-policy h2, .page-template-template-checkout form#edd_purchase_form #edd-privacy-policy h3 { font-size: 18px; }
.page-template-template-checkout form#edd_purchase_form #edd-privacy-policy p { font-size: 16px; }
.page-template-template-checkout form#edd_purchase_form .edd_terms_links { font-size: 14px; line-height: 22px; color: #111852; font-family: "Gilroy-Medium"; }
.page-template-template-checkout form#edd_purchase_form .edd-privacy-policy-agreement { margin-top: 10px; margin-bottom: 20px; }
.page-template-template-checkout form#edd_purchase_form .edd-privacy-policy-agreement input { border: 1px solid #aec2d9; border-radius: 3px; vertical-align: middle; display: inline-block; }
.page-template-template-checkout form#edd_purchase_form .edd-privacy-policy-agreement label { font-size: 14px; line-height: 22px; color: #111852; font-family: "Gilroy-Medium"; }
.page-template-template-checkout form#edd_purchase_form fieldset#edd_discount_code { width: 100%; height: auto; padding: 15px; margin: 1em 0; text-align: center; border: solid 1px #d8d6d640; font-size: 16px; line-height: 1; color: #016fff; }
.page-template-template-checkout form#edd_purchase_form fieldset#edd_discount_code a { color: #016fff; text-decoration: underline; }
.page-template-template-checkout form#edd_purchase_form fieldset#edd_discount_code a:hover { color: #151e67; }
.page-template-template-checkout form#edd_purchase_form fieldset#edd_discount_code span.edd-discount-code-field-wrap { margin-top: 1em; display: block; }
.page-template-template-checkout form#edd_purchase_form fieldset#edd_discount_code .edd-label { display: block; font-size: 16px; line-height: 1.4; color: #016fff; }
.page-template-template-checkout form#edd_purchase_form fieldset#edd_discount_code .edd-description { font-size: 16px; line-height: 1.4; color: #016fff; }
.page-template-template-checkout form#edd_purchase_form #edd_purchase_form_wrap { position: relative; }
.page-template-template-checkout form#edd_purchase_form #edd_purchase_form_wrap .edd-loading { display: block; }
.page-template-template-checkout form#edd_purchase_form #edd_final_total_wrap { display: none; }
.page-template-template-checkout form#edd_purchase_form div#edd_payment_mode_select_wrap legend { font-size: 16px; line-height: 22px; color: #111852; margin-bottom: 1em; font-family: "Gilroy-Medium"; }
.page-template-template-checkout form#edd_purchase_form div#edd_payment_mode_select_wrap div#edd-payment-mode-wrap { width: 100%; height: auto; position: relative; }
.page-template-template-checkout form#edd_purchase_form div#edd_payment_mode_select_wrap div#edd-payment-mode-wrap label { padding: 15px; color: #151e67; }
.page-template-template-checkout form#edd_purchase_form div#edd_payment_mode_select_wrap div#edd-payment-mode-wrap input { padding: 5px; margin: 5px; }
.page-template-template-checkout form#edd_purchase_form div#edd_payment_mode_select_wrap div#edd-payment-mode-wrap .edd-gateway-option { font-weight: bold; display: block; border: 1px solid #d2d2d2ad; border-radius: 6px; margin-bottom: 14px; font-size: 14px; line-height: 22px; font-family: "Gilroy-Light"; color: #bcbece; }
.page-template-template-checkout form#edd_purchase_form div#edd_payment_mode_select_wrap div#edd-payment-mode-wrap .edd-gateway-option input { vertical-align: top; margin-right: 11px; }
.page-template-template-checkout form#edd_purchase_form div#edd_payment_mode_select_wrap div#edd-payment-mode-wrap .edd-gateway-option.edd-gateway-option-selected { border: 1px solid #016fffad; }
.page-template-template-checkout form#edd_purchase_form div#edd_payment_mode_select_wrap a { color: #016fff; text-decoration: underline; }
.page-template-template-checkout form#edd_purchase_form div#edd_payment_mode_select_wrap a:hover { color: #151e67; }
.page-template-template-checkout form#edd_purchase_form p#edd-login-account-wrap { width: 100%; height: auto; padding: 15px; margin: 1em 0; text-align: center; border: solid 1px #d8d6d640; font-size: 16px; line-height: 1; color: #016fff; }
.page-template-template-checkout form#edd_purchase_form p#edd-login-account-wrap a { color: #016fff; text-decoration: underline; }
.page-template-template-checkout form#edd_purchase_form p#edd-login-account-wrap a:hover { color: #151e67; }
.page-template-template-checkout #edd_sl_renewal_fields { border-radius: 10px; background: #fff; margin-top: 34px; }
.page-template-template-checkout #edd_sl_renewal_fields p { font-size: 16px; line-height: 38px; color: #111852; font-family: "Gilroy-Medium"; }
.page-template-template-checkout #edd_sl_renewal_fields a { font-size: 16px; line-height: 38px; color: #016fff; font-family: "Gilroy-Medium"; }
.page-template-template-checkout #edd_sl_cancel_renewal_form .edd-submit { border: 1px solid #11185226; border-radius: 6px; color: #fff; background: #016fff; letter-spacing: 0px; font-size: 16px; line-height: 22px; font-family: "Gilroy-Medium"; margin-top: 20px; }
.page-template-template-checkout #edd_sl_cancel_renewal_form .edd-submit:hover { opacity: 0.8; }
.page-template-template-checkout .edd-sl-renewal-actions input { border: 1px solid #11185226; border-radius: 6px; color: #fff; background: #016fff; letter-spacing: 0px; font-size: 16px; line-height: 22px; font-family: "Gilroy-Medium"; margin-top: 20px; }
.page-template-template-checkout .edd-sl-renewal-actions input:hover { opacity: 0.8; }
.page-template-template-checkout .edd-sl-renewal-actions #edd-cancel-license-renewal { margin-left: 10px; }
.page-template-template-checkout #edd_purchase_form fieldset { margin-bottom: 50px; }
.page-template-template-checkout #edd_purchase_form legend { font-size: 22px; line-height: 22px; color: #111852; font-family: "Gilroy-semibold"; margin: 0; padding-bottom: 1em; }
.page-template-template-checkout #edd_purchase_form span { font-size: 16px; color: #8796a8; }
.page-template-template-checkout #edd_purchase_form label { font-size: 17px; color: #0b1033; font-family: "Gilroy-Medium"; display: block; margin-bottom: 4px; }
.page-template-template-checkout #edd_purchase_form .edd-description { font-family: "Gilroy-Regular"; margin-bottom: 10px; font-size: 14px; display: block; }
.page-template-template-checkout #edd_purchase_form #edd_secure_site_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 5px 10px; background: #234c94; border-radius: 14px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 15px; }
.page-template-template-checkout #edd_purchase_form #edd_secure_site_wrapper .padlock { height: 20px; width: 20px; position: relative; margin-right: 8px; }
.page-template-template-checkout #edd_purchase_form #edd_secure_site_wrapper .padlock svg { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; fill: #fff; }
.page-template-template-checkout #edd_purchase_form #edd_secure_site_wrapper span { color: #fff; }
.page-template-template-checkout #edd_purchase_form .edd-stripe-card-element.StripeElement, .page-template-template-checkout #edd_purchase_form .edd-stripe-card-exp-element.StripeElement, .page-template-template-checkout #edd_purchase_form .edd-stripe-card-cvc-element.StripeElement { padding: 16px 20px; width: 100%; border: solid 1px #151e672e; border-radius: 5px; background: #fff; outline: none; font-size: 14px; color: #151e67; font-weight: normal; font-family: "Gilroy-Regular"; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.page-template-template-checkout #edd_purchase_form .edd-stripe-card-element.StripeElement.StripeElement--focus, .page-template-template-checkout #edd_purchase_form .edd-stripe-card-element.StripeElement:focus, .page-template-template-checkout #edd_purchase_form .edd-stripe-card-exp-element.StripeElement.StripeElement--focus, .page-template-template-checkout #edd_purchase_form .edd-stripe-card-exp-element.StripeElement:focus, .page-template-template-checkout #edd_purchase_form .edd-stripe-card-cvc-element.StripeElement.StripeElement--focus, .page-template-template-checkout #edd_purchase_form .edd-stripe-card-cvc-element.StripeElement:focus { outline: none; -webkit-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.13); box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.13); }
.page-template-template-checkout #edd_purchase_form select { height: 52px; margin-bottom: 16px; padding: 0px 20px; width: 100%; border: solid 1px #151e672e; border-radius: 5px; background: #fff; outline: none; font-size: 14px; color: #151e67; font-weight: normal; font-family: "Gilroy-Regular"; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.page-template-template-checkout #edd_purchase_form select:focus { outline: none; -webkit-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.13); box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.13); }
.page-template-template-checkout fieldset#edd_register_account_fields { padding-top: 1em; }
.page-template-template-checkout fieldset#edd_register_account_fields label { font-size: 17px; color: #0b1033; font-family: "Gilroy-Medium"; display: block; }
.page-template-template-checkout fieldset#edd_register_account_fields label span { display: inline-block; }
.page-template-template-checkout fieldset#edd_register_account_fields legend { font-size: 24px; line-height: 1; color: #151e67; font-family: "Gilroy-Bold"; padding-top: 1em; }
.page-template-template-checkout fieldset#edd_register_account_fields span { font-size: 16px; color: #8796a8; display: block; }
.page-template-template-checkout fieldset#edd_register_account_fields .pssection { position: relative; }
.page-template-template-checkout fieldset#edd_register_account_fields .toggleps { width: 15px; position: absolute; top: 47px; right: 10px; display: inline-block; }
.page-template-template-checkout p#edd_final_total_wrap { font-family: "Gilroy-Bold"; padding: 2em 0 0.5em 0; }
.page-template-template-checkout input[type="submit"] { max-width: 230px; text-transform: uppercase; font-family: "Gilroy-Medium"; }
.page-template-template-checkout input.edd-apply-discount.edd-submit.white.button { max-width: 100%; margin-top: 0.5em; }

/* ========================================================================== 404 page custom styles ========================================================================== */
.error404 { text-align: center; }
.error404 .search-field { color: #666; border: 1px solid #ccc; outline: none; font: 400 16px "Gilroy-Regular"; margin-bottom: 10px; line-height: 21px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 40px; line-height: 40px; padding: 0 8px; }
.error404 .search-submit { height: 40px; }

.error404 p.emoji { font-size: 120px; font-weight: 700; font-family: sans-serif; line-height: 1em; color: #222f67; margin: 0; margin-bottom: 40px; }

.error404 .wrapper { border-top: 1px solid rgba(0, 0, 0, 0.5); }

.error404 .contentmain { padding: 80px 12px 100px; background: #fff; }

.error404 p { margin: 1.8em 0; font-size: 14px; }

@media print { header, footer, .print-txt, .print-btn { display: none; }
  .order-form label.mbllabel { display: block; } }
h2.wsp-pages-title, h2.wsp-news-events-title { font-size: 26px; }

.page-template-template-home .header_block, .page-template-template-woocommercelistingwithbanner .header_block { position: absolute; background: none; }

@media only screen and (min-width: 1200px) { .fixedheader { position: absolute; top: -200px; z-index: 100; background: #fff; padding: 5px 0; -webkit-box-shadow: 10px 10px 30px rgba(217, 220, 219, 0.5); box-shadow: 10px 10px 30px rgba(217, 220, 219, 0.5); }
  .scrollheader { top: 0; position: fixed; top: 0; z-index: 1000; }
  .page-template-template-home .header_block, .page-template-template-woocommercelistingwithbanner .header_block { position: absolute; }
  .page-template-template-home .fixedheader, .page-template-template-woocommercelistingwithbanner .fixedheader { position: absolute; top: -200px; z-index: 100; background: #fff; padding: 5px 0; -webkit-box-shadow: 10px 10px 30px rgba(217, 220, 219, 0.5); box-shadow: 10px 10px 30px rgba(217, 220, 219, 0.5); }
  .page-template-template-home .scrollheader, .page-template-template-woocommercelistingwithbanner .scrollheader { top: 0; position: fixed; top: 0; z-index: 1000; } }
.woocommerce-MyAccount-content { max-width: 100%; padding: 0px; -webkit-box-shadow: none; box-shadow: none; border-radius: 0px; }

#careerform .success { display: none; color: green; }

#contactform .success { display: none; color: green; }

.support-page { width: 100%; height: auto; clear: both; }
.support-page .sec1 { width: 100%; height: auto; clear: both; padding-bottom: 30px; }
.support-page .sec1 .box { width: 100%; height: auto; background: #fff; border: 1px solid #8796a826; border-radius: 6px; padding: 30px; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.support-page .sec1 .box .icon { width: 60px; height: 60px; background: #ebf2fb; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 100%; margin-bottom: 1em; }
.support-page .sec1 .box .icon img { display: block; margin: auto; }
.support-page .sec1 .box ul { padding: 0; margin: 0; }
.support-page .sec1 .box li { list-style-type: none; font-size: 16px; position: relative; padding-right: 20px; }
.support-page .sec1 .box li:before { content: "\f105"; font: normal normal normal 15px/1.5 fontawesome; display: block; position: absolute; right: 0; top: 0; }
.support-page .sec1 .box li:hover:before { color: #016FFF; }
.support-page .sec1 .box p { font-size: 16px; }
.support-page .sec1 .box:hover { -webkit-box-shadow: 0px 11px 26px #151e670d; box-shadow: 0px 11px 26px #151e670d; }
.support-page .sec1 .box .btn { padding-right: 40px; position: relative; -webkit-box-shadow: 0px 13px 16px #016fff26; box-shadow: 0px 13px 16px #016fff26; }
.support-page .sec1 .box .btn:before { content: "\f105"; color: #fff; font: normal normal normal 15px/1.5 fontawesome; display: block; position: absolute; right: 20px; top: 11px; }
.support-page .sec1 h4 { color: #151e67; }
.support-page .sec1 .col-md-4 { margin-bottom: 15px; margin-top: 15px; }
@media only screen and (min-width: 765px) { .support-page .sec1 { padding-bottom: 3em; }
  .support-page .sec1 .box { min-height: 410px; padding: 40px 30px; }
  .support-page .sec1 h4 { font-size: 22px; margin-bottom: 1em; }
  .support-page .sec1 li, .support-page .sec1 p { margin-bottom: 1em; }
  .support-page .sec1 .btn { margin-top: 1em; } }
.support-page .sec2 { width: 100%; height: auto; display: inline-block; padding-bottom: 30px; }
.support-page .sec2 .container { max-width: 770px; }
.support-page .sec2 h4 { text-align: center; font-family: "Gilroy-Medium"; color: #0b1033; }
.support-page .sec2 h2.resp-accordion { font-size: 16px !important; line-height: 1.5; color: #0b1033; position: relative; border-bottom: solid 1px #e8e8e8 !important; background: #fff !important; margin: 0; padding: 30px 20px 30px 0; font-family: "Gilroy-Medium"; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.support-page .sec2 h2.resp-accordion:before { content: "\f067"; font: normal normal normal 14px/1 fontawesome; display: block; position: absolute; right: 0; top: 35px; color: #8796a8; }
.support-page .sec2 h2.resp-accordion:hover { color: #016fff; }
.support-page .sec2 p { font-size: 16px; color: #8796a8; }
.support-page .sec2 .resp-easy-accordion .resp-tab-content { border: none !important; border-bottom: solid 1px #e8e8e8 !important; padding: 0 20px 15px 0; background: #fff !important; }
.support-page .sec2 h2.resp-accordion.resp-tab-active { border: none !important; padding-bottom: 15px; }
.support-page .sec2 h2.resp-accordion.resp-tab-active:before { content: "\f068"; }
.support-page .sec2 span.resp-arrow { display: none; }
@media only screen and (min-width: 765px) { .support-page .sec2 { padding-bottom: 6em; }
  .support-page .sec2 h4 { font-size: 26px; } }

.support-detail-page { width: 100%; height: auto; }
.support-detail-page .sec1 { width: 100%; height: auto; padding-bottom: 30px; }
.support-detail-page .sec1 h2, .support-detail-page .sec1 h3, .support-detail-page .sec1 h4, .support-detail-page .sec1 h5, .support-detail-page .sec1 h6 { font-family: "Gilroy-Medium"; }
.support-detail-page .sec1 img { margin-bottom: 1em; }
.support-detail-page .sec1 p { margin-bottom: 1em; }
.support-detail-page .sec1 .right-box { width: 100%; height: auto; border: 1px solid #8796a826; border-radius: 6px; padding: 30px; background: #fff; }
.support-detail-page .sec1 .right-box ul { padding: 0; margin: 0; }
.support-detail-page .sec1 .right-box li { font-size: 16px; color: #8796a8; list-style-type: none; list-style-type: none; }
.support-detail-page .sec1 .right-box li a { color: #8796a8; }
.support-detail-page .sec1 .right-box li a:hover { color: #016FFF; }
@media only screen and (min-width: 765px) { .support-detail-page .sec1 { padding-bottom: 5em; }
  .support-detail-page .sec1 .right-box h5 { margin-bottom: 1em; }
  .support-detail-page .sec1 .right-box li { margin-bottom: 1em; } }

.careerpage .container { max-width: 970px; }
.careerpage .sec1 { width: 100%; height: auto; clear: both; padding: 30px 0; }
.careerpage .sec1 img { display: block; margin: auto; }
.careerpage .sec1 h3 { margin-top: 2em; text-align: center; }
.careerpage .sec1 .positon-list { width: 100%; height: auto; clear: both; padding: 30px 0; }
.careerpage .sec1 .positon-list ul { padding: 0; margin: 0; }
.careerpage .sec1 .positon-list li { width: 100%; height: auto; background: #fff; border: 1px solid #8796a826; list-style-type: none; padding: 0; position: relative; border-radius: 6px; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.careerpage .sec1 .positon-list li:after { content: ""; width: 24px; height: 24px; background: #8796a8; border-radius: 100%; position: absolute; right: 20px; top: 45%; opacity: 0.3; display: block; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.careerpage .sec1 .positon-list li:before { content: "\f105"; font: normal normal normal 14px/1 fontawesome; color: #fff; display: block; position: absolute; z-index: 5; right: 29px; top: 49%; }
.careerpage .sec1 .positon-list li p { font-size: 16px; color: #0b1033; font-family: "Gilroy-Medium"; margin-bottom: 0; }
.careerpage .sec1 .positon-list li span { font-size: 16px; color: #8796a8; }
.careerpage .sec1 .positon-list li .careerdtl { width: 100%; height: auto; display: block; padding: 30px 50px 30px 30px; }
.careerpage .sec1 .positon-list li:hover { -webkit-box-shadow: 0px 11px 12px #8796a824; box-shadow: 0px 11px 12px #8796a824; border: 1px solid #8796a82b; }
.careerpage .sec1 .positon-list li:hover:after { background: #016fff; opacity: 1; }

.career-detail-page { width: 100%; height: auto; }
.career-detail-page .sec1 { width: 100%; height: auto; padding-bottom: 30px; }
.career-detail-page .sec1 h2, .career-detail-page .sec1 h3, .career-detail-page .sec1 h4, .career-detail-page .sec1 h5, .career-detail-page .sec1 h6 { font-family: "Gilroy-Medium"; }
.career-detail-page .sec1 img { margin-bottom: 1em; }
.career-detail-page .sec1 p { margin-bottom: 1em; }
.career-detail-page .sec1 .right-box { width: 100%; height: auto; border: 1px solid #8796a826; border-radius: 6px; padding: 30px; background: #fff; }
.career-detail-page .sec1 .right-box ul { padding: 0; margin: 0; }
.career-detail-page .sec1 .right-box li { font-size: 16px; color: #8796a8; list-style-type: none; list-style-type: none; position: relative; }
.career-detail-page .sec1 .right-box li span.error { color: #f0222a; position: absolute; top: -4px; right: 10px; text-transform: none; width: auto; color: white; background-color: #ff0000; padding: 2px 5px; display: inline-block; font-size: 11px; line-height: 18px; height: 20px; min-height: inherit; }
.career-detail-page .sec1 .right-box li span.error:after { position: absolute; content: " "; border-top: 5px solid #ff0000; border-left: 5px solid rgba(255, 0, 0, 0); border-bottom: 5px solid rgba(255, 0, 0, 0); border-right: 5px solid rgba(255, 0, 0, 0); bottom: -9px; right: 10px; }
.career-detail-page .sec1 .right-box li a { color: #8796a8; }
.career-detail-page .sec1 .right-box li a:hover { color: #016FFF; }
.career-detail-page .sec1 .right-box label { font-family: "Gilroy-Medium"; font-size: 14px; color: #151e67; }
.career-detail-page .sec1 .right-box input[type="color"], .career-detail-page .sec1 .right-box input[type="email"], .career-detail-page .sec1 .right-box input[type="number"], .career-detail-page .sec1 .right-box input[type="password"], .career-detail-page .sec1 .right-box input[type="tel"], .career-detail-page .sec1 .right-box input[type="text"], .career-detail-page .sec1 .right-box input[type="url"], .career-detail-page .sec1 .right-box textarea { padding: 0 10px; }
.career-detail-page .sec1 .left-sec h4 { margin-top: 2em; }
.career-detail-page .sec1 .loading { display: none; text-align: center; padding-top: 10px; }
.career-detail-page .sec1 .file-upload { display: block; text-align: center; font-family: Helvetica, Arial, sans-serif; font-size: 12px; }
.career-detail-page .sec1 .file-upload .file-select { display: block; border: 2px solid #dce4ec; color: #34495e; cursor: pointer; height: 40px; line-height: 40px; text-align: left; background: #ffffff; overflow: hidden; }
.career-detail-page .sec1 .file-upload .file-select .file-select-button { background: #dce4ec; padding: 0 10px; display: inline-block; height: 40px; line-height: 40px; }
.career-detail-page .sec1 .file-upload .file-select .file-select-name { line-height: 40px; display: inline; padding: 0 10px; }
.career-detail-page .sec1 .file-upload .file-select:hover { border-color: #34495e; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }
.career-detail-page .sec1 .file-upload .file-select:hover .file-select-button { background: #34495e; color: #ffffff; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }
.career-detail-page .sec1 .file-upload.active .file-select { border-color: #3fa46a; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }
.career-detail-page .sec1 .file-upload.active .file-select .file-select-button { background: #3fa46a; color: #ffffff; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }
.career-detail-page .sec1 .file-upload .file-select input[type="file"] { z-index: 100; cursor: pointer; position: absolute; height: 100%; width: 100%; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); }
.career-detail-page .sec1 .file-upload .file-select.file-select-disabled { opacity: 0.65; }
.career-detail-page .sec1 .file-upload .file-select.file-select-disabled:hover { cursor: default; display: block; border: 2px solid #dce4ec; color: #34495e; cursor: pointer; height: 40px; line-height: 40px; margin-top: 5px; text-align: left; background: #ffffff; overflow: hidden; position: relative; }
.career-detail-page .sec1 .file-upload .file-select.file-select-disabled:hover .file-select-button { background: #dce4ec; color: #666666; padding: 0 10px; display: inline-block; height: 40px; line-height: 40px; }
.career-detail-page .sec1 .file-upload .file-select.file-select-disabled:hover .file-select-name { line-height: 40px; display: inline-block; padding: 0 10px; }
@media only screen and (min-width: 765px) { .career-detail-page .sec1 { padding-bottom: 5em; }
  .career-detail-page .sec1 .right-box h5 { margin-bottom: 1em; }
  .career-detail-page .sec1 .right-box li { margin-bottom: 1em; } }

.edd-table td, .edd-table th { padding: 15px 30px; }
.edd-table tr:nth-child(even) { background: #f0f0ff; }

.page-template-template-woo-custom-product-addons:before { display: none; }

.page-template-template-woocommerce-dynamic-pricing-with-discount-rules:before { display: none; }

.page-template-template-woocommerce-checkout-field-editor-and-manager:before { display: none; }

p.edd-account-verified.edd_success { width: 100%; height: auto; padding: 3em 0; text-align: center; display: inline-block; font-family: "Gilroy-Medium"; font-size: 18px; line-height: 1; color: #151e67; }

.page-template-template-showcase .inner-header-section .container { max-width: 600px; }

.author-outer { width: 100%; height: auto; display: inline-block; padding: 30px 0; border-top: solid 1px #f5f5f5; margin-top: 30px; }
.author-outer .pic { width: 70px; height: 70px; float: left; border-radius: 100%; overflow: hidden; }
.author-outer .dtl { width: calc(100% - 100px); float: right; padding-top: 10px; }
.author-outer .dtl h6 { font-size: 14px; line-height: 1; color: #8796a8; text-transform: uppercase; font-family: "Gilroy-Regular"; margin-bottom: 0.2em; }
.author-outer .dtl h5 { margin: 0; margin-top: 12px; font-size: 22px; line-height: 21px; color: #0b1033; font-family: "Gilroy-semibold"; margin-bottom: 1.5em; }
.author-outer .dtl p { font-size: 16px; line-height: 2; }
.author-outer .dtl a { font-size: 14px; color: #016fff; }
.author-outer .dtl a:hover { color: #0b1033; }
.author-outer .dtl .tg1 { width: 100%; height: auto; display: inline-block; }
.author-outer .dtl .social { width: auto; height: auto; float: right; }
.author-outer .dtl .social .icon { width: 22px; height: 22px; background: #8796a8; border-radius: 100%; float: left; margin-left: 10px; color: #fff; text-align: center; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.author-outer .dtl .social .icon:hover { background: #151e67; }
.author-outer .dtl .social .fb::before { content: "\f09a"; font: normal normal normal 13px/1.8 fontawesome; display: block; }
.author-outer .dtl .social .inst::before { content: "\f16d"; font: normal normal normal 13px/1.8 fontawesome; display: block; }
.author-outer .dtl .social .tw::before { content: "\f099"; font: normal normal normal 13px/1.8 fontawesome; display: block; }
.author-outer .dtl .lft-sec { width: auto; height: auto; float: left; }

.comment-respond h3 { font-size: 22px; }

.showcase-page .sec1 { width: 100%; height: auto; }
.showcase-page .sec1 .title-sec { width: 100%; height: auto; }
.showcase-page .sec1 .title-sec ul { padding: 0; margin: 0; }
.showcase-page .sec1 .title-sec li { width: 33%; height: 70px; list-style-type: none; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; float: left; padding: 10px 0; border-bottom: solid 2px #e6e4e4; font-size: 16px; line-height: 1.5; color: #151e67; text-align: center; }
.showcase-page .sec1 .title-sec li a { color: #151e67; display: block; margin: auto; }
.showcase-page .sec1 .title-sec li a:hover { color: #016fff; }
.showcase-page .sec1 .title-sec .active { border-bottom: solid 2px #016fff; color: #016fff; font-family: "Gilroy-Bold"; }
.showcase-page .sec1 .title-sec .active a { color: #016fff; }
.showcase-page .sec1 .list-sec { width: 100%; height: auto; clear: both; display: inline-block; padding: 30px 0; }
.showcase-page .sec1 .list-sec .topsec { font-size: 14px; line-height: 1; color: #8796a8; font-family: "Gilroy-Regular"; }
.showcase-page .sec1 .list-sec .topsec .result-txt { width: calc(100% - 200px); float: left; }
.showcase-page .sec1 .list-sec .topsec .select-sec { width: 200px; height: auto; float: left; }
.showcase-page .sec1 .list-sec .topsec .select-sec .sort-txt { width: auto; height: auto; display: block; float: left; line-height: 35px; }
.showcase-page .sec1 .list-sec .topsec .select-sec .SumoSelect > .CaptionCont > span { font-size: 14px; line-height: 14px; color: #8796a8; }
.showcase-page .sec1 .list-sec .topsec .select-sec .SelectBox { padding: 10px 8px; }
.showcase-page .sec1 .list-sec .topsec .select-sec .SumoSelect { width: 115px; float: right; }
.showcase-page .sec1 .list-sec .topsec .select-sec .SumoSelect ul { padding: 0; margin: 0; }
.showcase-page .sec1 .list-sec .topsec .select-sec .SumoSelect li { font-size: 14px; line-height: 14px; color: #8796a8; padding: 10; margin: 0; }
.showcase-page .sec1 .list-sec .topsec h6 { font-size: 14px; line-height: 1; color: #8796a8; font-family: "Gilroy-Regular"; }
.showcase-page .sec1 .bottomlist { width: 100%; height: auto; clear: both; }
.showcase-page .sec1 .bottomlist .col-lg-3 { margin-bottom: 30px; }
.showcase-page .sec1 .bottomlist .box { width: 100%; height: auto; }
.showcase-page .sec1 .bottomlist .box .pic { width: 100%; height: auto; border-radius: 5px; overflow: hidden; }
.showcase-page .sec1 .bottomlist .box .pic img { width: 100%; height: auto; display: block; }
.showcase-page .sec1 .bottomlist .box .details-sec { width: 100%; height: auto; clear: both; padding-top: 1em; }
.showcase-page .sec1 .bottomlist .box .details-sec h6 { color: #151e67; font-family: "Gilroy-Medium"; margin-bottom: 0; }
.showcase-page .sec1 .bottomlist .box .details-sec p { font-size: 16px; color: #8796a8; }
.showcase-page .sec1 .bottomlist .loadmore { text-align: center; display: none; }
@media only screen and (min-width: 600px) { .showcase-page .sec1 .bottomlist .col-lg-3:nth-child(2n + 1) { clear: left; } }
@media only screen and (min-width: 765px) { .showcase-page .sec1 .bottomlist .col-lg-3:nth-child(2n + 1) { clear: inherit; }
  .showcase-page .sec1 .bottomlist .col-lg-3:nth-child(3n + 1) { clear: left; } }
@media only screen and (min-width: 1020px) { .showcase-page .sec1 .bottomlist .col-lg-3:nth-child(3n + 1) { clear: inherit; }
  .showcase-page .sec1 .bottomlist .col-lg-3:nth-child(4n + 1) { clear: left; } }

#submit-review { padding: 50px; }
#submit-review .success { display: none; color: #080; font-size: 20px; text-align: center; padding: 13px 0px; }

form#edd_login_form { max-width: 400px; margin-top: 2em; }
form#edd_login_form legend { font-size: 18px; line-height: 1; color: #151e67; margin-bottom: 1em; font-family: "Gilroy-Bold"; }
form#edd_login_form label { font-size: 14px; line-height: 1; color: #151e67; font-family: "Gilroy-Medium"; margin-bottom: 10px; display: block; }
form#edd_login_form p.edd-lost-password { font-size: 14px; line-height: 1; color: #151e67; font-family: "Gilroy-Medium"; margin-bottom: 10px; display: block; }
form#edd_login_form input[type="submit"] { width: 100%; height: 52px; margin: 1em 0 1.5em 0; border: none; outline: none; background: transparent linear-gradient(105deg, #08aeea 0%, #016fff 100%) 0% 0% no-repeat padding-box; color: #fff; font-size: 16px; line-height: 1; font-family: "Gilroy-Bold"; display: inline-block; padding: 15px 0; border-radius: 6px; -webkit-box-shadow: 0px 13px 16px #016fff26; box-shadow: 0px 13px 16px #016fff26; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
form#edd_login_form input[type="submit"]:hover { background: transparent linear-gradient(105deg, #016fff 0%, #08aeea 100%) 0% 0% no-repeat padding-box; color: #fff; }
form#edd_login_form input[type="color"], form#edd_login_form input[type="email"], form#edd_login_form input[type="number"], form#edd_login_form input[type="password"], form#edd_login_form input[type="tel"], form#edd_login_form input[type="text"], form#edd_login_form input[type="url"], form#edd_login_form textarea { width: 100%; height: 52px; background: #fff; border: 1px solid #151e672e; border-radius: 6px; font-size: 14px; color: #151e67; font-family: "Gilroy-Medium"; }

p.edd-alert.edd-alert-warn { font-size: 14px; line-height: 1; color: #151e67; font-family: "Gilroy-Medium"; margin-bottom: 10px; display: block; }

p#edd_error_username_incorrect { font-size: 14px; line-height: 1; color: red; font-family: "Gilroy-Medium"; margin-bottom: 10px; display: block; }

li.edd_download_file { list-style-type: none; margin-top: 30px; font-size: 16px; }
li.edd_download_file a:before { content: "\f019"; font: normal normal normal 14px/1 fontawesome; color: #016fff; display: inline-block; margin-right: 10px; }

.rating-sec.average-rating .star { margin-right: 10px; }
.rating-sec.average-rating .star-rate div:before { font: normal normal normal 18px/1 fontawesome !important; }
.rating-sec.average-rating .star-rate div:after { font: normal normal normal 18px/1 fontawesome !important; width: 8px !important; }

.product-page .sec3 .faq p { word-break: break-all; }

td.edd_purchase_details a { display: inline-block; border: 1px solid #11185226; border-radius: 6px; color: #fff; background: #016fff; width: auto; letter-spacing: 0px; font-size: 16px; line-height: 22px; font-family: "Gilroy-Medium"; padding: 14px 30px; margin: 0; }
@media (max-width: 600px) { td.edd_purchase_details a { font-size: 14px; } }
td.edd_purchase_details a:hover { opacity: 0.8; }

.edd-table th { font-weight: bold; }

p.loadmore { width: 100%; height: auto; padding: 30px 0; text-align: center; display: inline-block; }

.faq-page { width: 100%; height: auto; clear: both; }
.faq-page .sec1 { width: 100%; height: auto; clear: both; padding-bottom: 30px; }
.faq-page .sec1 .box { width: 100%; height: auto; background: #fff; border: 1px solid #8796a826; border-radius: 6px; padding: 30px; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.faq-page .sec1 .box .icon { width: 60px; height: 60px; background: #ebf2fb; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 100%; margin-bottom: 1em; }
.faq-page .sec1 .box .icon img { display: block; margin: auto; }
.faq-page .sec1 .box ul { padding: 0; margin: 0; }
.faq-page .sec1 .box li { list-style-type: none; font-size: 16px; position: relative; padding-right: 20px; }
.faq-page .sec1 .box li:before { content: "\f105"; font: normal normal normal 15px/1.5 fontawesome; display: block; position: absolute; right: 0; top: 0; }
.faq-page .sec1 .box li:hover:before { color: #016FFF; }
.faq-page .sec1 .box p { font-size: 16px; }
.faq-page .sec1 .box:hover { -webkit-box-shadow: 0px 11px 26px #151e670d; box-shadow: 0px 11px 26px #151e670d; }
.faq-page .sec1 .box .btn { padding-right: 40px; position: relative; -webkit-box-shadow: 0px 13px 16px #016fff26; box-shadow: 0px 13px 16px #016fff26; }
.faq-page .sec1 .box .btn:before { content: "\f105"; color: #fff; font: normal normal normal 15px/1.5 fontawesome; display: block; position: absolute; right: 20px; top: 11px; }
.faq-page .sec1 h4 { color: #151e67; }
.faq-page .sec1 .col-md-4 { margin-bottom: 15px; margin-top: 15px; }
@media only screen and (min-width: 765px) { .faq-page .sec1 { padding-bottom: 3em; }
  .faq-page .sec1 .box { min-height: 410px; padding: 40px 30px; }
  .faq-page .sec1 h4 { font-size: 22px; margin-bottom: 1em; }
  .faq-page .sec1 li, .faq-page .sec1 p { margin-bottom: 1em; }
  .faq-page .sec1 .btn { margin-top: 1em; } }
.faq-page .sec2 { width: 100%; height: auto; display: inline-block; padding-bottom: 30px; }
.faq-page .sec2 .container { max-width: 770px; }
.faq-page .sec2 h4 { text-align: center; font-family: "Gilroy-Medium"; color: #0b1033; }
.faq-page .sec2 h2.resp-accordion { font-size: 16px !important; line-height: 1.5; color: #0b1033; position: relative; border-bottom: solid 1px #e8e8e8 !important; background: #fff !important; margin: 0; padding: 30px 20px 30px 0; font-family: "Gilroy-Medium"; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.faq-page .sec2 h2.resp-accordion:before { content: "\f067"; font: normal normal normal 14px/1 fontawesome; display: block; position: absolute; right: 0; top: 35px; color: #8796a8; }
.faq-page .sec2 h2.resp-accordion:hover { color: #016fff; }
.faq-page .sec2 p { font-size: 16px; color: #8796a8; }
.faq-page .sec2 .resp-easy-accordion .resp-tab-content { border: none !important; border-bottom: solid 1px #e8e8e8 !important; padding: 0 20px 15px 0; background: #fff !important; }
.faq-page .sec2 h2.resp-accordion.resp-tab-active { border: none !important; padding-bottom: 15px; }
.faq-page .sec2 h2.resp-accordion.resp-tab-active:before { content: "\f068"; }
.faq-page .sec2 span.resp-arrow { display: none; }
@media only screen and (min-width: 765px) { .faq-page .sec2 { padding-bottom: 6em; }
  .faq-page .sec2 h4 { font-size: 26px; } }

.page-template-template-faq { background: #fff; }
.page-template-template-faq:before { display: none; }

#edd_checkout_wrap .edd_error { color: red !important; }

#careerform .success { text-align: center; font-size: 14px; line-height: 1; font-family: "Gilroy-Bold"; }
#careerform .success p { text-align: center; font-size: 14px; line-height: 1; font-family: "Gilroy-Bold"; margin-bottom: 5px; }

#careerform .status { text-align: center; font-size: 14px; line-height: 1; font-family: "Gilroy-Bold"; }
#careerform .status p { text-align: center; font-size: 14px; line-height: 1; font-family: "Gilroy-Bold"; margin-bottom: 5px; }

.contact-form .success { padding-top: 10px; text-align: center; font-size: 14px; line-height: 1; font-family: "Gilroy-Bold"; }
.contact-form .success p { text-align: center; font-size: 14px; line-height: 1; font-family: "Gilroy-Bold"; margin-bottom: 5px; }

.contact-form .status { padding-top: 10px; text-align: center; font-size: 14px; line-height: 1; font-family: "Gilroy-Bold"; }
.contact-form .status p { text-align: center; font-size: 14px; line-height: 1; font-family: "Gilroy-Bold"; margin-bottom: 5px; }

span.edd-loading, .edd-loading-ajax.edd-loading { background: url(./images/spin.svg) center center no-repeat; width: 40px; height: 40px; background-size: 40px 40px; position: absolute; left: 50%; top: 50%; margin: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: none; }

a.edd-add-to-cart.button.blue.edd-submit.edd-has-js { position: relative; }

.single_comment { background: #fff; padding: 30px; border: 1px solid rgba(43, 57, 144, 0.09); margin-bottom: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 40px 70px rgba(43, 57, 144, 0.1); box-shadow: 0px 40px 70px rgba(43, 57, 144, 0.1); border-radius: 6px; }
.single_comment h2.comments-title { font-size: 25px; width: 100%; height: auto; padding: 0 30px; }
.single_comment ol.commentlist { margin: 0; padding: 0; }
.single_comment .commentlist .comment.even { border-bottom: solid 1px #dcdcdc; }
.single_comment .commentlist ol, .single_comment .commentlist ul { margin: 0; padding: 0; }
.single_comment .commentlist li { padding: 30px; list-style-type: none; }
.single_comment .commentlist li li { background: none; }
.single_comment .commentlist li, .single_comment .commentlist p { font-size: 16px; line-height: 1.5; font-family: "Open Sans", sans-serif; }
.single_comment .commentlist .cmt2 { font-family: "Gilroy-Bold"; font-size: 14px; line-height: 1; color: #151e67; margin-bottom: 10px; }
.single_comment .commentlist ol.children li { padding: 15px; }
.single_comment .comment-respond { margin-bottom: 0; padding-top: 30px; }

.header_block .right-sec .login-sec li .sign { position: relative; }
.header_block .right-sec .login-sec li .sign span.cart-quantity .text-quantity { width: 15px; height: 15px; background: #00c2ff; display: block; position: absolute; left: 5px; top: 0; border-radius: 100%; font-size: 9px; line-height: 15px; color: #fff; text-align: center; z-index: 10; }

.recommended { display: inline; padding: 5px 10px !important; background: #ff9900; font-size: 12px; line-height: 12px; border-radius: 50px; color: #fff; opacity: 1; margin-left: 5px; position: relative; font-family: "Open Sans", sans-serif; }
@media (min-width: 1200px) { .recommended { position: absolute; left: calc(100% + 17px); padding: 9px 10px 9px 0 !important; letter-spacing: 0.11px; font-size: 11px; font-weight: 700; border-radius: 0 3px 3px 0; -webkit-box-shadow: 0px 9px 16px #ff770029; box-shadow: 0px 9px 16px #ff770029; -webkit-animation: mymove 2s infinite; animation: mymove 2s infinite; } }
.recommended:after { content: ""; position: absolute; width: 13px; height: 13px; background: url(./images/recshadow.svg) no-repeat; top: -11px; right: -5px; }
@media (min-width: 1200px) { .recommended:after { top: 0px; right: 100%; width: 0; height: 0; background: transparent; border-style: solid; border-width: 15px 18px 15px 0; border-color: transparent #ff9900 transparent transparent; } }

.best_value { display: inline; padding: 5px 10px !important; background: #e6f0ff; font-size: 12px; line-height: 12px; border-radius: 50px; color: #036eff; opacity: 1; margin-left: 5px; white-space: nowrap; }

.product-page .sec1 .plugin-sec li { opacity: 1; }

.blog-list-page .sec2 .col-lg-4:nth-child(3n + 1) { clear: left; }

.blog-list-page .sec1 h6 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.blog-list-page .sec2 h4 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.blog-list-page .sec2 .pic { margin-bottom: 0; }

.blog-list-page .sec2 img { margin-bottom: 1em; }

.blog-list-page .sec2 .blg-thumb { overflow: hidden; }

.product-page .sec3 .list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }

@media only screen and (min-width: 1020px) { .product-page .sec3 .list h3 { font-size: 32px; }
  .product-page .sec3 .list li, .product-page .sec3 .list p { font-size: 18px; font-family: "Open Sans", sans-serif; line-height: 32px; color: #0b1033; opacity: 0.75; }
  .product-page .sec3 .list .cnt { width: 47%; }
  .product-page .sec3 .list .pic { width: 47%; } }
.blog-list-page .sec2 h4 { font-size: 20px; }

.home-customersupport .cspin { padding: 67px 20px; text-align: center; -webkit-box-shadow: 0px 30px 40px #0b103321; box-shadow: 0px 30px 40px #0b103321; border-radius: 20px; background: url("./images/home/bluecs.jpg") no-repeat; background-size: cover; }
.home-customersupport .cspin h2 { font-size: 42px; line-height: 28px; letter-spacing: 0.42px; text-shadow: 0px 4px 3px #00000017; color: #fff; margin: 0; }
@media (max-width: 767px) { .home-customersupport .cspin h2 { font-size: 28px; } }
.home-customersupport .cspin p { font-family: "Quicksand", sans-serif; font-weight: 400; font-size: 18px; line-height: 24px; color: #ffffff; max-width: 550px; margin: 0 auto; opacity: 0.8; margin-top: 18px; }
.home-customersupport .cspin .btnsect { margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media (min-width: 768px) { .home-customersupport .cspin .btnsect { display: block; } }
.home-customersupport .cspin .btnsect .btn { font-size: 16px; line-height: 20px; color: #ffffff; padding: 16px 38px; background: #00d0cb; border-radius: 5px; font-family: "Gilroy-Bold"; border: 1px solid #00d0cb; margin-right: 20px; margin-bottom: 20px; }
.home-customersupport .cspin .btnsect .btn:hover { border: 1px solid rgba(255, 255, 255, 0.42); background: transparent; color: #fff; }
.home-customersupport .cspin .btnsect .bttwo { font-size: 16px; line-height: 20px; color: #ffffff; padding: 16px 38px; background: transparent; border-radius: 5px; font-family: "Gilroy-Bold"; border: 1px solid rgba(255, 255, 255, 0.42); }
.home-customersupport .cspin .btnsect .bttwo:hover { background: #00d0cb; border: 1px solid #00d0cb; color: #fff; }

span.edd-sl-upgrade-link { width: 100%; height: auto; display: block; clear: both; float: left; padding: 10px 10px; font-size: 12px; text-align: center; margin: 15px 0; line-height: 1; color: #0277fd; border-radius: 5px; background: #ffe0e0; }
span.edd-sl-upgrade-link a { color: #0277fd; }

.product-page .sec3 .Changelog .logs { max-height: 500px; overflow: hidden; }

.home-wrapper .sec5 .slide1 .box p, .product-page .sec4 .slide1 .box p { min-height: 150px; font-family: "Quicksand", sans-serif; font-weight: 600; font-size: 16px; line-height: 32px; color: #0b1033; opacity: 0.75; }

.home-wrapper span.old-priced-container { float: left !important; margin-right: 10px; font-size: 20px; line-height: 22px; }

span#edd_price_167 { font-size: 20px; line-height: 22px; }

footer p span { font-size: 14px; margin-left: 10px; }

.hmsect-new1 { margin: 0 0 80px 0; }
@media (max-width: 764px) { .hmsect-new1 { margin: 40px 0; } }
.hmsect-new1 .sect-items { padding: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-shadow: 0px 19px 56px #151e6714; box-shadow: 0px 19px 56px #151e6714; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #ffffff; }
@media (max-width: 991px) { .hmsect-new1 .sect-items { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 30px; } }
.hmsect-new1 .sect-items .item { width: calc(100% / 4); display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px 20px; }
@media (max-width: 991px) { .hmsect-new1 .sect-items .item { width: calc(100% / 2); } }
@media (max-width: 600px) { .hmsect-new1 .sect-items .item { width: 100%; } }
.hmsect-new1 .sect-items .secticon { margin-right: 30px; width: 34px; margin-top: 6px; -ms-flex-negative: 0; flex-shrink: 0; }
.hmsect-new1 .sect-items .secttext h2 { font-size: 38px; color: #016fff; font-family: "Gilroy-Bold"; margin-bottom: 8px; text-align: left; }
@media (max-width: 600px) { .hmsect-new1 .sect-items .secttext h2 { font-size: 24px; } }
.hmsect-new1 .sect-items .secttext h3 { font-size: 16px; color: #8796a8; font-family: "Gilroy-Medium"; }

.hmsect-new2 { padding: 100px 0; position: relative; }
.hmsect-new2 h6 { font-family: "Gilroy-Medium"; }
@media (max-width: 599px) { .hmsect-new2 { padding: 40px 0; } }
.hmsect-new2 .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media (max-width: 599px) { .hmsect-new2 .row { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } }
.hmsect-new2:before { content: ""; background: #fafafc; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: skewY(3deg); transform: skewY(3deg); z-index: 1; }
.hmsect-new2:after { content: ""; background: #f5f9ff; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; z-index: 0; }
.hmsect-new2 .btnone { display: inline-block; font-size: 16px; padding: 16px 38px; background: #016fff; color: #fff; border: 1px solid #016fff; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -webkit-box-shadow: 0px 13px 16px #016fff26; box-shadow: 0px 13px 16px #016fff26; border-radius: 6px; }
.hmsect-new2 .btnone:hover { background: #fff; border: 1px solid #016fff; color: #016fff; -webkit-transition: 0.5s; transition: 0.5s; }
.hmsect-new2 .text-sect { max-width: 495px; }
@media (min-width: 768px) { .hmsect-new2 .text-sect { padding-right: 20px; } }
.hmsect-new2 .text-sect h4 { margin-bottom: 32px; font-size: 28px; color: #016fff; }
.hmsect-new2 .text-sect p { margin-bottom: 32px; font-family: "Open Sans", sans-serif; font-weight: 500; line-height: 2; color: #0b1033; opacity: 0.75; }
.hmsect-new2 .text-sect ul { margin-bottom: 32px; text-align: left; margin-left: 0; }
.hmsect-new2 .text-sect ul li { font-family: "Open Sans", sans-serif; font-weight: 500; line-height: 2; color: #0b1033; opacity: 0.75; list-style: none; padding-left: 28px; position: relative; }
.hmsect-new2 .text-sect ul li:before { content: ""; position: absolute; width: 18px; height: 18px; background: url("./images/wcpa/listcircle.svg") no-repeat; background-size: contain; left: 0; top: 9px; }
.hmsect-new2 .imgsect { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; }
@media (max-width: 599px) { .hmsect-new2 .imgsect { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.home .hmsect-new3 { margin-bottom: 0; }
.home .hmsect-new3 .slick-dots { bottom: 10px; }

.hmsect-new3 { padding: 100px 0 70px 0; margin-bottom: 288px; }
@media (max-width: 764px) { .hmsect-new3 { padding: 30px 0; margin-bottom: 10px; } }
.hmsect-new3 h2 { text-align: center; margin-bottom: 0; font-family: "Gilroy-Bold"; }
.hmsect-new3 .boxin { padding: 48px 40px; margin-top: 55px; border-radius: 6px; padding-bottom: 138px; position: relative; -webkit-transition: 0.5s; transition: 0.5s; display: block; }
@media (max-width: 764px) { .hmsect-new3 .boxin { padding-bottom: 10px; margin-top: 10px; } }
.hmsect-new3 .boxin.one { background: #e6edff; }
.hmsect-new3 .boxin.one:hover { background: #e6edff; }
.hmsect-new3 .boxin.two { background: #ffefc1; }
.hmsect-new3 .boxin.two:hover { background: #ffefc1; }
.hmsect-new3 .boxin.three { background: #ffe1d6; }
.hmsect-new3 .boxin.three:hover { background: #ffe1d6; }
.hmsect-new3 .boxin.four { background: #bafee7; }
.hmsect-new3 .boxin.four:hover { background: #bafee7; }
.hmsect-new3 .boxin.five { background: #f2d9ff; }
.hmsect-new3 .boxin.five:hover { background: #f2d9ff; }
.hmsect-new3 .boxin.six { background: #d6e7ff; }
.hmsect-new3 .boxin.six:hover { background: #d6e7ff; }
.hmsect-new3 .boxin .iconbox { background: #fff; width: 70px; margin-bottom: 40px; -webkit-box-shadow: 0px 7px 11px #151e6712; box-shadow: 0px 7px 11px #151e6712; border-radius: 20px; padding: 20px; }
@media (max-width: 767px) { .hmsect-new3 .boxin .iconbox { margin: 0 auto 40px auto; } }
.hmsect-new3 .boxin h3 { font-size: 22px; color: #111852; margin-bottom: 16px; }
.hmsect-new3 .boxin h5 { font-size: 14px; line-height: 20px; color: #111852; font-weight: 400; margin: 0; font-family: "Gilroy-Medium"; margin-bottom: 13px; }
.hmsect-new3 .boxin p { color: #0b1033; font-size: 16px; margin-bottom: 16px; font-weight: 600; opacity: 0.75; font-family: "Open Sans", sans-serif; font-weight: 500; }
.hmsect-new3 .boxin .btnone { display: inline-block; font-size: 14px; padding: 12px 25px; -webkit-box-shadow: none; box-shadow: none; border-radius: 6px; color: #016fff; background: transparent; border: 1px solid #016fff; -webkit-transition: 0.5s; transition: 0.5s; }
.hmsect-new3 .boxin .btnone:hover { color: #fff; -webkit-box-shadow: 0px 13px 16px #016fff26; box-shadow: 0px 13px 16px #016fff26; background: #016fff; -webkit-transition: 0.5s; transition: 0.5s; }
.hmsect-new3 .boxin .imgbox { position: absolute; width: 92%; margin: 0 auto; left: 0; right: 0; }
@media (max-width: 764px) { .hmsect-new3 .boxin .imgbox { position: static; } }
.hmsect-new3 .plsin:hover .boxin.one { background: #e6edff; }
.hmsect-new3 .plsin:hover .boxin.two { background: #ffefc1; }
.hmsect-new3 .plsin:hover .boxin.three { background: #ffe1d6; }
.hmsect-new3 .plsin:hover .boxin.four { background: #bafee7; }
.hmsect-new3 .plsin:hover .boxin.five { background: #f2d9ff; }
.hmsect-new3 .plsin:hover .boxin.six { background: #d6e7ff; }

.home .boxin { padding: 48px 40px; border-radius: 30px 30px 0 0; padding-bottom: 10px; position: relative; }
.home .boxin::after { content: ""; display: block; width: 100%; height: 140px; background: inherit; position: absolute; top: 100%; left: 0; border-radius: 0 0 30px 30px; z-index: -1; }
@media (max-width: 764px) { .home .boxin { padding-bottom: 10px; } }
.home .imgbox { padding: 0 4%; position: relative; z-index: 2; text-align: center; }
.home .imgbox img, .home .imgbox picture { display: block; margin: 0 auto; text-align: center; }

@media (max-width: 767px) { .home-latestproducts { margin-top: 80px; } }
.home-latestproducts .nrow { margin: 0 -15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.home-latestproducts .ncol { padding: 0 15px; margin-top: 40px; width: calc(100% / 2); }
@media (min-width: 1024px) { .home-latestproducts .ncol { width: calc(100% / 3); } }
@media (max-width: 767px) { .home-latestproducts .ncol { width: 100%; } }
.home-latestproducts .boxin { padding-bottom: 48px; border-radius: 30px; margin-top: 0; height: 100%; display: block; }
.home-latestproducts .boxin:after { display: none; }
.home-latestproducts .bxone { background: #bafee7; }
.home-latestproducts .bxone:hover { background: #bafee7; }
.home-latestproducts .bxtwo { background: #f2d9ff; }
.home-latestproducts .bxtwo:hover { background: #f2d9ff; }
.home-latestproducts .bxthree { background: #d6e7ff; }
.home-latestproducts .bxthree:hover { background: #d6e7ff; }

.newedit-hs3 .head { margin-bottom: 80px; }
@media (max-width: 764px) { .newedit-hs3 .head { margin-bottom: 30px; } }
.newedit-hs3 .head h2 { text-align: center; margin-bottom: 10px; }
.newedit-hs3 .head p { text-align: center; font-size: 22px; color: #8796a8; }

.product-page .hmsect-new3 { padding-bottom: 0; }

.container-blogdtwo { padding-top: 24px; padding-bottom: 130px; }
@media (min-width: 767px) { .container-blogdtwo { padding-top: 60px; } }
.container-blogdtwo .no-posts { margin: 20px 0; text-align: center; }
.container-blogdtwo .no-posts p { font-size: 18px; }

.loadingstyle, .loadmore-img { width: 30px; margin: 30px auto; }

.blgt-sectone .sectone-row { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.blgt-sectone .img-sect { width: 100%; border-radius: 3px; }
@media (min-width: 767px) { .blgt-sectone .img-sect { width: calc((100% / 3) * 2); } }
.blgt-sectone .img-sect img { width: 100%; display: block; }
.blgt-sectone .text-sect { width: 100%; padding: 30px; background: #fff; -webkit-box-shadow: 0px 13px 16px #151e6712; box-shadow: 0px 13px 16px #151e6712; border-radius: 6px; }
@media (min-width: 767px) { .blgt-sectone .text-sect { position: absolute; width: 50%; padding: 34px; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } }
@media (min-width: 1024px) { .blgt-sectone .text-sect { padding: 55px; } }
.blgt-sectone .text-sect h2 { font-size: 22px; color: #151e67; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
@media (min-width: 767px) { .blgt-sectone .text-sect h2 { font-size: 24px; } }
@media (min-width: 1024px) { .blgt-sectone .text-sect h2 { font-size: 32px; } }
.blgt-sectone .text-sect p { font-size: 16px; color: #0b1033; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-family: "Quicksand", sans-serif; font-weight: 500; opacity: 0.75; line-height: 1.8; }
.blgt-sectone .text-sect .date { margin-top: 50px; font-size: 14px; color: #8796a8; font-family: "Quicksand", sans-serif; font-weight: 500; }

.blgt-secttwo { margin-top: 24px; }
.blgt-secttwo .sect-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(135, 150, 168, 0.25); -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10px; }
.blgt-secttwo .sect-links .dropdown { position: absolute; right: 0; background: #fff; -webkit-box-shadow: 0px 14px 44px rgba(0, 0, 0, 0.09); box-shadow: 0px 14px 44px rgba(0, 0, 0, 0.09); z-index: 3; display: none; }
.blgt-secttwo .sect-links .dropdown .link { display: block; margin-right: 0; width: 200px; }
.blgt-secttwo .sect-links .dropdown .link a { padding: 7px 20px; display: block; }
.blgt-secttwo .sect-links .dropdown .link a:hover { background: rgba(0, 0, 0, 0.13); }
.blgt-secttwo .sect-links .dropdown .link:after { display: none; }
.blgt-secttwo .sect-links ul { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; margin: 0; width: 100%; -ms-flex-negative: 0; flex-shrink: 0; }
@media (min-width: 767px) { .blgt-secttwo .sect-links ul { width: 60%; } }
.blgt-secttwo .sect-links ul li { font-size: 14px; color: #8796a8; font-family: "Quicksand", sans-serif; font-weight: 500; list-style: none; -ms-flex-negative: 0; flex-shrink: 0; margin: 0; }
.blgt-secttwo .sect-links ul li .more-items { cursor: pointer; position: relative; padding: 24px 10px; display: inline-block; }
.blgt-secttwo .sect-links ul li a { color: #0b1033; padding: 24px 10px; display: inline-block; }
.blgt-secttwo .sect-links ul li span { padding: 24px 10px; display: inline-block; }
.blgt-secttwo .sect-links ul li.active a { position: relative; }
.blgt-secttwo .sect-links ul li.active a:after { content: ""; width: 100%; height: 3px; background: #016fff; position: absolute; bottom: 0; left: 0; }
.blgt-secttwo .sect-links .search { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 20px 15px; }
@media (min-width: 767px) { .blgt-secttwo .sect-links .search { width: 20%; margin: 0; } }
.blgt-secttwo .sect-links .search .icon { width: 16px; }
.blgt-secttwo .sect-links .search input { width: calc(100% - 16px); border: none; height: 23px; -webkit-box-shadow: none; box-shadow: none; background: transparent; }
.blgt-secttwo .sect-links .search input::-webkit-input-placeholder { /* Edge */ color: #0b1033; }
.blgt-secttwo .sect-links .search input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #0b1033; }
.blgt-secttwo .sect-links .search input::-ms-input-placeholder { color: #0b1033; }
.blgt-secttwo .sect-links .search input::placeholder { color: #0b1033; }
.blgt-secttwo .sect-blog-items { margin: 0 -15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.blgt-secttwo .sect-blog-items .item-col { padding: 0 15px; margin-top: 35px; width: calc(100% / 2); }
@media (min-width: 767px) { .blgt-secttwo .sect-blog-items .item-col { width: calc(100% / 3); } }
@media (max-width: 500px) { .blgt-secttwo .sect-blog-items .item-col { width: 100%; } }
.blgt-secttwo .sect-blog-items .box { border: 1px solid #8796a833; border-radius: 10px; overflow: hidden; display: block; outline: none; height: 100%; }
.blgt-secttwo .sect-blog-items .box .img-sect { overflow: hidden; }
.blgt-secttwo .sect-blog-items .box .img-sect img { width: 100%; display: block; -webkit-transition: 0.5s; transition: 0.5s; }
.blgt-secttwo .sect-blog-items .box:hover .img-sect img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: 0.5s; transition: 0.5s; }
.blgt-secttwo .sect-blog-items .box .desc-sect { padding: 20px; background: #fff; }
@media (min-width: 767px) { .blgt-secttwo .sect-blog-items .box .desc-sect { padding: 30px; } }
.blgt-secttwo .sect-blog-items .box .desc-sect h4 { font-size: 14px; color: #016fff; opacity: 0.75; margin: 0; line-height: 1.8; font-family: "Gilroy-Medium"; }
.blgt-secttwo .sect-blog-items .box .desc-sect h2 { margin-top: 8px; font-size: 18px; color: #151e67; margin-bottom: 0; line-height: 1.6; font-family: "Gilroy-semibold"; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
@media (min-width: 767px) { .blgt-secttwo .sect-blog-items .box .desc-sect h2 { font-size: 20px; } }
.blgt-secttwo .sect-blog-items .box .desc-sect .date { font-size: 14px; margin-top: 16px; color: #8796a8; opacity: 0.75; margin-bottom: 0; font-family: "Gilroy-Medium"; }
.blgt-secttwo .loadmore-sect { text-align: center; margin-top: 64px; }

.subscribe-box { display: -webkit-box; display: -ms-flexbox; display: flex; background: #f2f6fc; border-radius: 6px; padding: 36px; margin-top: 40px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media (min-width: 767px) { .subscribe-box { padding: 56px; } }
.subscribe-box .left-sect { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 20px; }
@media (min-width: 767px) { .subscribe-box .left-sect { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 65%; margin-bottom: 0; text-align: left; margin-bottom: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }
@media (max-width: 500px) { .subscribe-box .left-sect { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } }
.subscribe-box .left-sect .icon { width: 64px; margin-right: 40px; -ms-flex-negative: 0; flex-shrink: 0; margin-bottom: 20px; }
@media (min-width: 767px) { .subscribe-box .left-sect .icon { margin-bottom: 0; } }
.subscribe-box .left-sect h2 { font-size: 22px; color: #151e67; line-height: 1.4; font-family: "Gilroy-semibold"; margin-bottom: 0; }
@media (min-width: 767px) { .subscribe-box .left-sect h2 { font-size: 32px; } }
@media (max-width: 500px) { .subscribe-box .left-sect h2 { font-size: 18px; } }
.subscribe-box .right-sect { width: 100%; text-align: center; }
@media (min-width: 767px) { .subscribe-box .right-sect { width: 28%; text-align: left; } }
.subscribe-box .right-sect h3 { font-size: 14px; color: #0b1033; font-family: "Quicksand", sans-serif; font-weight: 500; line-height: 1.4; }
.subscribe-box .right-sect .input { border: 1px solid #d7d9db; background: #fff; width: 100%; padding: 18px; -webkit-box-shadow: none; box-shadow: none; }
.subscribe-box .right-sect .input::-webkit-input-placeholder { /* Edge */ color: #151e67; }
.subscribe-box .right-sect .input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #151e67; }
.subscribe-box .right-sect .input::-ms-input-placeholder { color: #151e67; }
.subscribe-box .right-sect .input::placeholder { color: #151e67; }
.subscribe-box .right-sect .btn { margin-top: 20px; display: inline-block; background: #151e67; border-radius: 6px; padding: 18px; width: 100%; color: #ffffff; font-size: 14px; line-height: 1.4; font-family: "Gilroy-Medium"; -webkit-transition: 0.5s; transition: 0.5s; }
.subscribe-box .right-sect .btn:hover { background: #016fff; -webkit-transition: 0.5s; transition: 0.5s; }

.pl-container { padding-top: 24px; padding-bottom: 130px; }
@media (min-width: 767px) { .pl-container { padding-top: 60px; } }

.page-template-template-productlisting:before { display: none; }

.pl-sectone { max-width: 776px; margin: 0 auto; }
.pl-sectone h1 { font-size: 32px; color: #151e67; line-height: 1.2; text-align: center; margin: 0; }
@media (min-width: 767px) { .pl-sectone h1 { font-size: 40px; } }
@media (min-width: 1024px) { .pl-sectone h1 { font-size: 48px; } }
@media (max-width: 500px) { .pl-sectone h1 { font-size: 24px; } }
.pl-sectone p { font-size: 18px; color: #0b1033; opacity: 0.75; text-align: center; line-height: 1.8; margin-top: 24px; font-family: "Quicksand", sans-serif; font-weight: 500; }
@media (max-width: 500px) { .pl-sectone p { font-size: 16px; margin-top: 12px; } }

.pl-secttwo { margin-top: 20px; }
.pl-secttwo .single-prod { border-radius: 40px; padding: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 50px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
@media (min-width: 767px) { .pl-secttwo .single-prod { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-top: 70px; } }
@media (max-width: 500px) { .pl-secttwo .single-prod { margin-top: 30px; } }
.pl-secttwo .single-prod.bgblue { background: #f7f9ff; }
.pl-secttwo .single-prod.bgcl2 { background: #fffbf0; }
.pl-secttwo .single-prod.bgcl3 { background: #fff3f0; }
.pl-secttwo .single-prod .text-sect { width: 100%; margin-top: 20px; }
@media (min-width: 767px) { .pl-secttwo .single-prod .text-sect { width: 50%; margin-top: 0px; } }
@media (max-width: 500px) { .pl-secttwo .single-prod .text-sect { text-align: center; } }
.pl-secttwo .single-prod .text-sect .img-tag { width: 72px; padding: 20px; background: #fff; border-radius: 20px; -webkit-box-shadow: 0px 7px 11px #151e6712; box-shadow: 0px 7px 11px #151e6712; }
@media (max-width: 500px) { .pl-secttwo .single-prod .text-sect .img-tag { margin: 0 auto; } }
.pl-secttwo .single-prod .text-sect h2 { font-size: 28px; color: #151e67; line-height: 1.4; margin: 0; margin-top: 24px; }
@media (min-width: 767px) { .pl-secttwo .single-prod .text-sect h2 { font-size: 30px; } }
@media (min-width: 1024px) { .pl-secttwo .single-prod .text-sect h2 { font-size: 38px; } }
@media (max-width: 500px) { .pl-secttwo .single-prod .text-sect h2 { font-size: 22px; } }
.pl-secttwo .single-prod .text-sect h3 { font-size: 22px; color: #016fff; line-height: 28px; margin: 0; margin-top: 20px; }
@media (min-width: 767px) { .pl-secttwo .single-prod .text-sect h3 { font-size: 24px; } }
@media (min-width: 1024px) { .pl-secttwo .single-prod .text-sect h3 { font-size: 28px; } }
@media (max-width: 500px) { .pl-secttwo .single-prod .text-sect h3 { font-size: 18px; margin-top: 10px; } }
.pl-secttwo .single-prod .text-sect p { font-size: 18px; color: #0b1033; opacity: 0.75; margin: 0; margin-top: 24px; line-height: 1.8; font-family: "Quicksand", sans-serif; font-weight: 500; }
@media (max-width: 500px) { .pl-secttwo .single-prod .text-sect p { font-size: 15px; margin-top: 10px; } }
.pl-secttwo .single-prod .text-sect .btn { margin-top: 40px; }
@media (max-width: 500px) { .pl-secttwo .single-prod .text-sect .btn { margin-top: 20px; } }
.pl-secttwo .single-prod .img-sect { width: 100%; }
@media (min-width: 767px) { .pl-secttwo .single-prod .img-sect { width: calc(48% - 26px); margin-left: 26px; } }
.pl-secttwo .single-prod .img-sect img { width: 100%; display: block; }
@media (min-width: 1024px) { .pl-secttwo .single-prod { padding: 75px; }
  .pl-secttwo .single-prod.inverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .pl-secttwo .single-prod.inverse .img-sect { margin-left: 0; margin-right: 26px; } }

.header_block .right-sec .login-sec .lgn { pointer-events: none; }
@media only screen and (max-width: 765px) { .header_block .right-sec .login-sec .lgn { pointer-events: all; } }
.header_block .right-sec .login-sec .lgn span.icon.icon-plus { right: -16px; }
@media only screen and (max-width: 765px) { .header_block .right-sec .login-sec .lgn span.icon.icon-plus { display: none; } }
.header_block .right-sec .login-sec li.my-menu { position: relative; }
@media (min-width: 766px) { .header_block .right-sec .login-sec li.my-menu { cursor: pointer; }
  .header_block .right-sec .login-sec li.my-menu:hover a.lgn { color: #08aeea; }
  .header_block .right-sec .login-sec li.my-menu:hover ul.my-drop { display: block !important; -webkit-animation: myMenu 0.5s ease forwards; animation: myMenu 0.5s ease forwards; } }
@-webkit-keyframes myMenu { 0% { opacity: 0; visibility: hidden; }
  100% { opacity: 1; visibility: visible; } }
@keyframes myMenu { 0% { opacity: 0; visibility: hidden; }
  100% { opacity: 1; visibility: visible; } }
.header_block .right-sec .login-sec ul.my-drop { cursor: default; display: none; position: absolute; left: 0; top: 100%; width: calc(100% - 10px); background: #fff; padding: 10px 15px; -webkit-box-shadow: 0px 15px 30px #151e6714; box-shadow: 0px 15px 30px #151e6714; border-radius: 5px; min-width: 120px; opacity: 0; visibility: hidden; }
@media only screen and (max-width: 765px) { .header_block .right-sec .login-sec ul.my-drop { right: 20px; left: auto; width: 100%; opacity: 1; visibility: visible; } }
.header_block .right-sec .login-sec ul.my-drop li { display: block; font-size: 14px; float: none; text-align: left; padding: 5px 0; }
.header_block .right-sec .login-sec ul.my-drop li a { display: block; color: #777; }
.header_block .right-sec .login-sec ul.my-drop li a:hover { color: rgba(1, 111, 255, 0.8); }

@media (min-width: 766px) and (max-width: 1200px) { .header_block .right-sec .login-sec li.my-menu { padding-right: 20px; }
  .header_block .right-sec .login-sec .lgn span.icon.icon-plus { top: 7px; font-size: 18px; }
  .header_block .right-sec .login-sec .lgn span.icon.icon-plus::before { font-size: inherit; } }
.wp-block-image figcaption { text-align: center; font-size: 14px; }

.single-post .blog-wraper figure.wp-block-image img { margin-bottom: 0.4em; }

.single-post .blog-wraper figure.wp-block-image { margin-bottom: 1em; }

.blogdthree .blgt-sectone .img-sect { border-radius: 6px; }
.blogdthree .blgt-sectone .text-sect h2 { color: #111852; }
.blogdthree .blgt-sectone .text-sect p { font-family: "Open Sans", sans-serif; }
.blogdthree .blgt-sectone .text-sect .date { font-family: "Gilroy-Medium"; }
.blogdthree .btntwo { font-size: 18px; line-height: 26px; background: #0091ff; border-radius: 6px; font-weight: 400; margin: 0; padding: 13px 34px; color: #fff; border: 1px solid #0091ff; }
.blogdthree .btntwo:hover { background: #fff; -webkit-transition: 0.5s; transition: 0.5s; color: #0091ff; }
@media (min-width: 768px) { .blogdthree .btntwo { padding: 20px 54px; } }
.blogdthree .dsthree-single { margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
@media (min-width: 768px) { .blogdthree .dsthree-single { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 50px; } }
.blogdthree .dsthree-single .detailsect { border: 1px solid #8796a833; border-radius: 10px; -webkit-box-shadow: 0px 23px 36px #151e670d; box-shadow: 0px 23px 36px #151e670d; background: #fff; padding: 30px 20px; width: 100%; z-index: 2; position: relative; margin-right: -20px; }
@media (min-width: 768px) { .blogdthree .dsthree-single .detailsect { width: calc(40% + 20px); padding: 55px 40px; } }
.blogdthree .dsthree-single .detailsect h4 { font-family: "Gilroy-Medium"; font-size: 14px; line-height: 26px; color: #016fff; opacity: 0.75; margin: 0; }
.blogdthree .dsthree-single .detailsect h3 { font-size: 22px; line-height: 30px; color: #111852; margin-top: 16px; font-family: "Gilroy-semibold"; }
.blogdthree .dsthree-single .detailsect h3 a { font-size: 22px; line-height: 30px; color: #111852; font-family: "Gilroy-semibold"; }
@media (min-width: 1200px) { .blogdthree .dsthree-single .detailsect h3 { font-size: 28px; line-height: 38px; }
  .blogdthree .dsthree-single .detailsect h3 a { font-size: 28px; line-height: 38px; } }
.blogdthree .dsthree-single .detailsect h5 { font-size: 14px; line-height: 26px; color: #8796a8; font-family: "Gilroy-Medium"; margin-top: 20px; }
@media (min-width: 768px) { .blogdthree .dsthree-single .detailsect h5 { margin-top: 40px; } }
@media (min-width: 768px) { .blogdthree .dsthree-single:nth-child(2n) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .blogdthree .dsthree-single:nth-child(2n) .detailsect { margin-left: -20px; margin-right: 0; } }
.blogdthree .dsthree-single .imgsect { border-radius: 10px; overflow: hidden; z-index: 1; }
@media (min-width: 768px) { .blogdthree .dsthree-single .imgsect { width: 60%; } }
.blogdthree .dsthree-single .imgsect img { display: block; width: 100%; }

.pdtwo-one h2 { font-size: 42px !important; line-height: 54px; color: #111852; font-family: "Gilroy-Black"; margin: 0; letter-spacing: 0.42px; }
@media (max-width: 500px) { .pdtwo-one h2 { font-size: 28px !important; line-height: 35px; } }
.pdtwo-one h1 { font-size: 42px !important; line-height: 54px; color: #111852; font-family: "Gilroy-Black"; margin: 0; letter-spacing: 0.42px; }
@media (max-width: 500px) { .pdtwo-one h1 { font-size: 28px !important; line-height: 35px; } }
.pdtwo-one .rating-sec { margin-top: 20px; }
.pdtwo-one .shade { position: absolute; right: 0; top: 0; display: block; width: 42vw; max-width: 686px; display: none; }
@media (max-width: 1019px) { .pdtwo-one .shade { display: none; } }
.pdtwo-one p { font-size: 18px !important; line-height: 32px; color: #0b1033; font-family: "Open Sans", sans-serif !important; font-weight: 400; margin: 0; margin-top: 20px; }
.pdtwo-one .list { margin: 0; padding: 0; margin-top: 24px; }
.pdtwo-one .list li { list-style: none; padding-left: 28px; position: relative; font-size: 16px; line-height: 32px; font-family: "Open Sans", sans-serif; font-weight: 400; }
.pdtwo-one .list li:before { content: ""; position: absolute; width: 18px; height: 18px; background: url("./images/wcpa/listcircle.svg") no-repeat; background-size: contain; left: 0; top: 9px; }
.pdtwo-one .b1 { margin-right: 16px; font-size: 16px; border: 1px solid #016fff !important; color: #016fff !important; line-height: 20px; }
.pdtwo-one .b1:hover { color: #fff !important; }
.pdtwo-one .f1 { font-size: 16px; line-height: 20px; border: 1px solid #08aeea !important; color: #08aeea !important; }
.pdtwo-one .f1:hover { color: #fff !important; }
.pdtwo-one .link { font-size: 16px; line-height: 26px; color: #016fff; font-family: "Gilroy-Regular"; margin-top: 34px; display: inline-block; margin-bottom: 20px; margin-right: 30px; }
.pdtwo-one .link:last-child { margin-right: 0; }
.pdtwo-one .link.shopify-link { background: #fff3b2; padding: 5px 10px 5px 7px; border-radius: 5px; color: #222; text-decoration: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; font-size: 14px; margin-top: 0; }
.pdtwo-one .link.shopify-link svg { width: 24px; margin-top: -14px; margin-right: 7px; }
.pdtwo-one .link.shopify-link:hover { background: #efe780; }
.pdtwo-one .wbox { -webkit-box-shadow: 0px 23px 56px #11185214; box-shadow: 0px 23px 56px #11185214; border: 1px solid #f0f0f0; border-radius: 10px; padding: 25px 20px 35px 20px; background: #fff; }
@media (min-width: 1400px) { .pdtwo-one .wbox { padding: 50px 40px; } }
@media (max-width: 500px) { .pdtwo-one .wbox { padding: 25px 10px; } }
.pdtwo-one .wbox h3 { font-size: 24px; line-height: 54px; letter-spacing: 0.24px; color: #111852; font-family: "Gilroy-Bold"; margin: 0; }
@media (max-width: 500px) { .pdtwo-one .wbox h3 { font-size: 20px; line-height: 35px; margin: 0; } }
.pdtwo-one .wbox .Buyer-Protection { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.pdtwo-one .wbox .Buyer-Protection h6 { font-size: 16px; line-height: 26px; color: #0b1033; font-family: "Gilroy-Bold"; margin: 0; }
.pdtwo-one .wbox .Buyer-Protection p { font-size: 13px !important; line-height: 22px; color: #8796a8; font-weight: 400; margin: 0; }
.pdtwo-one .wbox .Buyer-Protection .icon { margin-right: 13px; background: rgba(64, 204, 201, 0.22); }

.relatedproducts { margin: 50px 0; }
@media (min-width: 1200px) { .relatedproducts { margin-top: 140px; margin-bottom: 120px; } }
.relatedproducts h2 { text-align: center; font-family: "Quicksand", sans-serif; font-size: 32px; line-height: 42px; color: #0b1033; font-weight: 600; margin: 0; }
@media (max-width: 500px) { .relatedproducts h2 { font-size: 25px; line-height: 36px; } }
.relatedproducts .singl-prod { width: 100%; height: 100%; margin-top: 50px; border: 1px solid #eeeeee; border-radius: 6px; -webkit-transition: 0.5s; transition: 0.5s; }
@media (max-width: 500px) { .relatedproducts .singl-prod { margin-top: 20px; } }
.relatedproducts .singl-prod:hover { -webkit-box-shadow: 0px 31px 60px #0b103312; box-shadow: 0px 31px 60px #0b103312; -webkit-transition: 0.5s; transition: 0.5s; }
.relatedproducts .singl-prod .imgsect img { width: 100%; display: block; }
.relatedproducts .singl-prod .text-sect { padding: 20px; }
@media (min-width: 1200px) { .relatedproducts .singl-prod .text-sect { padding: 30px; } }
.relatedproducts .singl-prod .text-sect h3 { font-size: 18px; line-height: 28px; color: #0b1033; font-family: "Quicksand", sans-serif; font-weight: 600; margin: 0; }
.relatedproducts .singl-prod .text-sect h4 { font-size: 18px; line-height: 28px; color: #08aeea; font-family: "Quicksand", sans-serif; font-weight: 600; margin: 0; margin-top: 16px; }
.relatedproducts .singl-prod .text-sect p { font-size: 16px; line-height: 28px; color: #0b1033; font-family: "Quicksand", sans-serif; font-weight: 400; margin: 0; margin-top: 25px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.relatedproducts .singl-prod .text-sect a { font-size: 16px; line-height: 28px; color: #8796a8; font-family: "Quicksand", sans-serif; font-weight: 600; margin: 0; margin-top: 34px; display: inline-block; -webkit-transition: 0.5s; transition: 0.5s; }
.relatedproducts .singl-prod .text-sect a:hover { color: #016fff; }
.relatedproducts .singl-prod .text-sect a:hover svg * { stroke: #016fff; -webkit-transition: 0.5s; transition: 0.5s; }

.plugins-container .title { max-width: 776px; margin: 0 auto; padding-top: 35px; }
@media (max-width: 500px) { .plugins-container .title { padding-top: 45px; } }
.plugins-container .title .woologo { width: 147px; margin: 0 auto; }
.plugins-container .title h2 { font-size: 38px; line-height: 41px; color: #151e67; font-weight: 700; margin: 0; margin-top: 10px; letter-spacing: 0.48px; text-align: center; font-family: "Gilroy-Bold"; }
@media (min-width: 1024px) { .plugins-container .title h2 { font-size: 48px; line-height: 61px; } }
@media (max-width: 500px) { .plugins-container .title h2 { font-size: 28px; line-height: 38px; } }
.plugins-container .title p { font-size: 18px; line-height: 32px; font-family: "Quicksand", sans-serif; color: #0b1033; font-weight: 500; margin-top: 15px; text-align: center; opacity: 0.7; }
.plugins-container .plugins { margin: 0 -15px; margin-top: 90px; padding-bottom: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media (max-width: 500px) { .plugins-container .plugins { margin-top: 45px; } }
.plugins-container .plugins .plg-col { padding: 0 15px; width: calc(100% / 2); margin-bottom: 40px; }
@media (min-width: 1024px) { .plugins-container .plugins .plg-col { width: calc(100% / 3); } }
@media (max-width: 767px) { .plugins-container .plugins .plg-col { width: 100%; } }
.plugins-container .plugins .plg-col .single-plugin { border-radius: 30px; padding: 50px 28px; background: #f7f9ff; height: 100%; }
.plugins-container .plugins .plg-col .single-plugin.clr1 { background: #fffbf0; }
.plugins-container .plugins .plg-col .single-plugin.clr2 { background: #fff3f0; }
.plugins-container .plugins .plg-col .single-plugin.clr3 { background: #e4fff6; }
.plugins-container .plugins .plg-col .single-plugin.clr4 { background: #fcf6ff; }
.plugins-container .plugins .plg-col .single-plugin .icon { background: #fff; width: 70px; margin-bottom: 40px; -webkit-box-shadow: 0px 7px 11px #151e6712; box-shadow: 0px 7px 11px #151e6712; border-radius: 20px; padding: 20px; }
@media (max-width: 500px) { .plugins-container .plugins .plg-col .single-plugin .icon { margin-bottom: 15px; } }
.plugins-container .plugins .plg-col .single-plugin h3 { margin-top: 32px; font-size: 24px; line-height: 34px; color: #151e67; font-family: "Gilroy-Bold"; }
@media (max-width: 500px) { .plugins-container .plugins .plg-col .single-plugin h3 { font-size: 22px; margin-top: 20px; } }
.plugins-container .plugins .plg-col .single-plugin h4 { margin-top: 36px; font-family: "Gilroy-Bold"; font-size: 28px; line-height: 28px; color: #016fff; }
@media (max-width: 500px) { .plugins-container .plugins .plg-col .single-plugin h4 { font-size: 22px; margin-top: 20px; } }
.plugins-container .plugins .plg-col .single-plugin p { margin-top: 17px; font-size: 18px; line-height: 30px; color: #0b1033; font-family: "Open Sans", sans-serif; font-weight: 400; opacity: 0.7; }
@media (max-width: 500px) { .plugins-container .plugins .plg-col .single-plugin p { margin-top: 15px; } }
.plugins-container .plugins .plg-col .single-plugin .btnone { display: inline-block; font-size: 14px; padding: 12px 25px; -webkit-box-shadow: none; box-shadow: none; border-radius: 6px; color: #016fff; background: transparent; border: 1px solid #016fff; -webkit-transition: 0.5s; transition: 0.5s; margin-top: 60px; font-family: "Gilroy-Regular"; }
@media (max-width: 500px) { .plugins-container .plugins .plg-col .single-plugin .btnone { margin-top: 20px; } }
.plugins-container .plugins .plg-col .single-plugin .btnone:hover { color: #fff; -webkit-box-shadow: 0px 13px 16px #016fff26; box-shadow: 0px 13px 16px #016fff26; background: #016fff; -webkit-transition: 0.5s; transition: 0.5s; }

@media (min-width: 1200px) { .productmegamenu .sub-menu { display: none !important; } }

.productsmegamenu { width: 100%; max-width: 1154px; position: fixed; left: 0; right: 0; margin: 0 auto; top: 68px; background: #ffffff; -webkit-box-shadow: 0px 24px 74px rgba(17, 24, 82, 0.08); box-shadow: 0px 24px 74px rgba(17, 24, 82, 0.08); border-radius: 20px; display: none; padding: 30px; }
.productsmegamenu:before { content: ""; width: 100vw; left: 0; top: -16px; height: 20px; display: block; position: absolute; }
.productsmegamenu:after { content: ""; position: absolute; left: 25%; bottom: 100%; margin: 0 auto; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 13px solid white; }
.productsmegamenu #megamenutb { content: ""; clear: both; display: table !important; }
.productsmegamenu #megamenutb ul.resp-tabs-list { border: none !important; margin: 0; padding: 0; background: #f9f9f9; border-radius: 10px; padding: 5px; }
.productsmegamenu #megamenutb .domainlogo { width: 33px; display: inline-block; margin: 0; margin-right: 12px; }
.productsmegamenu #megamenutb .resp-tabs-list li { border: none !important; font-size: 16px; line-height: 20px; color: #151e67; padding: 15px 40px; margin: 0; border-radius: 10px; margin-right: 14px; font-family: "Gilroy-semibold"; letter-spacing: 0.16px; }
.productsmegamenu #megamenutb .resp-tabs-list li::before { display: none; }
.productsmegamenu #megamenutb .resp-tabs-list li.resp-tab-active { background: #018bf7 !important; -webkit-box-shadow: 0px 8px 22px rgba(1, 139, 247, 0.09); box-shadow: 0px 8px 22px rgba(1, 139, 247, 0.09); color: #ffffff !important; }
.productsmegamenu .resp-tabs-container { padding: 0; }
.productsmegamenu .menu-items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; }
.productsmegamenu .menu-items .mnu-item { width: calc(100% / 4); margin-top: 16px; }
.productsmegamenu .menu-items .mnu-item .sectin { padding: 24px 17px; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.productsmegamenu .menu-items .mnu-item .sectin:hover { background: #f5faff; }
.productsmegamenu .menu-items .mnu-item .sectin h3 { font-family: "Open Sans", sans-serif; font-size: 14px; line-height: 22px; color: #111852; font-weight: 600; margin: 0; }
.productsmegamenu .menu-items .mnu-item .sectin:hover h3 { color: #016fff; }
.productsmegamenu .menu-items .mnu-item .iconsect { width: 40px; height: 40px; background: #ffffff; -webkit-box-shadow: 0px 2px 6px rgba(17, 24, 82, 0.17); box-shadow: 0px 2px 6px rgba(17, 24, 82, 0.17); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 17px; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 8px; }
.productsmegamenu .viewallsect { margin: 0 auto; margin-top: 28px; text-align: center; }
.productsmegamenu .viewallsect .viewalllink { font-size: 15px; line-height: 22px; color: #016fff; font-family: "Open Sans", sans-serif; font-weight: 600; }
.productsmegamenu .viewallsect .viewalllink:after { width: 8px; margin-left: 24px; vertical-align: middle; content: ""; font: normal normal normal 15px/1.5 fontawesome; margin-left: 11px; -webkit-transition: 0.5s; transition: 0.5s; display: inline-block; }
.productsmegamenu .viewallsect .viewalllink:hover:after { -webkit-transform: translateX(10px); transform: translateX(10px); -webkit-transition: 0.5s; transition: 0.5s; }

.fixedheader .productsmegamenu { top: 53px; }

.page-template-template-checkout .inner-header-section { background: #fff; border-bottom: 1px solid rgba(135, 150, 168, 0.23); padding-bottom: 0; }
.page-template-template-checkout .inner-header-section .container { max-width: 1140px; }
.page-template-template-checkout .inner-header-section .title { font-size: 32px; line-height: 38px; color: #111852; font-family: "Gilroy-Semibold"; margin: 0; text-align: center; }
@media (min-width: 1024px) { .page-template-template-checkout .inner-header-section .title { text-align: left; font-size: 42px; } }
.page-template-template-checkout .inner-header-section .purchase-nav { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; margin: 15px 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
@media (min-width: 1024px) { .page-template-template-checkout .inner-header-section .purchase-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-top: 30px; margin-bottom: 0; } }
.page-template-template-checkout .inner-header-section .purchase-nav li { list-style: none; font-size: 18px; line-height: 21px; color: #0b1033; font-family: "Gilroy-Regular"; margin: 0; padding: 10px 0; position: relative; }
@media (min-width: 1024px) { .page-template-template-checkout .inner-header-section .purchase-nav li { margin-right: 37px; padding: 23px 70px 23px 0; } }
.page-template-template-checkout .inner-header-section .purchase-nav li a { font-size: 18px; line-height: 21px; color: rgba(11, 16, 51, 0.4); font-family: "Gilroy-Regular"; }
.page-template-template-checkout .inner-header-section .purchase-nav li.active { border-bottom: 2px solid #016fff; }
.page-template-template-checkout .inner-header-section .purchase-nav li.active a { color: #0b1033; font-family: "Gilroy-Bold"; }
.page-template-template-checkout .inner-header-section .purchase-nav li:after { content: "\f105"; font: normal normal normal 15px/1.5 fontawesome; position: absolute; margin-left: 10px; }
@media (min-width: 1024px) { .page-template-template-checkout .inner-header-section .purchase-nav li:after { right: 0; } }
.page-template-template-checkout .main-container { background: #f2f8fc; }
.page-template-template-checkout .main-container .container { max-width: 1140px; }
.page-template-template-checkout .main-container #edd_purchase_form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 40px; }
@media (min-width: 1024px) { .page-template-template-checkout .main-container #edd_purchase_form { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }
.page-template-template-checkout .main-container #edd_purchase_form .left-side { width: 100%; background: #ffffff; -webkit-box-shadow: 0px 3px 3px #1118520f; box-shadow: 0px 3px 3px #1118520f; border-radius: 10px; padding: 20px; }
@media (min-width: 1024px) { .page-template-template-checkout .main-container #edd_purchase_form .left-side { width: 60%; padding: 36px; } }
.page-template-template-checkout .main-container #edd_purchase_form .left-side h4 { font-size: 24px; line-height: 38px; color: #111852; font-family: "Gilroy-semibold"; margin: 0; margin-bottom: 30px; }
.page-template-template-checkout .main-container #edd_purchase_form .left-side label { font-size: 16px; line-height: 22px; color: #111852; font-family: "Gilroy-Medium"; margin: 0; margin-bottom: 6px; display: block; }
.page-template-template-checkout .main-container #edd_purchase_form .left-side input { border: 1px solid #151e672e; border-radius: 6px; margin-bottom: 16px; }
.page-template-template-checkout .main-container #edd_purchase_form .right-side { width: 100%; margin-top: 20px; background: #ffffff; -webkit-box-shadow: 0px 3px 3px #1118520f; box-shadow: 0px 3px 3px #1118520f; border-radius: 10px; padding: 20px; }
@media (min-width: 1024px) { .page-template-template-checkout .main-container #edd_purchase_form .right-side { width: calc(40% - 28px); margin-left: 28px; margin-top: 0; padding: 36px; } }
.page-template-template-checkout .main-container #edd_purchase_form .right-side h4 { font-size: 22px; line-height: 22px; color: #111852; font-family: "Gilroy-semibold"; margin: 0; margin-bottom: 30px; padding: 0 10px; }
.page-template-template-checkout .main-container #edd_purchase_form .right-side th { background: #fff; font-size: 16px; line-height: 22px; color: #111852; font-family: "Gilroy-Medium"; margin: 0; padding: 10px; }
.page-template-template-checkout .main-container #edd_purchase_form .right-side td { font-size: 16px; line-height: 22px; color: #111852; padding: 10px; font-family: "Gilroy-Medium"; }
.page-template-template-checkout .main-container #edd_purchase_form .right-side td:first-child { opacity: 0.7; }
.page-template-template-checkout .main-container #edd_purchase_form .right-side .edd_cart_footer_row td { border-top: 1px solid rgba(17, 24, 82, 0.12); }
.page-template-template-checkout .main-container #edd_purchase_form .right-side input[type="submit"] { width: 100%; border: 1px solid #11185226; border-radius: 6px; color: #fff; background: #016fff; max-width: 100%; letter-spacing: 0px; font-size: 16px; line-height: 22px; font-family: "Gilroy-Medium"; }
.page-template-template-checkout .main-container #edd_purchase_form .right-side input[type="submit"]:hover { opacity: 0.8; }
.page-template-template-checkout .main-container #edd_purchase_form .right-side .edd_error { font-size: 14px; }
.page-template-template-checkout .main-container #edd_purchase_form .right-side #edd_show_discount { font-size: 14px; }
.page-template-template-checkout #edd_checkout_cart_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 40px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
@media (min-width: 1020px) { .page-template-template-checkout #edd_checkout_cart_wrap { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details { width: 100%; }
@media (min-width: 1020px) { .page-template-template-checkout #edd_checkout_cart_wrap .product-details { width: 60%; } }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .carttableouter { overflow-x: auto; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details table { background: transparent; -webkit-box-shadow: none !important; box-shadow: none !important; min-width: 600px; border-radius: 10px; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details tbody { background: #fff; -webkit-box-shadow: 0px 3px 3px #1118520f; box-shadow: 0px 3px 3px #1118520f; border-radius: 10px; overflow: hidden; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .cartsuggested { border: 1px solid #fbb16766; border-radius: 10px; padding: 24px 20px; background: #fff9e9; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .cartsuggested .suggetion-check { font-size: 16px; line-height: 24px; color: #ee7f00; font-family: "Gilroy-Semibold"; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .cartsuggested .suggetion-check input { border: 1px solid #8796a86e; width: 18px; height: 18px; margin-right: 12px; vertical-align: sub; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .cartsuggested .content { margin-top: 13px; font-size: 14px; line-height: 24px; color: #111852; letter-spacing: 0.14px; opacity: 0.75; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .edd_cart_header_row th { background: #f2f8fc; font-size: 13px; line-height: 16px; color: #0b1033; font-family: "Gilroy-Medium"; margin: 0; opacity: 1; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .edd_cart_item_name .edd_cart_item_image { width: 71px; height: 71px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(17, 24, 82, 0.05); border-radius: 10px; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .edd_cart_item_name .edd_cart_item_image img { width: 50%; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .edd_cart_item_name .edd_checkout_cart_item_title { font-size: 16px; line-height: 26px; color: #111852; font-family: "Gilroy-Bold"; margin: 0; display: inline-block; width: calc(100% - 80px); vertical-align: middle; padding-left: 16px; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .edd_cart_item_price, .page-template-template-checkout #edd_checkout_cart_wrap .product-details .edd_price { font-size: 16px; line-height: 22px; color: #151e67; font-family: "Gilroy-Bold"; margin: 0; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .edd_cart_remove_item_btn { font-size: 0; background: rgba(204, 204, 204, 0.33); display: block; width: 40px; height: 40px; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .edd_cart_remove_item_btn:after { font: normal normal normal 20px/1 FontAwesome; content: "\f014"; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .edd_cart_item_image { width: 71px; height: 71px; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 10px; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .edd_cart_item_image img { width: 50%; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .edd_cart_item_image ~ p { font-size: 16px; line-height: 26px; color: #111852; font-family: "Gilroy-Medium"; margin: 0; display: inline-block; width: calc(100% - 80px); vertical-align: middle; padding-left: 16px; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .content { margin-top: 22px; }
@media (min-width: 600px) { .page-template-template-checkout #edd_checkout_cart_wrap .product-details .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .content h4 { font-size: 16px; line-height: 44px; color: #111852; font-family: "Gilroy-semibold"; margin: 0; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .content p { font-size: 13px; line-height: 24px; color: #111852; font-family: "Open Sans", sans-serif; margin: 0; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .content .CaptionCont { border: 0.9625px solid rgba(17, 24, 82, 0.12); border-radius: 5px; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .content .CaptionCont label > i { background-image: url(./images/arrodowndark.svg); }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .content .opt label { font-size: 14px; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .cktitle { font-size: 24px; line-height: 38px; color: #111852; font-family: "Gilroy-semibold"; }
@media (min-width: 1020px) { .page-template-template-checkout #edd_checkout_cart_wrap .product-details .cktitle { font-size: 32px; } }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .upseladdtocart { font-size: 12px; padding: 8px 15px; letter-spacing: 0.14px; color: #0b1033; font-family: "Gilroy-Medium"; background: rgba(17, 24, 82, 0.08); border-radius: 10px; display: block; width: 98px; outline: none; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .upseladdtocart:hover { background: rgba(17, 24, 82, 0.18); }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .edd_cart_item td { border-bottom: 1px solid rgba(17, 24, 82, 0.12); vertical-align: middle; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .edd_cart_item:last-child td { border: none; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .edd_cart_item .edd-sl-renewal-details { margin-top: 10px; border-radius: 10px; background: #fff; padding: 24px; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-item { -webkit-box-shadow: 0px 3px 3px #1118520f; box-shadow: 0px 3px 3px #1118520f; border-radius: 10px; background: #fff; padding: 32px 24px; margin: 0; margin-bottom: 20px; border: 1px solid #fbb16766; border-radius: 10px; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-item .producttitle { font-size: 14px; line-height: 24px; color: #111852; font-family: "Gilroy-Bold"; margin: 0; display: inline-block; vertical-align: middle; margin-bottom: 10px; }
@media (min-width: 600px) { .page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-item .producttitle { min-width: 230px; } }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-item .content-heading { padding-bottom: 15px; border-bottom: 1px solid rgba(17, 24, 82, 0.1); }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-item .content-heading .titleSec { margin-bottom: 10px; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-item .content-heading .producttitle { font-size: 17px; font-family: "Open Sans", sans-serif; font-weight: 700; color: #111852; margin-bottom: 7px; }
@media (min-width: 600px) { .page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-item .content-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-item .content-heading .ratingSec { font-size: 13px; color: #111852; font-family: "Open Sans", sans-serif; font-weight: 400; position: relative; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-item .content-heading .ratingSec:before { content: "\f005"; font: normal normal normal 18px/1 fontawesome; display: inline-block; color: #f9c626; margin-right: 7px; vertical-align: bottom; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-item .content-heading .ratingSec .tooltipContent { display: none; position: absolute; top: 100%; background: #fff; padding: 30px; -webkit-box-shadow: 0px 20px 44px rgba(17, 24, 82, 0.18); box-shadow: 0px 20px 44px rgba(17, 24, 82, 0.18); z-index: 2; border-radius: 10px; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-item .content-heading .ratingSec .tooltipContent h4 { font-size: 16px; line-height: 24px; color: #111852; margin: 0; font-family: "Open Sans", sans-serif; font-weight: 700; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-item .content-heading .ratingSec .tooltipContent p { font-size: 14px; line-height: 23px; color: rgba(17, 24, 82, 0.75); margin-top: 8px; font-family: "Open Sans", sans-serif; font-weight: 400; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-item .content-heading .ratingSec .tooltipContent ul { margin: 0; margin-top: 10px; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-item .content-heading .ratingSec .tooltipContent ul li { font-size: 13px; line-height: 30px; font-family: "Open Sans", sans-serif; font-weight: 400; color: rgba(17, 24, 82, 0.75); padding-left: 20px; position: relative; list-style: none; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-item .content-heading .ratingSec .tooltipContent ul li:before { content: ""; position: absolute; width: 12px; height: 12px; background: url(./images/wcpa/listcircle.svg) no-repeat; background-size: contain; left: 0; top: 10px; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-item .content-heading .ratingSec a.tooltip { color: #016fff; border-bottom: 1px dotted #016fff; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-item .content-heading .ratingSec a.tooltip:hover .tooltipContent { display: block !important; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-item .content-heading .additional-cost { font-size: 20px; color: #27ae60; font-family: "Gilroy-Bold"; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-item .description h4 { font-size: 14px; line-height: 20px; color: #111852; font-family: "Gilroy-semibold"; margin: 0; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-item .description p { font-size: 13px; color: #111852; font-family: "Open Sans", sans-serif; margin: 0; margin-top: 7px; position: relative; padding-left: 28px; line-height: 27px; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-item .description p:before { content: ""; position: absolute; width: 12px; height: 12px; background: url(./images/wcpa/listcircle.svg) no-repeat; background-size: contain; left: 0; top: 8px; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-item .description ul { margin: 0; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-item .description ul li { font-size: 13px; line-height: 30px; font-family: "Open Sans", sans-serif; font-weight: 400; color: rgba(17, 24, 82, 0.75); padding-left: 20px; position: relative; list-style: none; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-item .description ul li:before { content: ""; position: absolute; width: 12px; height: 12px; background: url(./images/wcpa/listcircle.svg) no-repeat; background-size: contain; left: 0; top: 10px; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-item .choose-plan select { border: 1px solid #11185224; border-radius: 6px; background: #f6fcff; width: 100%; font-size: 13px; color: #111852; padding: 8px 0px; outline: none; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-item .choose-plan .error { font-size: 12px; color: red; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-itemcrt { border-bottom: 1px solid #e9e9e9; padding: 22px 0; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-itemcrt .content-heading { padding: 20px 15px; }
@media (min-width: 600px) { .page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-itemcrt .content-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px; } }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-itemcrt .content-heading input[type="checkbox"] { margin-right: 17px; border: 1px solid rgba(17, 24, 82, 0.2); border-radius: 6px; width: 17px; height: 17px; -ms-flex-negative: 0; flex-shrink: 0; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-itemcrt .content-heading .edd_cart_item_image { border: 1px solid #cccccc; border-radius: 10px; margin-right: 17px; width: 40px; height: 40px; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-itemcrt .content-heading .producttitle { font-size: 15px; font-family: "Gilroy-Medium"; font-weight: 600; color: #111852; margin-bottom: 10px; display: inline-block; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-itemcrt .content-heading .price { font-size: 18px; line-height: 26px; color: #016fff; font-family: "Gilroy-Bold"; margin-top: 10px; }
@media (min-width: 600px) { .page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-itemcrt .content-heading .price { margin-top: 0; } }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-itemcrt .content-heading .toggle-accordian { background: url(./images/arrodowndark.svg) no-repeat; background-position: center; width: 16px; height: 16px; margin: 10px; display: block; background-size: 100%; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transition: 0.5s; transition: 0.5s; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-itemcrt .content-heading .toggle-accordian.active { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: 0.5s; transition: 0.5s; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-itemcrt .content-heading .titleSec { padding-right: 15px; margin-top: 10px; }
@media (min-width: 600px) { .page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-itemcrt .content-heading .titleSec { margin-top: 0; } }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-itemcrt .ratingSec { font-size: 13px; color: #111852; font-family: "Open Sans", sans-serif; font-weight: 400; position: relative; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-itemcrt .ratingSec:before { content: "\f005"; font: normal normal normal 18px/1 fontawesome; display: inline-block; color: #f9c626; margin-right: 7px; vertical-align: bottom; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-itemcrt .ratingSec .tooltipContent { display: none; position: absolute; top: 100%; background: #fff; padding: 30px; -webkit-box-shadow: 0px 20px 44px rgba(17, 24, 82, 0.18); box-shadow: 0px 20px 44px rgba(17, 24, 82, 0.18); z-index: 2; border-radius: 10px; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-itemcrt .ratingSec .tooltipContent.active { display: block; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-itemcrt .ratingSec .tooltipContent h4 { font-size: 16px; line-height: 24px; color: #111852; margin: 0; font-family: "Open Sans", sans-serif; font-weight: 700; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-itemcrt .ratingSec .tooltipContent p { font-size: 14px; line-height: 23px; color: rgba(17, 24, 82, 0.75); margin-top: 8px; font-family: "Open Sans", sans-serif; font-weight: 400; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-itemcrt .ratingSec .tooltipContent ul { margin: 0; margin-top: 10px; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-itemcrt .ratingSec .tooltipContent ul li { font-size: 13px; line-height: 30px; font-family: "Open Sans", sans-serif; font-weight: 400; color: rgba(17, 24, 82, 0.75); padding-left: 20px; position: relative; list-style: none; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-itemcrt .ratingSec .tooltipContent ul li:before { content: ""; position: absolute; width: 12px; height: 12px; background: url(./images/wcpa/listcircle.svg) no-repeat; background-size: contain; left: 0; top: 10px; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-itemcrt .ratingSec a.tooltip { color: #016fff; border-bottom: 1px dotted #016fff; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-itemcrt .ratingSec a.tooltip:hover .tooltipContent { display: block; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-itemcrt .product-why-great { padding: 0 20px; display: none; }
@media (min-width: 600px) { .page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-itemcrt .product-why-great { padding-left: 111px; } }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-itemcrt .product-why-great h4 { font-size: 14px; line-height: 20px; color: #111852; font-family: "Gilroy-semibold"; margin: 0; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-itemcrt .product-why-great p { font-size: 13px; line-height: 18px; color: #111852; font-family: "Open Sans", sans-serif; margin: 0; margin-top: 7px; position: relative; }
@media (min-width: 600px) { .page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-itemcrt .product-why-great p { line-height: 31px; } }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-itemcrt .product-why-great ul { margin: 0; margin-top: 10px; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-itemcrt .product-why-great ul li { font-size: 13px; line-height: 30px; font-family: "Open Sans", sans-serif; font-weight: 400; color: rgba(17, 24, 82, 0.75); padding-left: 20px; position: relative; list-style: none; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-itemcrt .product-why-great ul li:before { content: ""; position: absolute; width: 12px; height: 12px; background: url(./images/wcpa/listcircle.svg) no-repeat; background-size: contain; left: 0; top: 10px; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-content { padding: 20px 26px; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-content h5 { font-size: 14px; line-height: 20px; color: #111852; font-family: "Gilroy-semibold"; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-content ul { margin: 0; padding: 0; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-content li { list-style: none; margin-top: 10px; font-size: 13px; line-height: 18px; color: #111852; font-family: "Open Sans", sans-serif; font-weight: 400; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .suggest-content li:before { content: "~"; margin-right: 3px; font-family: auto; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .cross-sell-section h4 { font-size: 18px; margin-bottom: 20px; font-family: "Gilroy-semibold"; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .addtocart-cross-sell { padding: 14px 38px; letter-spacing: 0.14px; font-size: 14px; width: 100%; text-align: center; color: #fff; border: 1px solid #016fff; font-family: "Gilroy-Medium"; background: #016fff; border-radius: 6px; display: block; outline: none; margin-top: 20px; -ms-flex-negative: 0; flex-shrink: 0; display: inline-block; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .addtocart-cross-sell:hover { opacity: 0.7; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .chknewone { border-radius: 10px; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .chknewone .offer-cross-cell-outer { padding: 20px; background: #fff; margin-top: 46px; position: relative; border-radius: 0px 10px 10px 10px; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .chknewone .section-highlight { position: absolute; background: -webkit-gradient(linear, left bottom, left top, color-stop(-43.18%, #ffb574), to(#ff9c45)); background: linear-gradient(0deg, #ffb574 -43.18%, #ff9c45 100%); border-radius: 10px 10px 0px 0px; top: 0; -webkit-transform: translatey(-100%); transform: translatey(-100%); left: 0; padding: 13px 24px; padding-left: 55px; font-size: 16px; color: #ffffff; font-family: "Gilroy-Bold"; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .chknewone .section-highlight:before { content: ""; width: 20px; height: 20px; background: url(./images/addtnldiscount.png) no-repeat; display: inline-block; vertical-align: bottom; margin-right: 8px; position: absolute; left: 26px; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .promotion-notice { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .promotion-notice .notice-item { width: 100%; background: #fffbf6; border: 1px solid rgba(0, 0, 0, 0.07); padding: 21px 25px; margin-bottom: 20px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-box-shadow: 0px 7.06978px 25.2492px rgba(17, 24, 82, 0.05); box-shadow: 0px 7.06978px 25.2492px rgba(17, 24, 82, 0.05); }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .promotion-notice .notice-item.fullwidth { width: 100%; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .promotion-notice .notice-item.fullwidth h4 { font-family: "Gilroy-Medium"; font-size: 22px; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .promotion-notice .notice-item.fullwidth h3 { font-family: "Gilroy-Bold"; font-size: 22px; }
@media (min-width: 600px) { .page-template-template-checkout #edd_checkout_cart_wrap .product-details .promotion-notice .notice-item { width: calc(50% - 10px); border-radius: 10px; } }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .promotion-notice .notice-item.active { background: #fff; border: 1px solid #f5d06d; position: relative; }
@media (min-width: 600px) { .page-template-template-checkout #edd_checkout_cart_wrap .product-details .promotion-notice .notice-item.active:after { content: ""; width: 20px; height: 20px; position: absolute; background: #fff; left: 50%; bottom: -11px; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); border-bottom: 1px solid #f5d06d; border-right: 1px solid #f5d06d; } }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .promotion-notice .notice-item h3 { font-size: 18px; line-height: 31px; color: #0b1033; font-weight: 700; font-family: "Gilroy-Bold"; }
@media (min-width: 600px) { .page-template-template-checkout #edd_checkout_cart_wrap .product-details .promotion-notice .notice-item h3 { font-size: 22px; } }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .promotion-notice .notice-item h3 span { color: #ff9a2d; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .promotion-notice .notice-item p { margin-top: 12px; font-size: 15px; color: rgba(17, 24, 82, 0.65); font-weight: 500; font-family: "Gilroy-semibold"; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .cross-sell-section { padding: 24px; border-top: 0; overflow: hidden; background: #fff9e9; border: 1px solid rgba(206, 164, 46, 0.3); border-radius: 16px; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .cross-sell-section:not(.design-2) { overflow-y: scroll; max-height: 430px; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .cross-sell-section:not(.design-2)::-webkit-scrollbar { width: 5px; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .cross-sell-section:not(.design-2)::-webkit-scrollbar-track { background: #fff; border-radius: 10px; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .cross-sell-section:not(.design-2)::-webkit-scrollbar-thumb { background: rgba(17, 24, 82, 0.15); border-radius: 10px; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .cross-sell-section .cartcrosell { margin-top: 24px; }
@media (min-width: 600px) { .page-template-template-checkout #edd_checkout_cart_wrap .product-details .cross-sell-section .cartcrosell { 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; } }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .cross-sell-section .cartcrosell h3 { font-size: 15px; color: #111852; line-height: 22px; margin-right: 10px; max-width: 255px; font-family: "Gilroy-semibold"; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .cross-sell-section .cartcrosell h3 span { font-family: "Gilroy-Bold"; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .cross-sell-section .cartcrosell a { padding: 14px 50px; letter-spacing: 0.14px; font-size: 14px; color: #fff; border: 1px solid #e6e6e6; font-family: "Gilroy-Bold"; background: #016fff; border-radius: 6px; display: block; outline: none; -ms-flex-negative: 0; flex-shrink: 0; display: inline-block; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .cross-sell-section .cartcrosell a:hover { opacity: 0.7; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .cross-sell-section .croslbtm { background: #fff; border: 1px solid #e9e9e9; border-radius: 16px; overflow-y: scroll; max-height: 430px; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .cross-sell-section .croslbtm::-webkit-scrollbar { width: 5px; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .cross-sell-section .croslbtm::-webkit-scrollbar-track { background: #fff; border-radius: 10px; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .cross-sell-section .croslbtm::-webkit-scrollbar-thumb { background: rgba(17, 24, 82, 0.15); border-radius: 10px; }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .cross-sell-section .add-to-cart-toast { z-index: 1; display: inline; padding: 5px 20px !important; font-family: "Gilroy-Bold"; background: #ffa95c; font-size: 14px; line-height: 17px; border-radius: 50px; color: #fff; opacity: 1; margin-left: 5px; position: relative; width: 232px; }
@media (min-width: 1200px) { .page-template-template-checkout #edd_checkout_cart_wrap .product-details .cross-sell-section .add-to-cart-toast { position: absolute; left: calc(100% + 17px); padding: 13px 15px !important; letter-spacing: 0.11px; border-radius: 0 5px 5px 0; -webkit-box-shadow: 0px 9px 16px #ff770029; box-shadow: 0px 9px 16px #ff770029; -webkit-animation: mymove 2s infinite; animation: mymove 2s infinite; } }
.page-template-template-checkout #edd_checkout_cart_wrap .product-details .cross-sell-section .add-to-cart-toast:after { content: ""; position: absolute; width: 13px; height: 13px; background: url(./images/recshadow.svg) no-repeat; top: -11px; right: -5px; }
@media (min-width: 1200px) { .page-template-template-checkout #edd_checkout_cart_wrap .product-details .cross-sell-section .add-to-cart-toast:after { top: 0px; right: 100%; width: 0; height: 0; background: transparent; border-style: solid; border-width: 21px 23px 21px 0; border-color: transparent #ffa95c transparent transparent; } }
@media (max-width: 1024px) { .page-template-template-checkout #edd_checkout_cart_wrap .product-details .cross-sell-section .add-to-cart-toast { display: block; margin: 20px 10px; } }
.page-template-template-checkout #edd_checkout_cart_wrap #order-summary-section { background: #fff; margin-bottom: auto; padding: 36px; width: 100%; margin-top: 20px; }
@media (min-width: 1020px) { .page-template-template-checkout #edd_checkout_cart_wrap #order-summary-section { width: calc(40% - 30px); margin-left: 30px; margin-top: 120px; position: -webkit-sticky; position: sticky; top: 100px; } }
.page-template-template-checkout #edd_checkout_cart_wrap #order-summary-section h4 { font-size: 22px; line-height: 22px; color: #111852; font-family: "Gilroy-semibold"; margin: 0; margin-bottom: 35px; padding: 0 10px; }
.page-template-template-checkout #edd_checkout_cart_wrap #order-summary-section td { padding: 24px 10px; }
.page-template-template-checkout #edd_checkout_cart_wrap #order-summary-section .edd_cart_footer_row td { border-top: 1px solid rgba(17, 24, 82, 0.12); }
.page-template-template-checkout #edd_checkout_cart_wrap #order-summary-section #proceed-to-pay { width: 100%; border: 1px solid #11185226; border-radius: 6px; color: #fff; background: #016fff; max-width: 100%; letter-spacing: 0px; font-size: 16px; line-height: 22px; font-family: "Gilroy-Medium"; }
.page-template-template-checkout #edd_checkout_cart_wrap #order-summary-section #proceed-to-pay:hover { opacity: 0.8; }
.page-template-template-checkout #edd_checkout_cart_wrap #order-summary-section .edd_error { font-size: 14px; }
.page-template-template-checkout #edd_checkout_cart_wrap #order-summary-section-2 { overflow: auto; }
.page-template-template-checkout .edd_empty_cart { display: block; text-align: center; margin: 50px 0; font-size: 24px; }

.page-template-template-payment-complete .content-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
@media (min-width: 1020px) { .page-template-template-payment-complete .content-section { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }
.page-template-template-payment-complete .content-section .left { width: 100%; }
@media (min-width: 1020px) { .page-template-template-payment-complete .content-section .left { width: 60%; } }
.page-template-template-payment-complete .content-section .right { width: 100%; margin-top: 30px; }
@media (min-width: 1020px) { .page-template-template-payment-complete .content-section .right { margin-top: 0; width: calc(40% - 30px); margin-left: 30px; } }

.purchaseheading { padding: 76px 0; }
@media (max-width: 768px) { .purchaseheading { padding: 16px 0; } }
.purchaseheading h1 { font-size: 32px; line-height: 38px; color: #111852; font-family: "Gilroy-semibold"; margin: 0; }
@media (min-width: 1020px) { .purchaseheading h1 { font-size: 42px; } }
@media (max-width: 768px) { .purchaseheading h1 { font-size: 22px; } }

.purchasedetails-container { background: #f2f8fc; padding: 50px 0; }
@media (max-width: 600px) { .purchasedetails-container { padding: 20px 0; } }
.purchasedetails-container .content-section .left .sec1 { background: #fff; border: 1px solid #11185214; padding: 20px; overflow-x: auto; }
@media (min-width: 1020px) { .purchasedetails-container .content-section .left .sec1 { padding: 60px 80px; } }
.purchasedetails-container .content-section .left .sec1 h2 { font-size: 22px; line-height: 28px; color: #111852; font-family: "Gilroy-Bold"; padding-bottom: 30px; border-bottom: 1px solid rgba(17, 24, 82, 0.08); }
.purchasedetails-container .content-section .left .sec1 table td, .purchasedetails-container .content-section .left .sec1 table th { background: #fff; padding-left: 0; padding-top: 15px; padding-bottom: 15px; }
.purchasedetails-container .content-section .left .sec1 table tr th { font-size: 18px; line-height: 21px; color: #111852; font-family: "Gilroy-Medium"; }
.purchasedetails-container .content-section .left .sec1 table tr th:nth-child(2) { font-family: "Gilroy-semibold"; }
.purchasedetails-container .content-section .left .sec1 .downloadinvoice { text-align: center; border-top: 1px solid rgba(17, 24, 82, 0.08); padding-top: 33px; }
.purchasedetails-container .content-section .left .sec1 .downloadinvoice a { display: inline-block; padding: 12px 33px; border: 1px solid #016fff; border-radius: 6px; font-size: 14px; line-height: 19px; color: #016fff; }
.purchasedetails-container .content-section .left .sec1 .downloadinvoice a:hover { background: #016fff; color: #fff; }
.purchasedetails-container .content-section .left .sec2 { margin-top: 30px; background: #fff; -webkit-box-shadow: 0px 3px 3px #1118520f; box-shadow: 0px 3px 3px #1118520f; padding: 20px; overflow-x: auto; }
@media (min-width: 1020px) { .purchasedetails-container .content-section .left .sec2 { padding: 45px 50px; } }
.purchasedetails-container .content-section .left .sec2 h3 { font-size: 28px; line-height: 38px; color: #111852; font-family: "Gilroy-semibold"; margin: 0; }
.purchasedetails-container .content-section .left .sec2 td { vertical-align: middle; padding-left: 0; padding-top: 15px; padding-bottom: 15px; background: #fff; }
.purchasedetails-container .content-section .left .sec2 .edd_purchase_receipt_product_name { font-size: 18px; line-height: 21px; color: #111852; font-family: "Gilroy-Medium"; }
.purchasedetails-container .content-section .left .sec2 .edd_download_file a { background: #016fff; color: #fff; display: inline-block; padding: 12px 33px; border: 1px solid #016fff; border-radius: 6px; font-size: 14px; line-height: 19px; color: #fff; min-width: 158px; }
.purchasedetails-container .content-section .left .sec2 .edd_download_file a:before { color: #fff; }
.purchasedetails-container .content-section .left .sec2 .edd_download_file a:hover { background: #fff; color: #016fff; }
.purchasedetails-container .content-section .left .sec2 .edd_download_file a:hover:before { color: #016fff; }
.purchasedetails-container .content-section .right { -webkit-box-shadow: 0px 3px 3px #1118520f; box-shadow: 0px 3px 3px #1118520f; border-radius: 10px; background: #fff; padding: 20px; }
@media (min-width: 1020px) { .purchasedetails-container .content-section .right { padding: 36px 40px; } }
.purchasedetails-container .content-section .right h3 { font-size: 18px; line-height: 23px; padding-bottom: 23px; color: #111852; font-family: "Gilroy-semibold"; border-bottom: 1px solid rgba(17, 24, 82, 0.08); }
.purchasedetails-container .content-section .right .license { padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid rgba(17, 24, 82, 0.08); }
.purchasedetails-container .content-section .right .license h4 { font-size: 18px; line-height: 23px; padding-bottom: 23px; color: #111852; font-family: "Gilroy-semibold"; }
.purchasedetails-container .content-section .right .license .item { margin-bottom: 29px; }
.purchasedetails-container .content-section .right .license .item .label { font-size: 16px; line-height: 19px; color: #111852; font-family: "Gilroy-Regular"; }
.purchasedetails-container .content-section .right .license .item .value { font-size: 16px; line-height: 19px; color: #111852; font-family: "Gilroy-semibold"; word-break: break-word; }
.purchasedetails-container .content-section .right .license .item .value.Active { color: #00b55b; }
.purchasedetails-container .content-section .right .license .item .value.Inactive { color: #ff9800; }
.purchasedetails-container .content-section .right .license .button-sec { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.purchasedetails-container .content-section .right .license .button-sec a { display: inline-block; padding: 12px 20px; border: 1px solid #016fff; border-radius: 6px; font-size: 14px; line-height: 19px; color: #016fff; margin-bottom: 20px; }
.purchasedetails-container .content-section .right .license .button-sec a:hover { background: #016fff; color: #fff; }

.invoice-container { padding: 50px 0; }
@media (max-width: 600px) { .invoice-container { padding: 20px 0; } }
.invoice-container h2 { text-align: center; font-size: 32px; line-height: 38px; }
@media (min-width: 1020px) { .invoice-container h2 { font-size: 42px; } }
.invoice-container .container { max-width: 840px; }
.invoice-container .edd-invoices-div { margin: 32px 0; }
.invoice-container .edd-invoices-div .edd-invoices-field { font-size: 18px; line-height: 22px; color: #0b1033; font-family: "Gilroy-Medium"; font-style: normal; margin-bottom: 16px; display: block; width: 100%; }
.invoice-container .edd-invoices-div select { height: 52px; border: solid 1px #151e672e; border-radius: 5px; background: #fff; outline: none; font-size: 14px; color: #151e67; padding: 0px 20px; font-weight: normal; }
.invoice-container .edd-invoices-div .edd_submit { display: inline-block; border: 1px solid #11185226; border-radius: 6px; color: #fff; background: #016fff; width: auto; letter-spacing: 0px; font-size: 16px; line-height: 22px; font-family: "Gilroy-Medium"; padding: 14px 30px; }
@media (max-width: 600px) { .invoice-container .edd-invoices-div .edd_submit { font-size: 14px; } }
.invoice-container .edd-invoices-div .edd_submit:hover { opacity: 0.8; }

.purchasehistoryheader { background: #fff; padding: 55px 0; }
.purchasehistoryheader h2 { font-size: 32px; line-height: 38px; color: #111852; font-family: "Gilroy-Semibold"; margin: 0; text-align: center; }
@media (min-width: 1024px) { .purchasehistoryheader h2 { text-align: left; font-size: 42px; } }

.purchasehistory-container { padding: 50px 0; background: #f2f8fc; }
@media (max-width: 600px) { .purchasehistory-container { padding: 20px 0; } }
.purchasehistory-container h2 { text-align: center; }
.purchasehistory-container #edd_sl_license_add_site_form input { margin: 20px 0; }
.purchasehistory-container #edd_sl_license_add_site_form .button-primary { display: inline-block; border: 1px solid #11185226; border-radius: 6px; color: #fff; background: #016fff; width: auto; letter-spacing: 0px; font-size: 16px; line-height: 22px; font-family: "Gilroy-Medium"; padding: 14px 30px; margin: 0; }
@media (max-width: 600px) { .purchasehistory-container #edd_sl_license_add_site_form .button-primary { font-size: 14px; } }
.purchasehistory-container #edd_sl_license_add_site_form .button-primary:hover { opacity: 0.8; }
.purchasehistory-container .content-section { overflow-x: auto; }
.purchasehistory-container .content-section .edd-table { min-width: 1020px; background: transparent; }
.purchasehistory-container th { background: transparent; opacity: 0.75; font-size: 16px; line-height: 19px; font-family: "Gilroy-Medium"; }
.purchasehistory-container td { background: #fff; vertical-align: middle; border-bottom: 1px solid #1118520f; font-size: 16px; line-height: 19px; font-family: "Gilroy-Medium"; }

.shopifylisting .slpageheadsect { max-width: 776px; margin: 0 auto; }
.shopifylisting .slpageheadsect .shlogo { width: 147px; margin: 0 auto; margin-top: 20px; }
.shopifylisting .slpageheadsect h2 { font-size: 28px; line-height: 35px; margin: 0; margin-top: 20px; color: #151e67; font-family: "Gilroy-Bold"; text-align: center; }
@media (min-width: 768px) { .shopifylisting .slpageheadsect h2 { font-size: 38px; line-height: 50px; margin-top: 32px; } }
@media (min-width: 1200px) { .shopifylisting .slpageheadsect h2 { font-size: 48px; line-height: 61px; } }
.shopifylisting .slpageheadsect p { margin: 0; margin-top: 14px; text-align: center; font-size: 18px; line-height: 32px; color: #0b1033; font-family: "Quicksand", sans-serif; font-weight: 500; }
@media (min-width: 768px) { .shopifylisting .slpageheadsect p { margin-top: 24px; } }
.shopifylisting .slitems { margin-top: 52px; }
.shopifylisting .slitems .shbox { border-radius: 40px; padding: 30px 30px; margin-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
@media (min-width: 768px) { .shopifylisting .slitems .shbox { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .shopifylisting .slitems .shbox:nth-child(2n) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } }
@media (min-width: 1200px) { .shopifylisting .slitems .shbox { padding: 66px 66px; } }
.shopifylisting .slitems .shbox.one { background: #f7f9ff; }
.shopifylisting .slitems .shbox.two { background: #fff7e0; }
.shopifylisting .slitems .shbox.three { background: #ffece6; }
.shopifylisting .slitems .shbox.four { background: #e4fff6; }
.shopifylisting .slitems .shbox.five { background: #fcf6ff; }
.shopifylisting .slitems .shbox.six { background: #e0eeff; }
.shopifylisting .slitems .shbox .sectleft { width: 100%; }
@media (min-width: 768px) { .shopifylisting .slitems .shbox .sectleft { width: 50%; } }
.shopifylisting .slitems .shbox .sectleft .iconbox { width: 72px; height: 72px; -webkit-box-shadow: 0px 7px 11px #151e6712; box-shadow: 0px 7px 11px #151e6712; border-radius: 20px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.shopifylisting .slitems .shbox .sectleft .iconbox img { width: 30px; }
.shopifylisting .slitems .shbox .sectleft h3 { font-size: 30px; line-height: 40px; font-family: "Gilroy-Bold"; color: #151e67; margin: 0; margin-top: 24px; }
@media (max-width: 500px) { .shopifylisting .slitems .shbox .sectleft h3 { font-size: 25px; } }
@media (min-width: 991px) { .shopifylisting .slitems .shbox .sectleft h3 { font-size: 38px; line-height: 48px; } }
.shopifylisting .slitems .shbox .sectleft h4 { font-size: 18px; line-height: 25px; color: #111852; font-family: "Gilroy-semibold"; margin: 0; margin-top: 16px; }
@media (min-width: 991px) { .shopifylisting .slitems .shbox .sectleft h4 { font-size: 20px; line-height: 28px; } }
.shopifylisting .slitems .shbox .sectleft h4 span { font-size: 20px; line-height: 30px; color: #016fff; font-family: "Gilroy-Bold"; }
@media (min-width: 991px) { .shopifylisting .slitems .shbox .sectleft h4 span { font-size: 28px; line-height: 38px; } }
.shopifylisting .slitems .shbox .sectleft p { margin: 0; margin-top: 16px; font-size: 16px; line-height: 30px; color: #0b1033; font-family: "Quicksand", sans-serif; font-weight: 500; opacity: 0.75; }
@media (min-width: 991px) { .shopifylisting .slitems .shbox .sectleft p { font-size: 18px; line-height: 34px; margin-top: 24px; } }
.shopifylisting .slitems .shbox .sectleft .btn { margin-top: 33px; background: transparent linear-gradient(107deg, #08aeea 0%, #016fff 100%) 0% 0% no-repeat; background-size: 100% 100%; -webkit-transition: 0.5s; transition: 0.5s; border-radius: 3px; }
.shopifylisting .slitems .shbox .sectleft .btn:hover { background-size: 200% 200%; -webkit-transition: 0.5s; transition: 0.5s; }
.shopifylisting .slitems .shbox .sectright { width: 100%; }
@media (min-width: 768px) { .shopifylisting .slitems .shbox .sectright { width: calc(50% - 80px); } }
.shopifylisting .slitems .shbox .sectright img { width: 100%; }

.productbynotify { background: #fff; -webkit-box-shadow: 0px 3px 26px #11185214; box-shadow: 0px 3px 26px #11185214; padding: 21px 19px; 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; position: fixed; top: 0; left: 0; width: 100%; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: 0.5s; transition: 0.5s; }
@media (max-width: 767px) { .productbynotify { padding: 10px 10px; } }
.productbynotify .sectpnleft { display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.productbynotify .sectpnleft .icon { margin-right: 16px; background: #fff; width: 70px; -webkit-box-shadow: 0px 7px 11px #151e6712; box-shadow: 0px 7px 11px #151e6712; border-radius: 20px; padding: 20px; -ms-flex-negative: 0; flex-shrink: 0; }
.productbynotify .sectpnleft .text h3 { font-size: 18px; color: #111852; font-family: "Gilroy-Bold"; line-height: 1.2; }
@media (min-width: 1200px) { .productbynotify .sectpnleft .text h3 { font-size: 20px; } }
.productbynotify .sectpnright { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.productbynotify .sectpnright .optionselect { margin: 10px 0; }
.productbynotify .sectpnright .optionselect select { border: none; font-size: 14px; line-height: 22px; color: #111852; font-family: "Open Sans", sans-serif; font-weight: 700; outline: none; }
@media (min-width: 1200px) { .productbynotify .sectpnright .optionselect select { font-size: 16px; } }
.productbynotify .sectpnright .optionselect .SumoSelect > .CaptionCont { border: none; font-size: 14px; line-height: 22px; color: #111852; font-family: "Open Sans", sans-serif; font-weight: 700; outline: none; -webkit-box-shadow: none; box-shadow: none; }
@media (min-width: 1200px) { .productbynotify .sectpnright .optionselect .SumoSelect > .CaptionCont { font-size: 16px; } }
.productbynotify .sectpnright .optionselect .SumoSelect > .CaptionCont > label > i { background-image: url(./images/arrowselect.svg); }
.productbynotify .sectpnright .optionselect .SumoSelect { width: auto; max-width: 355px; }
.productbynotify .sectpnright .buynow { background: transparent -webkit-gradient(linear, left top, left bottom, from(#2fde75), to(#00b944)) 0% 0% no-repeat; background: transparent linear-gradient(180deg, #2fde75 0%, #00b944 100%) 0% 0% no-repeat; -webkit-box-shadow: 0px 9px 16px #ff770012; box-shadow: 0px 9px 16px #ff770012; border-radius: 10px; font-size: 18px; color: #ffffff; line-height: 26px; font-family: "Gilroy-semibold"; padding: 6px 10px; margin-left: 40px; -webkit-transition: 0.5s; transition: 0.5s; width: 126px; text-align: center; }
@media (min-width: 1200px) { .productbynotify .sectpnright .buynow { padding: 17px 10px; width: 158px; } }
.productbynotify .sectpnright .buynow:hover { background-size: 200% 200%; -webkit-transition: 0.5s; transition: 0.5s; }
.productbynotify .sectpnright .buynow.loading { position: relative; opacity: 0.5; }
.productbynotify .sectpnright .buynow.loading:after { content: ""; position: absolute; background: url(./images/ajax-loader.gif); width: 15px; height: 15px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.scrollheader ~ .productbynotify { -webkit-transform: translateY(0); transform: translateY(0); z-index: 1000; -webkit-transition: 0.5s; transition: 0.5s; }
@media (max-width: 767px) { .scrollheader ~ .productbynotify { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .scrollheader ~ .productbynotify .sectpnleft .text h3 { font-size: 12px; }
  .scrollheader ~ .productbynotify .sectpnleft .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50px; height: 50px; padding: 5px; border-radius: 12px; }
  .scrollheader ~ .productbynotify .sectpnleft .icon img { width: 60%; }
  .scrollheader ~ .productbynotify .sectpnright { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .scrollheader ~ .productbynotify .sectpnright .optionselect select { font-size: 12px; }
  .scrollheader ~ .productbynotify .sectpnright .buynow { width: 93px; font-size: 12px; line-height: 18px; padding: 5px 8px; margin-left: 0; } }

.page-template-template-single-product .container { max-width: 1200px; }

.l-word { display: inline-block; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; opacity: 1; }
.l-word.reveal { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; }

.bannertext, .bannertext2 { opacity: 0; }

.homebanner { background: #f6faff; position: relative; margin-bottom: 40px; padding: 84px 0 58px 0; }
@media (min-width: 768px) { .homebanner { margin-bottom: 100px; padding: 130px 0; } }
.homebanner .leftsect { width: 100%; }
@media (min-width: 991px) { .homebanner .leftsect { width: 50%; } }
.homebanner .leftsect h2 { font-size: 28px; font-family: "Gilroy-Light"; line-height: 1.34; color: #000; }
@media (min-width: 768px) { .homebanner .leftsect h2 { font-size: 3.819vw; }
  .homebanner .leftsect h2 .tstyle3 { font-size: 2.7vw !important; } }
@media (min-width: 1400px) { .homebanner .leftsect h2 { font-size: 55px; }
  .homebanner .leftsect h2 .tstyle3 { font-size: 37px !important; } }
.homebanner .leftsect h2 .tstyle1 { font-family: "Gilroy-Bold"; color: #016fff; }
.homebanner .leftsect h2 .tstyle2 { font-family: "Gilroy-Bold"; color: #111852; }
.homebanner .leftsect h2 .tstyle3 { font-size: 22px; line-height: 150%; display: block; }
.homebanner .leftsect .btnsect { margin-top: 40px; }
@media (min-width: 991px) { .homebanner .leftsect .btnsect { margin-top: 60px; } }
.homebanner .leftsect .btnsect .btnone { font-size: 18px; line-height: 22px; color: #ffffff; font-family: "Gilroy-Medium"; padding: 10px 34px; border-radius: 6px; background: #016fff; border: 1px solid rgba(1, 111, 255, 0.25); -webkit-box-shadow: 0px 13px 21px rgba(1, 111, 255, 0.17); box-shadow: 0px 13px 21px rgba(1, 111, 255, 0.17); display: inline-block; margin: 10px 0; }
@media (min-width: 769px) { .homebanner .leftsect .btnsect .btnone { padding: 19px 48px; margin-right: 30px; } }
.homebanner .leftsect .btnsect .btnone:hover { background: #fff; color: #016fff; -webkit-box-shadow: none; box-shadow: none; }
.homebanner .leftsect .btnsect .btntwo { font-size: 18px; line-height: 22px; padding: 10px 34px; border-radius: 6px; background: #fff; color: #016fff; font-family: "Gilroy-Medium"; border: 1px solid rgba(1, 111, 255, 0.25); display: inline-block; margin: 15px; }
@media (min-width: 769px) { .homebanner .leftsect .btnsect .btntwo { padding: 19px 48px; } }
.homebanner .leftsect .btnsect .btntwo:hover { color: #ffffff; background: #016fff; }
.homebanner .lines { position: absolute; bottom: 0; right: 0; }
.homebanner .ritsect { position: absolute; bottom: -8vw; left: 50%; width: 62%; max-width: 1080px; display: none; }
@media (min-width: 991px) { .homebanner .ritsect { -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 3s; transition-duration: 3s; -webkit-transition-timing-function: cubic-bezier(0.01, 0.63, 0, 0.94); transition-timing-function: cubic-bezier(0.01, 0.63, 0, 0.94); -webkit-transition-delay: 0.2s; transition-delay: 0.2s; display: block; opacity: 1; }
  .homebanner .ritsect.revealfromside { -webkit-transform: translateX(15vw); transform: translateX(15vw); opacity: 0; } }
.homebanner .ritsect img { width: 100%; }

.wbox2 { -webkit-box-shadow: 0px 24px 50px rgba(17, 24, 82, 0.08); box-shadow: 0px 24px 50px rgba(17, 24, 82, 0.08); border-radius: 20px; border: 1px solid rgba(0, 0, 0, 0.1); padding: 30px; background: url(./images/trialbg.jpg) no-repeat; background-size: cover; }
@media (min-width: 768px) { .wbox2 { padding: 56px; } }
.wbox2 .sectinone h3 { font-family: "Gilroy-Bold"; font-size: 28px; line-height: 35px; color: #111852; margin: 0; max-width: 200px; }
@media (min-width: 768px) { .wbox2 .sectinone h3 { font-size: 32px; line-height: 40px; } }
.wbox2 .sectinone h3 span { color: #0091ff; }
.wbox2 .sectinone p { margin-top: 18px; font-size: 16px !important; line-height: 30px; color: rgba(17, 25, 82, 0.55); max-width: 344px; }
@media (min-width: 768px) { .wbox2 .sectinone p { font-size: 18px !important; line-height: 30px; margin-top: 24px; } }
.wbox2 .sectinone a { margin-top: 30px; display: block; text-align: center; padding: 15px; font-size: 16px; line-height: 20px; color: #ffffff; background: #0091ff; border-radius: 6px; border: 1px solid #0091ff; font-family: "Gilroy-Medium"; }
@media (min-width: 768px) { .wbox2 .sectinone a { margin-top: 78px; } }
.wbox2 .sectinone a:hover { background: #fff; color: #0091ff; }
.wbox2 .bttmsect { margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.wbox2 .bttmsect .img { width: 52px; -ms-flex-negative: 0; flex-shrink: 0; }
.wbox2 .bttmsect p { font-size: 14px !important; line-height: 19px; padding: 0 13px; color: rgba(0, 0, 0, 0.45); margin: 0; }

.hm_eleganeslider { background: #f5f9ff; position: relative; padding: 60px 0; margin-bottom: 30px; }
@media (min-width: 1020px) { .hm_eleganeslider { padding: 100px 0; } }
.hm_eleganeslider .secttext { width: 100%; }
@media (min-width: 768px) { .hm_eleganeslider .secttext { width: 50%; } }
.hm_eleganeslider .secttext .titleone { font-size: 22px; line-height: 27px; color: #111852; font-family: "Gilroy-semibold"; margin: 0; }
.hm_eleganeslider .secttext .titleone img { width: 40px; vertical-align: middle; margin-right: 11px; display: inline-block; }
.hm_eleganeslider .secttext h3 { font-size: 24px; line-height: 1.2; color: #111852; font-family: "Gilroy-Bold"; margin: 0; margin-top: 30px; }
@media (min-width: 768px) { .hm_eleganeslider .secttext h3 { font-size: 30px; max-width: 440px; } }
@media (min-width: 1020px) { .hm_eleganeslider .secttext h3 { font-size: 46px; line-height: 57px; } }
.hm_eleganeslider .secttext p { font-size: 15px; line-height: 32px; color: rgba(11, 16, 51, 0.75); font-family: "Open Sans", sans-serif; font-weight: 400; margin-top: 30px; }
@media (min-width: 768px) { .hm_eleganeslider .secttext p { max-width: 382px; } }
@media (min-width: 1020px) { .hm_eleganeslider .secttext p { font-size: 16px; } }
.hm_eleganeslider .imgsect { width: 50vw; position: absolute; right: 0; bottom: 0; display: none; }
@media (min-width: 768px) { .hm_eleganeslider .imgsect { display: block; } }
.hm_eleganeslider .imgsect img { max-height: 100%; float: right; }
.hm_eleganeslider .btnsect { margin-top: 30px; }
@media (min-width: 1020px) { .hm_eleganeslider .btnsect { margin-top: 60px; } }
.hm_eleganeslider .btnsect .btnone { padding: 15px 28px; font-size: 16px; font-family: "Gilroy-semibold"; margin: 20px 12px; margin-bottom: 0; color: #ffffff; background: #016fff; -webkit-box-shadow: 0px 13px 21px rgba(1, 111, 255, 0.17); box-shadow: 0px 13px 21px rgba(1, 111, 255, 0.17); border-radius: 6px; display: inline-block; }
@media (min-width: 768px) { .hm_eleganeslider .btnsect .btnone { padding: 20px 40px; font-size: 16px; line-height: 20px; margin-right: 24px; } }
.hm_eleganeslider .btnsect .btnone img { margin-left: 11px; vertical-align: middle; -webkit-transition: 0.5s; transition: 0.5s; display: inline-block; }
.hm_eleganeslider .btnsect .btnone:hover img { -webkit-transform: translateX(10px); transform: translateX(10px); -webkit-transition: 0.5s; transition: 0.5s; }
.hm_eleganeslider .btnsect .btntwo { padding: 15px 28px; font-size: 16px; font-family: "Gilroy-semibold"; margin: 20px 12px; margin-bottom: 0; color: #016fff; background: #fff; border: 1px solid rgba(1, 111, 255, 0.25); -webkit-box-shadow: 0px 7px 21px rgba(17, 24, 82, 0.09); box-shadow: 0px 7px 21px rgba(17, 24, 82, 0.09); border-radius: 6px; display: inline-block; }
@media (min-width: 768px) { .hm_eleganeslider .btnsect .btntwo { padding: 20px 40px; font-size: 16px; line-height: 20px; } }
.hm_eleganeslider .btnsect .btntwo:hover { background: #016fff; color: #fff; }

.elegantslidermain .slick-dots li button { background: rgba(17, 24, 82, 0.1); }
.elegantslidermain .slick-dots li.slick-active button { background: #016fff; -webkit-box-shadow: 0px 4px 4px rgba(1, 111, 255, 0.18); box-shadow: 0px 4px 4px rgba(1, 111, 255, 0.18); }
.elegantslidermain .slick-dots li.slick-active button:before { display: none; }
.elegantslidermain .slick-dots { bottom: 0px; }
@media (min-width: 768px) { .elegantslidermain .slick-dots { bottom: -20px; } }

.er_banner { background: #fff; padding: 10% 0; position: relative; }
@media (min-width: 1200px) { .er_banner { padding: 180px 0 90px 0; } }
@media (max-width: 500px) { .er_banner { padding: 15px 0; } }
@media (min-width: 768px) { .er_banner .bannerinnersect .leftsect { width: 50%; } }
.er_banner .bannerinnersect .leftsect h2, .er_banner .bannerinnersect .leftsect h1 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; font-size: 23px; line-height: 29px; font-family: "Gilroy-Bold"; color: rgba(11, 16, 51, 0.75); }
@media (max-width: 500px) { .er_banner .bannerinnersect .leftsect h2, .er_banner .bannerinnersect .leftsect h1 { font-size: 16px; } }
.er_banner .bannerinnersect .leftsect h2 img, .er_banner .bannerinnersect .leftsect h1 img { width: 34px; margin-right: 10px; }
@media (max-width: 500px) { .er_banner .bannerinnersect .leftsect h2 img, .er_banner .bannerinnersect .leftsect h1 img { width: 22px; } }
.er_banner .bannerinnersect .leftsect h3 { margin: 0; margin-top: 30px; font-size: 38px; line-height: 1.2; font-family: "Gilroy-Bold"; color: #111852; }
@media (max-width: 500px) { .er_banner .bannerinnersect .leftsect h3 { margin-top: 12px; font-size: 22px; } }
@media (min-width: 768px) { .er_banner .bannerinnersect .leftsect h3 { font-size: 5vw; line-height: 1.2; } }
@media (min-width: 1200px) { .er_banner .bannerinnersect .leftsect h3 { font-size: 64px; line-height: 79px; } }
.er_banner .bannerinnersect .leftsect p { font-size: 18px; line-height: 32px; color: rgba(11, 16, 51, 0.75); font-family: "Open Sans", sans-serif; margin-top: 22px; font-weight: 500; }
@media (max-width: 500px) { .er_banner .bannerinnersect .leftsect p { font-size: 16px; line-height: 1.4; margin-top: 12px; } }
.er_banner .bannerimg { margin-top: 20px; }
@media (min-width: 768px) { .er_banner .bannerimg { margin-top: 0px; position: absolute; right: 0; width: 66vw; top: 50%; -webkit-transform: translate(calc(100% - 51vw), -50%); transform: translate(calc(100% - 51vw), -50%); max-width: 900px; } }
.er_banner .bannerimg img { width: 100%; display: block; }
.er_banner .btnsect { margin-top: 70px; }
@media (max-width: 500px) { .er_banner .btnsect { margin-top: 30px; } }
.er_banner .btnsect .btnstone { font-size: 18px; line-height: 22px; color: #ffffff; font-family: "Gilroy-Semibold"; padding: 19px 34px; background: #016fff; -webkit-box-shadow: 0px 13px 21px rgba(1, 111, 255, 0.17); box-shadow: 0px 13px 21px rgba(1, 111, 255, 0.17); border-radius: 6px; margin-right: 24px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-bottom: 20px; }
@media (max-width: 500px) { .er_banner .btnsect .btnstone { font-size: 15px; padding: 12px 28px; } }
.er_banner .btnsect .btnstone img { width: 16px; display: inline-block; margin-left: 12px; vertical-align: bottom; -webkit-transition: 0.5s; transition: 0.5s; }
@media (max-width: 500px) { .er_banner .btnsect .btnstone img { width: 13px; } }
.er_banner .btnsect .btnstone:hover img { -webkit-transform: scale(1.4); transform: scale(1.4); -webkit-transition: 0.5s; transition: 0.5s; }
.er_banner .btnsect .btnsttwo { font-size: 18px; line-height: 22px; color: #016fff; font-family: "Gilroy-Semibold"; padding: 19px 26px; background: #ffffff; border: 1px solid rgba(1, 111, 255, 0.25); -webkit-box-shadow: 0px 7px 21px rgba(17, 24, 82, 0.09); box-shadow: 0px 7px 21px rgba(17, 24, 82, 0.09); border-radius: 6px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-bottom: 20px; }
@media (max-width: 500px) { .er_banner .btnsect .btnsttwo { font-size: 15px; padding: 12px 28px; } }
.er_banner .btnsect .btnsttwo img { width: 16px; display: inline-block; margin-left: 12px; vertical-align: bottom; -webkit-transition: 0.5s; transition: 0.5s; }
@media (max-width: 500px) { .er_banner .btnsect .btnsttwo img { width: 13px; } }
.er_banner .btnsect .btnsttwo:hover img { -webkit-transform: scale(1.4); transform: scale(1.4); -webkit-transition: 0.5s; transition: 0.5s; }

.er_whyusesect { padding: 50px 0; background: #f7fafc; position: relative; margin-top: 50px; }
@media (max-width: 500px) { .er_whyusesect { padding: 30px 0; margin-top: 0; } }
.er_whyusesect:before { content: ""; width: 100%; height: 76px; background: #f7fafc; position: absolute; bottom: calc(100% - 50px); left: 0; display: block; -webkit-transform: rotateZ(2deg); transform: rotateZ(2deg); }
@media (max-width: 500px) { .er_whyusesect:before { display: none; } }
.er_whyusesect .headding h2 { font-size: 40px; line-height: 50px; color: #111852; text-align: center; font-family: "Gilroy-Bold"; }
@media (max-width: 500px) { .er_whyusesect .headding h2 { font-size: 22px; line-height: 1.2; } }
.er_whyusesect .headding p { margin-top: 6px; font-size: 18px; line-height: 32px; color: rgba(11, 16, 51, 0.75); max-width: 511px; margin: 0 auto; text-align: center; font-family: "Open Sans", sans-serif; font-weight: 500; }
@media (max-width: 500px) { .er_whyusesect .headding p { font-size: 16px; line-height: 1.4; } }
.er_whyusesect .detailsect { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; margin-top: 20px; }
@media (max-width: 500px) { .er_whyusesect .detailsect { margin-top: 0; } }
.er_whyusesect .detailsect .whiteboxcol { width: calc(100% / 2); padding: 0 15px; margin-top: 30px; }
@media (min-width: 768px) { .er_whyusesect .detailsect .whiteboxcol { width: calc(100% / 3); } }
@media (max-width: 500px) { .er_whyusesect .detailsect .whiteboxcol { width: 100%; } }
.er_whyusesect .detailsect .whitebox { background: #ffffff; -webkit-box-shadow: 0px 19px 24px rgba(17, 24, 82, 0.03); box-shadow: 0px 19px 24px rgba(17, 24, 82, 0.03); border-radius: 16px; padding: 15%; height: 100%; }
@media (max-width: 500px) { .er_whyusesect .detailsect .whitebox { padding: 30px; } }
.er_whyusesect .detailsect .whitebox .iconasect { width: 104px; margin: 0 auto; }
.er_whyusesect .detailsect .whitebox h4 { margin: 0; margin-top: 34px; font-size: 20px; line-height: 25px; color: #111852; text-align: center; font-family: "Gilroy-Bold"; }
@media (max-width: 500px) { .er_whyusesect .detailsect .whitebox h4 { font-size: 18px; line-height: 1.2; } }
.er_whyusesect .detailsect .whitebox p { font-size: 16px; line-height: 30px; color: rgba(11, 16, 51, 0.75); text-align: center; margin: 0; margin-top: 16px; font-family: "Open Sans", sans-serif; font-weight: 500; }
@media (max-width: 500px) { .er_whyusesect .detailsect .whitebox p { font-size: 15px; line-height: 1.4; } }

.er_whatdo { padding: 76px 0; background: #f7fafc; }
@media (max-width: 500px) { .er_whatdo { padding: 30px 0; } }
.er_whatdo .heasect h2 { font-size: 40px; line-height: 50px; color: #111852; text-align: center; font-family: "Gilroy-Bold"; }
@media (max-width: 500px) { .er_whatdo .heasect h2 { font-size: 22px; line-height: 1.2; } }
.er_whatdo .heasect p { max-width: 694px; font-size: 18px; line-height: 32px; margin: 0 auto; font-family: "Open Sans", sans-serif; margin-top: 20px; text-align: center; }
@media (max-width: 500px) { .er_whatdo .heasect p { font-size: 16px; line-height: 1.4; } }
.er_whatdo .detailsect { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.er_whatdo .detailsect .col { width: calc(50% - 20px); max-width: 550px; margin-top: 20px; padding: 20px; }
@media (max-width: 500px) { .er_whatdo .detailsect .col { width: 100%; margin-top: 10px; padding: 10px; } }
.er_whatdo .detailsect .sectbox { width: 100%; }
.er_whatdo .detailsect .sectbox .imgsect { width: 100%; border-radius: 22px; overflow: hidden; -webkit-box-shadow: 0px 1.28371px 25px 0px rgba(0, 0, 0, 0.04); box-shadow: 0px 1.28371px 25px 0px rgba(0, 0, 0, 0.04); }
.er_whatdo .detailsect .sectbox .imgsect img { width: 100%; }
.er_whatdo .detailsect .sectbox h3 { margin: 0; margin-top: 40px; font-size: 24px; font-family: "Gilroy-Bold"; line-height: 30px; color: #111852; max-width: 315px; }
@media (max-width: 500px) { .er_whatdo .detailsect .sectbox h3 { font-size: 18px; margin-top: 20px; } }
.er_whatdo .detailsect .sectbox h4 { margin-top: 16px; font-size: 16px; line-height: 30px; font-family: "Open Sans", sans-serif; color: rgba(11, 16, 51, 0.75); max-width: 450px; }
@media (max-width: 500px) { .er_whatdo .detailsect .sectbox h4 { margin-top: 10px; } }

.er_pricing { background: #f7fafc; }
.er_pricing .priceinsect { padding: 60px 0; border-top: 1px solid rgba(17, 24, 82, 0.08); }
@media (max-width: 500px) { .er_pricing .priceinsect { padding: 30px 0; } }
.er_pricing .heading h2 { font-size: 40px; line-height: 50px; font-family: "Gilroy-Bold"; text-align: center; color: #111852; margin: 0; }
@media (max-width: 500px) { .er_pricing .heading h2 { font-size: 22px; line-height: 1.2; } }
.er_pricing .subsect { margin-top: 84px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media (max-width: 500px) { .er_pricing .subsect { margin-top: 24px; } }
.er_pricing .subsect .box { width: 100%; padding: 5%; background: #ffffff; -webkit-box-shadow: 0px 34px 70px -20px rgba(17, 24, 82, 0.08); box-shadow: 0px 34px 70px -20px rgba(17, 24, 82, 0.08); border-radius: 20px; }
@media (max-width: 767px) { .er_pricing .subsect .box { margin-bottom: 40px; }
  .er_pricing .subsect .box:last-child { margin-bottom: 0; } }
@media (min-width: 768px) { .er_pricing .subsect .box { width: calc(100% / 3); padding: 67px 4%; } }
.er_pricing .subsect .box h3 { font-size: 24px; line-height: 30px; color: #016fff; font-family: "Gilroy-Bold"; margin: 0; }
@media (max-width: 500px) { .er_pricing .subsect .box h3 { font-size: 18px; } }
.er_pricing .subsect .box h3 span { color: #111852; }
.er_pricing .subsect .box h4 { font-size: 40px; line-height: 42px; color: #111852; margin: 0; margin-top: 16px; font-family: "Gilroy-Bold"; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media (max-width: 500px) { .er_pricing .subsect .box h4 { font-size: 28px; line-height: 1.2; margin-top: 10px; } }
.er_pricing .subsect .box h4 span { font-size: 16px; line-height: 20px; font-family: "Gilroy-Bold"; color: rgba(17, 24, 82, 0.45); margin-left: 5px; }
.er_pricing .subsect .box h4 .smalltext { color: #111852; -ms-flex-item-align: self-start; align-self: self-start; }
.er_pricing .subsect .box .list { margin: 0; padding: 30px 0; border-top: 1px solid rgba(17, 24, 82, 0.08); margin-top: 17px; }
@media (max-width: 500px) { .er_pricing .subsect .box .list { padding: 20px 0; } }
.er_pricing .subsect .box .list li { font-size: 16px; line-height: 22px; color: rgba(11, 16, 51, 0.75); font-family: "Open Sans", sans-serif; font-weight: 500; margin-bottom: 20px; list-style: none; position: relative; padding-left: 30px; }
@media (max-width: 500px) { .er_pricing .subsect .box .list li { margin-bottom: 10px; font-size: 14px; line-height: 22px; } }
.er_pricing .subsect .box .list li:before { content: ""; width: 16px; height: 16px; margin-right: 16px; display: inline-block; background: url(./images/ereports/listicon.svg) no-repeat; background-size: contain; position: absolute; left: 0; top: 4px; }
.er_pricing .subsect .box .list li:last-child { margin-bottom: 0; }
.er_pricing .subsect .box .erbtn { display: inline-block; font-size: 16px; line-height: 20px; font-family: "Gilroy-semibold"; width: 100%; text-align: center; padding: 15px; margin-top: 50px; background: rgba(1, 111, 255, 0.08); border-radius: 6px; color: #016fff; }
.er_pricing .subsect .box .erbtn:hover { color: #f2f6ff; background: #016fff; }
.er_pricing .subsect .box.styletwo { -webkit-transform: scale(1.05); transform: scale(1.05); background: #f2f6ff; border: 9px solid #ffffff; -webkit-box-shadow: 0px 6px 60px rgba(17, 24, 82, 0.08); box-shadow: 0px 6px 60px rgba(17, 24, 82, 0.08); border-radius: 20px; position: relative; }
.er_pricing .subsect .box.styletwo .erbtn { background: #ffffff; border-radius: 6px; }
.er_pricing .subsect .box.styletwo .erbtn:hover { color: #f2f6ff; background: #016fff; }
.er_pricing .subsect .box.styletwo .tag { color: #ffffff; font-size: 12px; line-height: 15px; font-family: "Gilroy-semibold"; background: #ff8f50; border-radius: 50px; padding: 8px 13px; display: inline-block; position: absolute; right: 20px; top: 20px; }
.er_pricing .sectfoot { font-family: "Open Sans", sans-serif; font-weight: 500; max-width: 475px; margin: 0 auto; text-align: center; font-size: 14px; line-height: 24px; color: rgba(11, 16, 51, 0.45); margin-top: 70px; }
@media (max-width: 500px) { .er_pricing .sectfoot { margin-top: 20px; } }

.er_faq { background: #f7fafc; padding: 50px 0; }
@media (max-width: 500px) { .er_faq { padding: 30px 0; margin-bottom: 0; } }
.er_faq:before, .er_faq:after { display: none; }
.er_faq h4 { font-size: 40px; line-height: 50px; font-family: "Gilroy-Bold"; }
@media (max-width: 500px) { .er_faq h4 { font-size: 22px; line-height: 1.2; } }
.er_faq .resp-tabs-container .resp-accordion, .er_faq .resp-tabs-container h2.resp-tab-active, .er_faq .resp-tabs-container .resp-tab-content, .er_faq .resp-tabs-container h2.resp-accordion.ver_1 { background: transparent !important; }
.er_faq .resp-tabs-container h2.resp-accordion.ver_1 { font-size: 20px !important; line-height: 24px; color: #000000; font-family: "Gilroy-Medium"; }
@media (max-width: 500px) { .er_faq .resp-tabs-container h2.resp-accordion.ver_1 { font-size: 16px !important; line-height: 1.2; } }

.sec4.ersect { padding-bottom: 14em; }
.sec4.ersect .erbg2 { background: #f7fafc; width: 100%; height: 87%; position: absolute; left: 0; top: -136px; z-index: -1; }
@media (max-width: 500px) { .sec4.ersect .erbg2 { display: none; } }
.sec4.ersect .bg1 { height: calc(100% + 7em); }

.elegantContainer { overflow-x: hidden; }

.pluginlisting-banner { position: relative; }
.pluginlisting-banner:before { z-index: -1; width: 100%; height: calc(100% - 140px); content: ""; position: absolute; background: url(./images/plbanner.jpg) no-repeat; background-size: cover; }
.pluginlisting-banner .sectin { width: 100%; max-width: 896px; margin: 0 auto; padding-top: 108px; }
@media (max-width: 768px) { .pluginlisting-banner .sectin { padding-top: 80px; } }
.pluginlisting-banner .sectin img { width: 100%; }
.pluginlisting-banner .textsect { max-width: 787px; width: 100%; margin: 0 auto; }
.pluginlisting-banner .textsect ul { padding: 0; margin: 0; 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; }
.pluginlisting-banner .textsect ul li { list-style: none; font-size: 18px; line-height: 30px; color: #111852; font-family: "Gilroy-Bold"; margin: 10px 0; position: relative; padding: 0 5px; }
@media (max-width: 850px) { .pluginlisting-banner .textsect ul li { margin: 0; line-height: 30px; } }
@media (max-width: 500px) { .pluginlisting-banner .textsect ul li { font-size: 14px; } }
.pluginlisting-banner .textsect ul li .divdr { content: ""; width: 3px; display: inline-block; height: 21px; background: #00dfb1; vertical-align: middle; }
@media (max-width: 850px) { .pluginlisting-banner .textsect ul li .divdr { display: none; } }
@media (max-width: 850px) { .pluginlisting-banner .textsect ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.strikeprice.plugins-container .plg-col .single-plugin h4 { text-decoration: line-through; }

.sect_freepremium { padding: 30px 0; position: relative; z-index: 1; }
.sect_freepremium h3 { font-size: 32px; line-height: 45px; text-align: center; font-family: "Gilroy-Bold"; color: #111852; margin: 0; margin-bottom: 80px; }
@media (max-width: 500px) { .sect_freepremium h3 { font-size: 25px; margin-bottom: 30px; } }
.sect_freepremium .setting_Group { margin-bottom: 20px; }
.sect_freepremium .setting_Group .accordion_heading { background: #ebf2fb; padding: 10px 20px; line-height: 33px; font-weight: 600; }
.sect_freepremium .setting_Group .accordion_heading .ToggleBox { background: #016fff; padding: 0px 7px 0px 8px; border-radius: 50%; height: 30px; width: 30px; font-size: 27px; font-weight: bold; margin-right: 20px; float: left; color: #fff; text-align: center; }
.sect_freepremium .table { background: #f7fafc; }
.sect_freepremium .table th, .sect_freepremium .table td { font-family: "Gilroy-Bold"; }
@media (max-width: 500px) { .sect_freepremium .table th, .sect_freepremium .table td { padding: 10px; font-size: 14px; } }
.sect_freepremium .table th ul, .sect_freepremium .table td ul { margin-top: 20px; }
.sect_freepremium .table th ul li, .sect_freepremium .table td ul li { font-family: "Gilroy-Regular"; font-size: inherit; }
.sect_freepremium .table th { background: transparent; border-bottom: 1px solid #bdbdbd; border-top: 1px solid #bdbdbd; text-align: center; }
.sect_freepremium .table th:nth-child(1) { text-align: left; }
.sect_freepremium .table tr:nth-child(even) { background: #ebf2fb; }
.sect_freepremium .table td { text-align: center; }
.sect_freepremium .table td .icon { width: 20px; height: 20px; display: inline-block; }
.sect_freepremium .table td:nth-child(1) { text-align: left; }
.sect_freepremium .subtitle { margin: 80px 0 30px 0; }
@media (max-width: 500px) { .sect_freepremium .subtitle { margin: 30px 0; } }

.offerbtn { margin-top: 50px; display: inline-block; padding: 20px 30px; border: 1px solid rgba(1, 111, 255, 0.25); -webkit-box-shadow: 0px 7px 21px rgba(17, 24, 82, 0.09); box-shadow: 0px 7px 21px rgba(17, 24, 82, 0.09); border-radius: 6px; background: #fff; color: #016fff; font-family: "Gilroy-Semibold"; font-size: 16px; line-height: 19px; -webkit-transition: 0.5s; transition: 0.5s; }
.offerbtn span { margin-left: 16px; width: 18px; display: inline-block; }
.offerbtn:hover { -webkit-transform: scale(1.15); transform: scale(1.15); -webkit-transition: 0.5s; transition: 0.5s; }
@media (max-width: 500px) { .offerbtn { padding: 10px 18px; }
  .offerbtn span { width: 12px; } }

.offerbanner { position: relative; background: #fff; }
.offerbanner .heading { text-align: center; position: absolute; left: 0; top: 54%; text-align: center; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
@media (min-width: 768px) { .offerbanner .heading { width: 50%; } }
.offerbanner .heading h1 { text-align: center; font-size: 80px; line-height: 80px; color: #111852; font-family: "Gilroy-Black"; margin-bottom: 15px; }
@media (min-width: 1200px) { .offerbanner .heading h1 { font-size: 100px; line-height: 90px; } }
@media (max-width: 767px) { .offerbanner .heading h1 { font-size: 60px; line-height: 60px; color: #111852; } }
@media (min-width: 768px) { .offerbanner .heading h1 { text-align: right; } }
@media (max-width: 500px) { .offerbanner .heading h1 { color: #111852; font-size: 40px; line-height: 40px; } }
.offerbanner .heading h1 span { color: #016fff; }
@media (min-width: 1200px) { .offerbanner .heading h1 span { font-size: 120px; } }
@media (max-width: 767px) { .offerbanner .heading h1 span { font-size: 65px; } }
@media (max-width: 500px) { .offerbanner .heading h1 span { font-size: 45px; } }
.offerbanner .heading h3 { font-size: 15px; line-height: 22px; color: rgba(11, 16, 51, 0.75); text-align: center; font-family: "Open Sans", sans-serif; font-weight: 500; }
@media (min-width: 768px) { .offerbanner .heading h3 { text-align: right; font-size: 18px; line-height: 32px; } }
.offerbanner .bannerbg { max-width: 788px; margin: 0 auto; }
.offerbanner .bannerbg img { width: 100%; }
.offerbanner .offerbtn { margin-top: 30px; }

.bestoffers { padding: 50px 0; position: relative; background: #f7fafc; }
@media (min-width: 1200px) { .bestoffers { padding: 70px 0 50px 0; } }
@media (max-width: 500px) { .bestoffers { padding: 30px 0; } }
.bestoffers .head h2 { font-size: 30px; line-height: 38px; text-align: center; color: #111852; font-family: "Gilroy-Bold"; margin-bottom: 10px; }
@media (min-width: 991px) { .bestoffers .head h2 { font-size: 40px; line-height: 48px; } }
@media (max-width: 500px) { .bestoffers .head h2 { font-size: 25px; line-height: 30px; } }
.bestoffers .head p { width: 100%; max-width: 511px; margin: 0 auto; text-align: center; font-size: 18px; line-height: 32px; padding: 0 20px; text-align: center; color: rgba(11, 16, 51, 0.75); font-family: "Open Sans", sans-serif; font-weight: 500; }
@media (max-width: 500px) { .bestoffers .head p { font-size: 15px; line-height: 24px; } }
.bestoffers .offerslist { margin: 0 -15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.bestoffers .offerslist .offeritem { padding: 0 15px; width: calc(100% / 2); margin-top: 30px; margin-bottom: 30px; }
@media (min-width: 991px) { .bestoffers .offerslist .offeritem { margin-top: 34px; margin-bottom: 40px; width: calc(100% / 3); } }
@media (max-width: 500px) { .bestoffers .offerslist .offeritem { width: 100%; margin-bottom: 20px; } }
.bestoffers .offerslist .offeritem .item { background: #fff; -webkit-box-shadow: 0px 19px 24px rgba(17, 24, 82, 0.03); box-shadow: 0px 19px 24px rgba(17, 24, 82, 0.03); border-radius: 16px; padding: 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: 0.5s; transition: 0.5s; }
.bestoffers .offerslist .offeritem .item:hover { -webkit-box-shadow: 0px 19px 24px 24px rgba(17, 24, 82, 0.05); box-shadow: 0px 19px 24px 24px rgba(17, 24, 82, 0.05); -webkit-transition: 0.5s; transition: 0.5s; }
.bestoffers .offerslist .offeritem .item img { border-radius: 16px !important; }
.bestoffers .offerslist .offeritem .addtocart { position: absolute; bottom: -18px; width: 70%; padding: 15px; font-size: 16px; color: #1091fb; background: #fff; border-radius: 5px; text-align: center; font-family: "Gilroy-semibold"; left: 0; right: 0; margin: 0 auto; border: 1px solid #1091fb; cursor: pointer; }
.bestoffers .offerslist .offeritem .addtocart:hover { background: #1091fb; color: #fff; }
@media (max-width: 660px) { .bestoffers .offerslist .offeritem .addtocart { width: 80%; font-size: 13px; } }

.buy-bundle-outer { padding: 50px 0; position: relative; z-index: 20; background: #f7fafc; }
@media (min-width: 1200px) { .buy-bundle-outer { padding: 100px 0; } }
.buy-bundle-outer .buy-bundle { padding: 62px 10px; text-align: center; background: url(./images/offer/offerbg2.jpg) no-repeat; background-size: cover; -webkit-box-shadow: 0px 19px 24px rgba(17, 24, 82, 0.03); box-shadow: 0px 19px 24px rgba(17, 24, 82, 0.03); border-radius: 16px; }
@media (max-width: 500px) { .buy-bundle-outer .buy-bundle { padding: 32px 10px; } }
.buy-bundle-outer h3 { font-size: 40px; line-height: 48px; text-align: center; color: #ffffff; font-family: "Gilroy-Bold"; margin: 0; }
@media (max-width: 767px) { .buy-bundle-outer h3 { font-size: 30px; line-height: 38px; } }
@media (max-width: 500px) { .buy-bundle-outer h3 { font-size: 24px; line-height: 30px; } }
.buy-bundle-outer p { font-size: 18px; line-height: 32px; text-align: center; font-family: "Open Sans", sans-serif; max-width: 620px; padding: 0 10px; margin: 0 auto; margin-top: 10px; color: #ffffff; }
@media (max-width: 767px) { .buy-bundle-outer p { font-size: 16px; line-height: 23px; } }
.buy-bundle-outer .offerbtn { margin-top: 10px; }

.btn-buy .btn-buynow a { border: 1px solid #009cff; border-radius: 8px; font-size: 23px; color: #fff; line-height: 103px; font-family: "Gilroy-semibold"; padding: 16px 50px; margin-left: 15px; -webkit-transition: 0.5s; transition: 0.5s; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; background-color: #009cff; font-weight: 300; text-shadow: 0 0.04em 0.04em rgba(0, 0, 0, 0.35); transition: all 0.3s ease-out 0s; position: -webkit-sticky; position: sticky; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
@media (max-width: 1120px) { .btn-buy .btn-buynow a { padding: 16px 35px; margin-left: 15px; font-size: 18px; } }
@media (max-width: 890px) { .btn-buy .btn-buynow a { padding: 16px 20px; margin-left: 15px; font-size: 18px; } }
@media (max-width: 792px) { .btn-buy .btn-buynow a { padding: 16px 15px; margin-left: 0px; font-size: 18px; } }
@media (max-width: 764px) { .btn-buy .btn-buynow a { padding: 16px 70px; margin-left: 15px; font-size: 23px; } }
@media (max-width: 400px) { .btn-buy .btn-buynow a { padding: 16px 50px; margin-left: 33px; font-size: 23px; } }
.btn-buy .btn-buynow .buy-img { height: auto; margin-top: 18px; padding-right: 10px; }
@media (max-width: 1120px) { .btn-buy .btn-buynow .buy-img { margin-top: 15px; padding-right: 5px; } }
@media (max-width: 764px) { .btn-buy .btn-buynow .buy-img { margin-top: 18px; padding-right: 10px; } }

.documentation { padding-top: 20px; }
.documentation .container { text-align: center; padding: 50px 30px 30px 30px; }
@media (max-width: 390px) { .documentation .container { padding: 0px 30px 30px 30px; } }
.documentation .container h3 { text-decoration: none; color: #0b1033; font-family: "Gilroy-bold"; font-size: 32px; font-weight: normal; font-style: normal; line-height: 45px; margin-bottom: 30px; }
@media (max-width: 390px) { .documentation .container h3 { font-size: 25px; } }
.documentation .container .row { display: -webkit-box; display: -ms-flexbox; display: flex; }
@media (max-width: 767px) { .documentation .container .row { display: block; } }
@media (max-width: 500px) { .documentation .container .row { display: block; } }
.documentation .container .row .column { width: 50%; padding: 10px 40px 0px 40px; }
@media (max-width: 767px) { .documentation .container .row .column { padding: 0px; } }
@media (max-width: 500px) { .documentation .container .row .column { padding: 0px; } }
@media (max-width: 390px) { .documentation .container .row .column { width: 100%; padding: 0px 30px 0px 40px; } }
.documentation .container .row .column ul li { text-align: start; font-size: 16px; color: #8796a8; }
.documentation .container .row .column ul li a { color: #313132; font-size: 16px !important; font-weight: 400; line-height: 2.3; font-family: "Gilroy-medium"; }
.documentation .container .row .column ul li a:hover { color: #009cff; }

.exit-intent-popup { position: fixed; top: 0; left: 0; right: 0; z-index: 9999999; background: rgba(33, 33, 33, 0.8); -webkit-transform: translateY(-60%); transform: translateY(-60%); opacity: 0; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); width: 100%; height: 100%; pointer-events: none; }
.exit-intent-popup.visible { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform-origin: top; transform-origin: top; opacity: 1; pointer-events: auto; }
.exit-intent-popup .exit-intent-container { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; margin: 0 auto; max-width: 600px; }
.exit-intent-popup .close-exit-popup { position: absolute; top: 10px; right: 10px; cursor: pointer; width: 10px; height: 10px; color: #fff; }

.edd-sl-renewal-form-fields #edd-cancel-license-renewal { background: transparent !important; }
.edd-sl-renewal-form-fields .edd-cart-adjustment .edd-description { margin: 0 0 20px; display: block; }
.edd-sl-renewal-form-fields .edd-sl-renewal-actions input { margin-top: 5px; }

.edd-payment-icons .payment-icon { margin-right: 5px; }

.purchasehistory-container .edd_error { color: #f00; }

.edd_sl_license_row .view-key-wrapper input.edd_sl_license_key { display: block; width: 100%; margin: 8px 0 0 0; border: none; outline: 0; padding: 0; cursor: pointer; position: absolute; min-width: 300px; background: #fff; padding: 5px 10px; border: 1px solid #eee; line-height: 1; height: auto; color: #333; }
.edd_sl_license_row a { color: rgba(1, 111, 255, 0.8); }
.edd_sl_license_row a:hover { text-decoration: underline; }

li#menu-item-378017 { position: relative; }
li#menu-item-378017 a::after { content: "hot"; display: inline-block; vertical-align: top; position: absolute; top: -8px; right: 5px; background: orangered; padding: 3px 8px; border-radius: 20px; color: #fff; font-size: 10px; line-height: 1; text-transform: uppercase; }
@media (max-width: 1200px) { li#menu-item-378017 a::after { position: relative; top: auto; right: auto; margin-left: 5px; } }

.notice-block { background: #000; color: #fff; font-size: 12px; padding: 15px 45px 15px 15px; text-transform: uppercase; letter-spacing: 0.5px; font-family: "Gilroy-semibold"; margin: 0; position: fixed; left: 0; bottom: 0; max-width: 100%; z-index: 99990; width: -webkit-max-content; width: -moz-max-content; width: max-content; text-align: left; border-radius: 0 5px 0 0; line-height: 1.4; overflow: hidden; }
@media (max-width: 768px) { .notice-block { font-size: 11px; bottom: 50px; max-width: 95%; border-radius: 0 5px 5px 0; } }
.notice-block:not(.hidden)::after { -webkit-animation: sheen 2s 1s infinite; animation: sheen 2s 1s infinite; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: -webkit-gradient(linear, left top, right top, from(#000), color-stop(50%, rgba(255, 255, 255, 0.5))); background: linear-gradient(to right, #000, rgba(255, 255, 255, 0.5) 50%); z-index: -1; width: 100%; height: 100%; pointer-events: none; }
.notice-block a { color: #ff0; }
.notice-block a:hover { text-decoration: underline; }
.notice-block .close-notice { position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; text-transform: lowercase; color: #999; width: 20px; height: 20px; line-height: 1; background: #555; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.notice-block .close-notice:hover { background: #777; color: #bbb; }

@-webkit-keyframes sheen { 100% { -webkit-transform: translate(100%, 0%); transform: translate(100%, 0%); } }

@keyframes sheen { 100% { -webkit-transform: translate(100%, 0%); transform: translate(100%, 0%); } }
.product-page .sec1 .plugin-sec li span.old-priced-container { float: none; position: absolute; right: 18px; top: auto; bottom: 2px; min-width: 70px; text-align: left; }
.product-page .sec1 .plugin-sec li span.edd_price_option_price { min-width: 70px; }
@media (max-width: 500px) { .product-page .sec1 .plugin-sec li span.old-priced-container { right: auto; left: 18px; bottom: 6px; } }

/*Side bar blog page*/
.row-blog { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.row-blog .blog-wraper-title { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.row-blog .blog-wraper-title p { font-size: 16px; line-height: 30px; color: #0b1033; font-family: "Open Sans", sans-serif; font-weight: 400; margin-bottom: 1em; opacity: 0.75; }
@media (min-width: 768px) { .row-blog .blog-wraper-title p { font-size: 18px; line-height: 38px; } }
.row-blog .blog-wraper-title img { margin-bottom: 1em; }
.row-blog .blog-wraper-title span.blog_date { width: 100%; height: auto; display: block; padding-bottom: 1em; font-size: 14px; line-height: 1; color: #151e67; font-family: "Open Sans", sans-serif; }
.row-blog .blog-wraper-title h1 { font-size: 32px; line-height: 44px; margin-top: 45px; margin-bottom: 25px; color: #111852; font-family: "Gilroy-Bold"; text-align: center; }
.row-blog .blog-wraper { width: 70%; }
.row-blog .sidebar-blog { width: 30%; padding-top: 46px; }
.row-blog .sidebar-blog .container-blog { padding: 0 15px; }
.row-blog .sidebar-blog .container-blog .search-form { margin-top: 45px; margin-bottom: 25px; }
.row-blog .sidebar-blog .container-blog .wp-block-search__inside-wrapper { position: relative; }
.row-blog .sidebar-blog .container-blog .wp-block-search__inside-wrapper .wp-block-search__input { width: 93%; height: 43px; background: #fff; border: 1px solid #151e672e; border-radius: 6px; font-size: 14px; color: #151e67; font-family: "Gilroy-Medium"; padding-left: 10px; }
.row-blog .sidebar-blog .container-blog .wp-block-search__inside-wrapper .wp-block-search__button { background: #fff; padding: 0; position: absolute; top: 14px; right: 11px; cursor: pointer; }
.row-blog .sidebar-blog .container-blog .plugin-sidebar { border-radius: 10px; padding: 20px 20px; background: #f7f9ff; }
.row-blog .sidebar-blog .container-blog .plugin-sidebar h4 { font-size: 21px; line-height: 38px; color: #111852; font-family: "Gilroy-Medium"; margin-top: 0px; margin-bottom: 10px; }
.row-blog .sidebar-blog .container-blog .plugin-sidebar .plugin-inner { background: #f7f9ff; border-radius: 25px; }
.row-blog .sidebar-blog .container-blog .plugin-sidebar .plugin-inner ul { margin: 0px; }
.row-blog .sidebar-blog .container-blog .plugin-sidebar .plugin-inner ul li { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 20px 0px; line-height: 18px; }
.row-blog .sidebar-blog .container-blog .plugin-sidebar .plugin-inner ul li .plugin-icon { background: #fff; -webkit-box-shadow: 0px 7px 11px #151e6712; box-shadow: 0px 7px 11px #151e6712; border-radius: 8px; padding: 13px; }
.row-blog .sidebar-blog .container-blog .plugin-sidebar .plugin-inner ul li .plugin-icon img { width: 30px; height: auto; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; }
.row-blog .sidebar-blog .container-blog .plugin-sidebar .plugin-inner ul li .plugin-link { width: 75%; margin-left: 10px; }
.row-blog .sidebar-blog .container-blog .plugin-sidebar .plugin-inner ul li .plugin-link a { font-size: 14px; line-height: 18px; color: #0b1033; font-family: "Open Sans", sans-serif; font-weight: 400; opacity: 0.7; }
.row-blog .sidebar-blog .container-blog .plugin-sidebar .plugin-inner ul li .plugin-link a:hover { color: #111852; opacity: unset; }
.row-blog .sidebar-blog .container-blog .plugin-sidebar .viewallsect-plugin { margin: 0 auto; margin-top: 28px; text-align: center; }
.row-blog .sidebar-blog .container-blog .plugin-sidebar .viewallsect-plugin .viewalllink { font-size: 15px; line-height: 22px; color: #016fff; font-family: "Open Sans", sans-serif; font-weight: 600; }
.row-blog .sidebar-blog .container-blog .plugin-sidebar .viewallsect-plugin .viewalllink:after { width: 8px; margin-left: 24px; vertical-align: middle; content: ""; font: normal normal normal 15px/1.5 fontawesome; margin-left: 11px; -webkit-transition: 0.5s; transition: 0.5s; display: inline-block; }
.row-blog .sidebar-blog .container-blog .plugin-sidebar .viewallsect-plugin .viewalllink:hover:after { -webkit-transform: translateX(10px); transform: translateX(10px); -webkit-transition: 0.5s; transition: 0.5s; }
.row-blog .sidebar-blog .container-blog .posts { border-radius: 10px; padding: 20px 20px; background: #f7f9ff; }
.row-blog .sidebar-blog .container-blog .posts h4 { font-size: 21px; line-height: 38px; color: #111852; font-family: "Gilroy-Medium"; margin-top: 10px; margin-bottom: 10px; }
.row-blog .sidebar-blog .container-blog .posts p { margin: 15px 0; line-height: 1.1; }
.row-blog .sidebar-blog .container-blog .posts p a { font-size: 14px; line-height: 18px; color: #0b1033; font-family: "Open Sans", sans-serif; font-weight: 400; opacity: 0.7; }
.row-blog .sidebar-blog .container-blog .posts p a:hover { color: #111852; opacity: unset; }

.page-template-template-support-new:before, .single-guideline:before { content: ""; width: 100%; height: 100vh; opacity: 1; position: absolute; left: 0; top: -20px; display: block; background: url(images/support/banner-bg.svg) no-repeat top right; max-width: 1110px; margin: 0 auto; right: 0; z-index: 2; background-size: contain; max-height: 600px; }
@media (max-width: 1550px) { .page-template-template-support-new:before, .single-guideline:before { top: 60px; max-height: 520px; } }
@media (max-width: 1140px) { .page-template-template-support-new:before, .single-guideline:before { max-width: 75%; margin: 0 5% 0 auto; } }
@media (max-width: 767px) { .page-template-template-support-new:before, .single-guideline:before { background-size: 75%; } }
.page-template-template-support-new.admin-bar::before, .single-guideline.admin-bar::before { top: 30px; }
@media (max-width: 1550px) { .page-template-template-support-new.admin-bar::before, .single-guideline.admin-bar::before { top: 90px; } }
@media (max-width: 767px) { .page-template-template-support-new.admin-bar::before, .single-guideline.admin-bar::before { top: 100px; } }
.page-template-template-support-new footer .container, .single-guideline footer .container { border: 0; }

.ihs-v2 { text-align: left; padding: 105px 0; }
.ihs-v2.inner-header-section .container { max-width: 1140px; }
.ihs-v2 h2.title { font-size: 48px; line-height: 1; }
.ihs-v2 .ihs-label { font-family: "Quicksand", sans-serif; font-size: 18px; line-height: 1.8; font-weight: 500; letter-spacing: 0.18px; color: #151e67; opacity: 0.75; margin: 0 0 10px; }
.ihs-v2 .ihs-form { position: relative; width: 570px; max-width: 95%; }
.ihs-v2 .ihs-form label { display: block; cursor: default; }
.ihs-v2 .ihs-form .ais-SearchBox-submit { display: block; width: 48px; left: 0; top: 0; height: 100%; position: absolute; z-index: 3; background: url(images/support/search-icon.svg) no-repeat center; font-size: 0; padding: 0; border: 0; }
.ihs-v2 .ihs-form .ais-SearchBox-submit svg { display: none; }
.ihs-v2 .ihs-form .ais-SearchBox-reset { width: 48px; right: 0; top: 0; height: 100%; position: absolute; z-index: 3; background: transparent; font-size: 0; padding: 0; border: 0; opacity: 0.5; }
.ihs-v2 .ihs-form .ais-SearchBox-reset:hover { opacity: 0.75; }
.ihs-v2 input.ais-SearchBox-input { background: #fff; border: 1px solid rgba(21, 30, 103, 0.18); border-radius: 6px; padding: 15px 48px 15px 48px; width: 100%; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; font-family: "Quicksand", sans-serif; font-size: 18px; line-height: 1.35; font-weight: 400; color: #0b1033; }
.ihs-v2 input.ais-SearchBox-input::-webkit-input-placeholder { letter-spacing: 0.18px; color: #0b1033; opacity: 0.45; }
.ihs-v2 input.ais-SearchBox-input:-ms-input-placeholder { letter-spacing: 0.18px; color: #0b1033; opacity: 0.45; }
.ihs-v2 input.ais-SearchBox-input::-ms-input-placeholder { letter-spacing: 0.18px; color: #0b1033; opacity: 0.45; }
.ihs-v2 input.ais-SearchBox-input::placeholder { letter-spacing: 0.18px; color: #0b1033; opacity: 0.45; }
.ihs-v2 input.ais-SearchBox-input:focus { border-color: rgba(21, 30, 103, 0.35); }

span.ais-SearchBox-loadingIndicator { position: absolute; top: 50%; right: 1px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 30px; background: #fff; z-index: 4; }

ol.ais-Hits-list { margin: 0; padding: 0; list-style: none; max-height: 400px; overflow: hidden; overflow-y: auto; }
ol.ais-Hits-list li { list-style: none; margin: 0; padding: 10px 20px; border-bottom: 1px solid #dfe0ea; font-family: "Quicksand"; position: relative; }
ol.ais-Hits-list li:hover { background: rgba(240, 247, 251, 0.4); }

div#hits { overflow: hidden; overflow-y: auto; max-height: 400px; }

div#powered-by { padding: 15px 30px; text-align: right; -webkit-filter: grayscale(1); filter: grayscale(1); opacity: 0.65; border-top: 1px solid rgba(135, 150, 168, 0.25); }

.ais-SearchBox-reset { display: none; }

.ihs-search-box { position: absolute; width: 570px; max-width: 95%; -webkit-box-shadow: 0px 24px 46px rgba(21, 30, 103, 0.07); box-shadow: 0px 24px 46px rgba(21, 30, 103, 0.07); border: 1px solid rgba(135, 150, 168, 0.25); border-radius: 6px; top: 10px; left: 0; z-index: 99; background: #fff; display: none; }
.ihs-search-box.box-visible { display: block; }

li.ais-Hits-item a { color: #151e67; font-size: 14px; line-height: 18px; font-weight: 700; -webkit-transition: none; transition: none; }
li.ais-Hits-item a::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; }

.ais-Hits.ais-Hits--empty { padding: 20px; color: rgba(21, 30, 103, 0.8); font-size: 16px; font-weight: 500; line-height: 22px; }

mark.ais-Highlight-highlighted { font-weight: 700; font-style: normal; }

mark.ais-Snippet-highlighted { font-weight: 400; font-style: normal; }

li.ais-Hits-item p { color: #151e67; font-size: 14px; font-weight: 500; line-height: 22px; margin: 5px 0 0; position: relative; z-index: 3; pointer-events: none; }
li.ais-Hits-item p:last-child { margin-bottom: 0; }

#searchbox { position: relative; }

.ihs-result-wrap { position: relative; }

.sr-cat { text-align: right; padding: 5px 0 0; }
.sr-cat span { display: inline-block; padding: 6px 8px; background: #f2f8fc; font-size: 12px; border-radius: 3px; vertical-align: middle; line-height: 1; color: #151e67; -webkit-box-shadow: 0 0 3px #cae1f1; box-shadow: 0 0 3px #cae1f1; }

.inner-wrapper.support-page-v2 { background: #f2f8fc; padding: 40px 0; z-index: 2; }
.inner-wrapper.support-page-v2 .sec1 { padding: 0 0 35px; }
.inner-wrapper.support-page-v2 .sec2 { padding: 0 0 15px; }
.inner-wrapper.support-page-v2 h3.section-head { font-family: "Gilroy-semibold"; letter-spacing: 0px; color: #151e67; font-size: 24px; padding: 0 0 10px; }
.inner-wrapper.support-page-v2 .cat-type { margin: 0 0 20px; position: relative; }
.inner-wrapper.support-page-v2 .cat-type a { display: inline-block; padding: 15px; margin-right: 5px; position: relative; color: #151e67; opacity: 0.75; font-family: "Gilroy-semibold"; font-size: 16px; outline: none; }
.inner-wrapper.support-page-v2 .cat-type a.active-cat, .inner-wrapper.support-page-v2 .cat-type a:hover { color: #016fff; }
.inner-wrapper.support-page-v2 .cat-type a.active-cat::after { content: ""; display: block; width: 100%; height: 3px; background: #016fff; left: 0; bottom: -1px; position: absolute; }
.inner-wrapper.support-page-v2 .cat-type::after { content: ""; display: block; width: 100%; height: 1px; background: #151e67; opacity: 0.12; left: 0; bottom: 0; position: absolute; }
.inner-wrapper.support-page-v2 .box-col-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media (min-width: 601px) { .inner-wrapper.support-page-v2 .box-col-wrapper { margin-left: -15px; margin-right: -15px; } }
.inner-wrapper.support-page-v2 .box-col-wrapper .box-col { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
@media (min-width: 601px) { .inner-wrapper.support-page-v2 .box-col-wrapper .box-col { width: 50%; padding: 0 15px; } }
@media (min-width: 992px) { .inner-wrapper.support-page-v2 .box-col-wrapper .box-col { width: 33.33%; } }
.inner-wrapper.support-page-v2 .box-col-wrapper .box-col .box { height: 100%; }
.inner-wrapper.support-page-v2 .box-col:nth-child(3n + 1) { clear: both; }
.inner-wrapper.support-page-v2 .box { padding: 45px 35px; background: #fff; margin: 15px 0; -webkit-box-shadow: 0px 2px 9px rgba(21, 30, 103, 0.019); box-shadow: 0px 2px 9px rgba(21, 30, 103, 0.019); border: 1px solid rgba(21, 30, 103, 0.078); border-radius: 10px; font-family: "Quicksand", sans-serif; font-weight: 500; font-size: 16px; line-height: 1.4; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.inner-wrapper.support-page-v2 .box:hover { -webkit-box-shadow: 0px 2px 9px rgba(21, 30, 103, 0.04); box-shadow: 0px 2px 9px rgba(21, 30, 103, 0.04); }
.inner-wrapper.support-page-v2 .box p, .inner-wrapper.support-page-v2 .box li { letter-spacing: 0.16px; color: #0b1033; opacity: 0.75; font-size: 16px; }
.inner-wrapper.support-page-v2 .icon { width: 72px; height: 72px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; background: #ffffff; -webkit-box-shadow: 0px 14px 11px rgba(21, 30, 103, 0.058); box-shadow: 0px 14px 11px rgba(21, 30, 103, 0.058); border: 1px solid rgba(135, 150, 168, 0.149); border-radius: 20px; margin: 0 0 30px; }
.inner-wrapper.support-page-v2 .icon img { display: block; }
.inner-wrapper.support-page-v2 .box h4 { letter-spacing: 0.2px; color: #151e67; font-size: 18px; line-height: 1.5; }
.inner-wrapper.support-page-v2 .box h4 a { color: #151e67; }
.inner-wrapper.support-page-v2 .box h4 a:hover { color: #016fff; }
.inner-wrapper.support-page-v2 .box h5 { font-size: 22px; letter-spacing: 0.22px; }
.inner-wrapper.support-page-v2 .box h5 a { color: #151e67; }
.inner-wrapper.support-page-v2 .box h5 a:hover { color: #016fff; }
.inner-wrapper.support-page-v2 .box-link { padding: 10px 0 0; letter-spacing: 0.16px; }
.inner-wrapper.support-page-v2 .box-link a { color: #016fff; }
.inner-wrapper.support-page-v2 .box-link a:hover { color: #00e0b2; }
.inner-wrapper.support-page-v2 .sec2 .box { padding: 40px; }
.inner-wrapper.support-page-v2 .box ul { padding: 0; margin: 0; list-style: none; }
.inner-wrapper.support-page-v2 .box li { margin: 18px 0; font-size: 14px; letter-spacing: 0.14px; color: #151e67; opacity: 0.75; line-height: 1.4; font-weight: 500; }
.inner-wrapper.support-page-v2 .box li a { display: block; position: relative; padding-right: 20px; }
.inner-wrapper.support-page-v2 .box li a::after { content: "\f105"; font: normal normal normal 14px/1 fontawesome; display: block; position: absolute; right: 0; top: 3px; }
.inner-wrapper.support-page-v2 .breadcrumbs { padding-top: 5px; color: rgba(1, 111, 255, 0.75); line-height: 1.3; }
.inner-wrapper.support-page-v2 .breadcrumbs a:hover { text-decoration: underline; }
.inner-wrapper.support-page-v2 .box-col.box-half:nth-child(3n + 1) { clear: none; }
.inner-wrapper.support-page-v2 .box-col.box-half h5 { font-size: 24px; margin: 0 0 6px; }
.inner-wrapper.support-page-v2 .box-col.box-half .item-count { font-family: "Quicksand", sans-serif; font-weight: 500; letter-spacing: 0.14px; color: #0b1033; opacity: 0.75; font-size: 14px; line-height: 1.55; padding: 0 0 3px; }
.inner-wrapper.support-page-v2 .box-col.box-half p, .inner-wrapper.support-page-v2 .box-col.box-half li { font-size: 16px; }
.inner-wrapper.support-page-v2 .box-col.box-half li a::after { font-size: 16px; }
.inner-wrapper.support-page-v2 .box-col-wrap { -webkit-column-count: 2; column-count: 2; }
.inner-wrapper.support-page-v2 .box-col-wrap.addflex { display: -webkit-box; display: -ms-flexbox; display: flex; }
.inner-wrapper.support-page-v2 .box-col-wrap .box-col { width: 100%; display: inline-block; vertical-align: top; float: none; }

.customer-support-block { position: relative; }
.customer-support-block::before { content: ""; display: block; width: 100%; height: 50%; background: #f2f8fc; position: absolute; top: 0; left: 0; }
.customer-support-block .csb-content { background: #016fff url(images/support/blue-bg.svg) no-repeat; background-size: cover; color: #fff; text-align: center; padding: 55px 40px; -webkit-box-shadow: 0px 30px 40px rgba(11, 16, 51, 0.129); box-shadow: 0px 30px 40px rgba(11, 16, 51, 0.129); border-radius: 20px; position: relative; z-index: 2; }
.customer-support-block .csb-content h5 { letter-spacing: 0.42px; color: #ffffff; text-shadow: 0px 4px 3px #00000017; font-size: 42px; margin: 0 0 10px; }
.customer-support-block .csb-content .csb-desc { max-width: 548px; margin: 0 auto; font-family: "Quicksand", sans-serif; }
.customer-support-block .csb-content .csb-desc p { letter-spacing: 0.18px; color: #ffffff; opacity: 0.8; }
.customer-support-block .csb-content .csb-btn { margin: 30px 0 0; }
.customer-support-block .csb-content .csb-btn a { display: inline-block; padding: 20px 40px; color: #fff; background: #151e67; border-radius: 6px; font-size: 14px; outline: 0; min-width: 200px; font-family: "Gilroy-semibold"; }
.customer-support-block .csb-content .csb-btn a:hover { background: #000; }

.support-detail-page.support-page-v2 { color: #444; font-family: "Open Sans", sans-serif; }
.support-detail-page.support-page-v2 p, .support-detail-page.support-page-v2 li { font-size: 16px; line-height: 1.7; }
.support-detail-page.support-page-v2 p { margin-bottom: 1.25em; }
.support-detail-page.support-page-v2 .sec1-left a { color: rgba(1, 111, 255, 0.75); }
.support-detail-page.support-page-v2 .sec1-left a:hover { text-decoration: underline; }
.support-detail-page.support-page-v2 .sec1 .right-box { border: 1px solid rgba(135, 150, 168, 0.149); }
.support-detail-page.support-page-v2 .sec1 .right-box h5 { font-size: 22px; font-family: "Gilroy-Semibold"; margin-bottom: 0.5em; }
.support-detail-page.support-page-v2 .sec1 .right-box li { margin-bottom: 0 !important; position: relative; margin: 0; padding: 1em 0; }
.support-detail-page.support-page-v2 .sec1 .right-box li.active::before { content: ""; display: block; width: 3px; height: 100%; background: #016fff; position: absolute; left: -30px; top: 0; z-index: 1; }
.support-detail-page.support-page-v2 .sec1 .right-box li.active::after { content: ""; display: block; width: calc(100% + 60px); height: 100%; background: rgba(135, 150, 168, 0.06); position: absolute; left: -30px; top: 0; z-index: 1; }
.support-detail-page.support-page-v2 .sec1 .right-box li a { color: #555; position: relative; z-index: 2; }
.support-detail-page.support-page-v2 .sec1 .right-box li a:hover { color: #016fff; }

@media (max-width: 991px) { .ihs-v2 { padding: 80px 0; }
  .inner-wrapper.support-page-v2 .box-col { width: 50%; }
  .inner-wrapper.support-page-v2 .box-col:nth-child(3n + 1) { clear: none; }
  .inner-wrapper.support-page-v2 .box-col:nth-child(2n + 1) { clear: both; }
  .customer-support-block .csb-content h5 { font-size: 36px; }
  .ihs-v2 h2.title { font-size: 40px; } }
@media (max-width: 767px) { .ihs-v2 { padding: 60px 0; }
  .inner-wrapper.support-page-v2 .sec2 h3.section-head { padding: 0; }
  .inner-wrapper.support-page-v2 .box-col { width: 100%; clear: both; }
  .ihs-v2 .search-form { width: 100%; }
  .customer-support-block .csb-content { padding: 40px 35px; }
  .customer-support-block .csb-content h5 { font-size: 28px; }
  .customer-support-block .csb-content .csb-btn a { min-width: unset; padding: 15px 30px; }
  .ihs-v2 h2.title { font-size: 34px; }
  .ihs-v2 input.search-field { padding: 10px 10px 10px 48px; font-size: 16px; }
  .inner-wrapper.support-page-v2.support-detail-page .sec1 { padding-bottom: 0; }
  .inner-wrapper.support-page-v2 .breadcrumbs { padding-bottom: 15px; }
  .inner-wrapper.support-page-v2 .sec1 .right-box h5 { font-size: 18px; margin: 0 0 15px; }
  .inner-wrapper.support-page-v2 .sec1 .right-box li { margin-bottom: 10px; }
  .inner-wrapper.support-page-v2 .box-col-wrap { -webkit-column-count: unset; column-count: unset; display: block !important; }
  .inner-wrapper.support-page-v2 .box-col-wrap .box-col { display: block; } }
@media (max-width: 500px) { .customer-support-block .csb-content { padding: 30px; }
  .ihs-v2 { padding: 40px 0; }
  .inner-wrapper.support-page-v2 { padding: 40px 0 20px; } }
.pls-item { padding: 0 20px; }

.plugin-list-holder { margin-left: -20px; margin-right: -20px; }
@media (max-width: 764px) { .plugin-list-holder { margin-top: 25px; } }

.page-template-template-woo-premium-bundle footer .container { border: 0; }
.page-template-template-woo-premium-bundle .home-customersupport { margin: 15px auto 130px; max-width: 990px; }
@media only screen and (max-width: 765px) { .page-template-template-woo-premium-bundle .home-customersupport { margin: 15px auto 40px; } }
.page-template-template-woo-premium-bundle .home-customersupport .cspin p { max-width: 650px; font-size: 18px; line-height: 1.7; text-align: center; }
.page-template-template-woo-premium-bundle .home-customersupport .cspin .btnsect { margin-top: 20px; }
.page-template-template-woo-premium-bundle .home-customersupport .cspin .btnsect .btn { background: #fff; font-size: 16px; line-height: 19px; color: #016fff; font-family: "Gilroy-Semibold"; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-color: transparent; margin: 0; }
.page-template-template-woo-premium-bundle .home-customersupport .cspin .btnsect .btn img { display: block; margin-left: 15px; }

.woo-bundle-wrapper { background: #f7fafc; overflow: hidden; }
.woo-bundle-wrapper .head { text-align: center; margin: 0 0 40px; }
.woo-bundle-wrapper .head p { max-width: 770px; margin-left: auto; margin-right: auto; }
@media only screen and (max-width: 765px) { .woo-bundle-wrapper .head p { font-size: 14px; } }
@media only screen and (max-width: 600px) { .woo-bundle-wrapper .head p { font-size: 13px; } }
.woo-bundle-wrapper .faqnew { background: transparent; margin: 0; padding: 60px 0; }
.woo-bundle-wrapper .faqnew::before { display: none !important; }
@media only screen and (max-width: 765px) { .woo-bundle-wrapper .faqnew { padding: 45px 0; } }
@media only screen and (max-width: 600px) { .woo-bundle-wrapper .faqnew { padding: 45px 0 0; } }
.woo-bundle-wrapper .faqnew h2.resp-accordion.ver_1 { background: #f7fafc !important; }
.woo-bundle-wrapper .faqnew .resp-easy-accordion .resp-tab-content { background: #f7fafc !important; }
.woo-bundle-wrapper .sec4 { width: 100%; height: auto; clear: both; position: relative; padding: 10em 0; }
@media only screen and (max-width: 1020px) { .woo-bundle-wrapper .sec4 { background: #0279fc; padding: 5em 0; }
  .woo-bundle-wrapper .sec4 .bg-blue-img { display: none !important; } }
@media only screen and (max-width: 1020px) { .woo-bundle-wrapper .sec4 { padding: 3em 0; } }
.woo-bundle-wrapper .sec4 .bg-blue-img { position: absolute; top: 0; left: 0; width: calc(100vw - 3%); height: 100%; z-index: 1; pointer-events: none; }
.woo-bundle-wrapper .sec4 .bg-blue-img img { display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: left; object-position: left; }
.woo-bundle-wrapper .sec4 .p1 { width: 100%; height: auto; position: absolute; left: 0; top: -12em; display: none; }
.woo-bundle-wrapper .sec4 .p2 { width: 40%; height: auto; position: absolute; left: 0; top: 9em; z-index: 1; }
.woo-bundle-wrapper .sec4 .p3 { width: 40%; height: auto; position: absolute; right: -3vw; bottom: 1em; z-index: 1; }
.woo-bundle-wrapper .sec4 .container { position: relative; z-index: 10; }
.woo-bundle-wrapper .sec4 .tag1 { width: 100%; height: auto; padding-bottom: 60px; position: relative; z-index: 2; }
.woo-bundle-wrapper .sec4 .quote { width: 60px; height: 60px; margin-bottom: 15px; background: #fff url(./images/quote.svg) center center no-repeat; display: inline-block; border-radius: 100%; }
.woo-bundle-wrapper .sec4 h3 { font-family: "Quicksand", sans-serif; font-weight: 400; color: #fff; }
.woo-bundle-wrapper .sec4 h3 span { font-family: "Gilroy-Bold"; }
.woo-bundle-wrapper .sec4 .slide1 { width: 100%; height: auto; padding-top: 15px; }
.woo-bundle-wrapper .sec4 .slide1 .box { width: 100%; height: auto; background: #fff; padding: 30px; border-radius: 6px; display: inline-block; -webkit-box-shadow: 0px 20px 35px #0b103326; box-shadow: 0px 20px 35px #0b103326; }
.woo-bundle-wrapper .sec4 .slide1 .box .bottom-sec { width: 100%; height: auto; clear: both; padding-top: 20px; }
.woo-bundle-wrapper .sec4 .slide1 .box .bottom-sec .pic { width: 45px; height: 45px; border-radius: 100%; overflow: hidden; background: #dde4ec; float: left; }
.woo-bundle-wrapper .sec4 .slide1 .box .bottom-sec .right-sec { width: auto; float: left; padding-left: 20px; }
.woo-bundle-wrapper .sec4 .slide1 .box .bottom-sec h6 { font-size: 16px; color: #0b1033; margin-bottom: 10px; font-family: "Quicksand", sans-serif; font-weight: 600; }
.woo-bundle-wrapper .sec4 .slide1 .box p { font-size: 16px; font-family: "Gilroy-Medium"; }
.woo-bundle-wrapper .sec4 .tag2 { width: 100%; height: auto; clear: both; padding-bottom: 40px; }
.woo-bundle-wrapper .sec4 .tag2 h4 { color: #fff; text-align: center; font-size: 24px; line-height: 42px; font-family: "Quicksand", sans-serif; font-weight: 500; }
.woo-bundle-wrapper .sec4 .slick-slider { margin: 0 -15px; }
.woo-bundle-wrapper .sec4 .slick-slide { margin-right: 15px; margin-left: 15px; }
@media only screen and (min-width: 765px) { .woo-bundle-wrapper .sec4 .tag1 { padding: 3em 0; }
  .woo-bundle-wrapper .sec4 .slide1 { padding-top: 2em; }
  .woo-bundle-wrapper .sec4 .tag2 { width: 100%; height: auto; clear: both; padding-bottom: 3em; }
  .woo-bundle-wrapper .sec4 .tag2 h4 { margin-bottom: 1em; } }
@media only screen and (min-width: 1400px) { .woo-bundle-wrapper .sec4 .slide1 { padding-top: 3em; }
  .woo-bundle-wrapper .sec4 .tag1 { padding: 5em 0 9em 0; }
  .woo-bundle-wrapper .sec4 .tag2 { padding-bottom: 0; }
  .woo-bundle-wrapper .sec4 .tag2 h4 { margin-bottom: 3em; }
  .woo-bundle-wrapper .sec4 .slick-list { overflow: inherit; } }
.woo-bundle-wrapper .sec4 .slide1 .box p { min-height: 150px; font-family: "Quicksand", sans-serif; font-weight: 600; font-size: 16px; line-height: 32px; color: #0b1033; opacity: 0.75; }

.woo-bundle-banner .hm_eleganeslider .imgsect { width: 70vw; top: 0; }
@media only screen and (max-width: 600px) { .woo-bundle-banner .hm_eleganeslider .imgsect { width: 100%; top: auto; left: auto; right: auto; bottom: auto; position: relative; margin: 0 0 20px; display: block; }
  .woo-bundle-banner .hm_eleganeslider .imgsect img { float: none; } }
.woo-bundle-banner .hm_eleganeslider { background: #fff; }
@media only screen and (max-width: 600px) { .woo-bundle-banner .hm_eleganeslider { padding: 30px 0; } }
.woo-bundle-banner .hm_eleganeslider .secttext .titleone { font-size: 24px; line-height: 29px; font-family: "Gilroy-Bold"; color: rgba(11, 16, 51, 0.75); }
.woo-bundle-banner .hm_eleganeslider .btnsect .btnone { margin: 0; }

.bundle-features-wrap { background: #f7fafc; position: relative; padding: 40px 0 0; }
@media only screen and (max-width: 600px) { .bundle-features-wrap { padding: 20px 0 0; } }
.bundle-features-wrap::before { content: ""; background: #f7fafc; position: absolute; top: -40px; left: 0; width: 100%; height: 100%; -webkit-transform: skewY(2deg); transform: skewY(2deg); pointer-events: none; }
@media only screen and (max-width: 600px) { .bundle-features-wrap::before { top: -20px; } }
.bundle-features-wrap .head p { max-width: 510px; }
.bundle-features-wrap .features-row { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -15px; margin-right: -15px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.bundle-features-wrap .features-item { display: block; width: 33.33%; padding: 15px; }
@media only screen and (max-width: 1020px) { .bundle-features-wrap .features-item { width: 50%; } }
@media only screen and (max-width: 600px) { .bundle-features-wrap .features-item { width: 100%; } }
.bundle-features-wrap .icon-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #ffffff; -webkit-box-shadow: 0px 19px 24px rgba(17, 24, 82, 0.03); box-shadow: 0px 19px 24px rgba(17, 24, 82, 0.03); border-radius: 16px; padding: 30px; text-align: center; }
.bundle-features-wrap .icon-box:hover { -webkit-box-shadow: 0px 19px 24px rgba(17, 24, 82, 0.07); box-shadow: 0px 19px 24px rgba(17, 24, 82, 0.07); }
.bundle-features-wrap .icon-box img { display: block; margin: 0 auto; width: auto; height: auto; max-height: 225px; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; }
.bundle-features-wrap .icon-box h6 { font-weight: normal; font-family: "Gilroy-Bold"; font-size: 20px; line-height: 24px; color: #111852; margin: 15px 0 7px; }
.bundle-features-wrap .icon-box p { font-size: 16px; line-height: 1.88; color: rgba(11, 16, 51, 0.75); font-family: "Open Sans", sans-serif; }

.bundle-table-sec { background: #f7fafc; padding: 80px 0 40px; }
@media only screen and (max-width: 600px) { .bundle-table-sec { padding: 40px 0 20px; } }

.view-all-products { margin: 0 auto; margin-top: 36px; text-align: center; }
.view-all-products a { font-size: 15px; line-height: 22px; color: #016fff; font-family: "Open Sans", sans-serif; font-weight: 600; }
.view-all-products a:after { width: 8px; margin-left: 24px; vertical-align: middle; content: ""; font: normal normal normal 15px/1.5 fontawesome; margin-left: 11px; -webkit-transition: 0.5s; transition: 0.5s; display: inline-block; }
.view-all-products a:hover:after { -webkit-transform: translateX(10px); transform: translateX(10px); -webkit-transition: 0.5s; transition: 0.5s; }

.bundle-table table td:first-child { border-radius: 20px 0 0 20px; background: transparent; }
.bundle-table table { background: transparent; }
.bundle-table table td, .bundle-table table th { padding: 20px; vertical-align: middle; }
@media only screen and (max-width: 765px) { .bundle-table table td, .bundle-table table th { font-size: 14px; } }
@media only screen and (max-width: 600px) { .bundle-table table td, .bundle-table table th { font-size: 12px; padding: 15px; } }
.bundle-table .bundle-table-wrap { width: 100%; overflow: auto; padding-top: 30px; }
.bundle-table table th { background: transparent; padding-top: 25px; }
.bundle-table table th:not(:first-child) { background: #fff; text-align: center; }
.bundle-table table th:nth-child(2) { border-radius: 20px 0 0 0; }
.bundle-table table th:nth-child(4) { border-radius: 0 20px 0 0; }
.bundle-table table tr:not(:last-child) td:not(:first-child) { background: #fff; text-align: center; }
.bundle-table table tr td:nth-child(3), .bundle-table table tr th:nth-child(3) { background: #f2f6ff !important; position: relative; border-width: 0 9px; border-style: solid; border-color: #fff; }
@media only screen and (min-width: 600px) { .bundle-table table tr td:nth-child(3), .bundle-table table tr th:nth-child(3) { display: block; } }
.bundle-table table tr:last-child td:nth-child(3) { border-width: 0 9px 9px 9px; border-color: #fff; border-radius: 0 0 20px 20px; border-style: solid; }
@media only screen and (min-width: 600px) { .bundle-table table tr:last-child td:nth-child(3) { display: block; } }
.bundle-table table tr:first-child th:nth-child(3)::before { content: ""; display: block; background: #f2f6ff; position: absolute; top: -26px; left: -9px; width: 100%; height: 17px; border-width: 9px 9px 0 9px; border-color: #fff; border-style: solid; border-radius: 20px 20px 0 0; }
.bundle-table table tr:last-child td { text-align: center; }
@media only screen and (max-width: 600px) { .bundle-table table td img { max-width: 24px; } }
.bundle-table .buy-btn { font-family: "Gilroy-Semibold"; background: #ffffff; border: 1px solid rgba(1, 111, 255, 0.25); -webkit-box-shadow: 0px 7px 21px rgba(17, 24, 82, 0.09); box-shadow: 0px 7px 21px rgba(17, 24, 82, 0.09); border-radius: 6px; font-size: 16px; line-height: 19px; color: #016fff; display: block; width: 100%; margin: 0 0 15px; padding: 15px 30px; }
.bundle-table .buy-btn:hover { background: #016fff; color: #fff; }
@media only screen and (max-width: 600px) { .bundle-table .buy-btn { font-size: 13px; padding: 10px 20px; } }
.bundle-table table tr:not(:hover):nth-last-child(2) td:nth-child(2) { border-radius: 0 0 0 20px; }
.bundle-table table tr:not(:hover):nth-last-child(2) td:nth-child(4) { border-radius: 0 0 20px 0; }
.bundle-table table tr:not(:last-child):hover td:first-child { background: rgba(54, 189, 177, 0.1) !important; border-color: transparent !important; }
.bundle-table table tr:not(:last-child):hover td:not(:first-child) { background: rgba(196, 196, 196, 0.1) !important; border-color: transparent white transparent transparent !important; }
.bundle-table th span { display: block; }
.bundle-table span.th-name { color: #111852; font-size: 22px; line-height: 1.2; text-align: center; text-transform: capitalize; font-family: "Gilroy-Semibold"; }
.bundle-table span.th-name i { color: #016fff; font-style: normal; }
@media only screen and (max-width: 765px) { .bundle-table span.th-name { font-size: 19px; } }
@media only screen and (max-width: 600px) { .bundle-table span.th-name { font-size: 16px; } }
.bundle-table .th-price { font-size: 40px; line-height: 1.2; color: #111852; font-family: "Gilroy-Bold"; }
.bundle-table .th-price i { font-style: normal; font-size: 24px; display: inline-block; vertical-align: top; margin-right: 7px; }
@media only screen and (max-width: 765px) { .bundle-table .th-price i { font-size: 18px; margin-right: 5px; } }
@media only screen and (max-width: 600px) { .bundle-table .th-price i { font-size: 14px; } }
@media only screen and (max-width: 765px) { .bundle-table .th-price { font-size: 32px; } }
@media only screen and (max-width: 600px) { .bundle-table .th-price { font-size: 24px; } }
.bundle-table .th-save { font-size: 16px; line-height: 19px; text-align: center; text-transform: capitalize; color: #455a64; opacity: 0.6; font-family: "Gilroy-Medium"; }
@media only screen and (max-width: 765px) { .bundle-table .th-save { font-size: 14px; } }
@media only screen and (max-width: 600px) { .bundle-table .th-save { font-size: 12px; } }
.bundle-table .table-bottom-text { text-align: center; max-width: 480px; margin: 0 auto; padding: 0 0 10px; font-size: 14px; line-height: 1.7; color: rgba(11, 16, 51, 0.45); }
@media only screen and (max-width: 765px) { .bundle-table .table-bottom-text { font-size: 12px; } }

.bundle-products-wrap { background: #f7fafc; position: relative; padding: 40px 0; }
.bundle-products-wrap .products-row { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -15px; margin-right: -15px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.bundle-products-wrap .product-item { display: block; width: 33.33%; padding: 15px; }
@media only screen and (max-width: 1020px) { .bundle-products-wrap .product-item { width: 50%; } }
@media only screen and (max-width: 600px) { .bundle-products-wrap .product-item { width: 100%; } }
.bundle-products-wrap .product-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #ffffff; -webkit-box-shadow: 0px 19px 24px rgba(17, 24, 82, 0.03); box-shadow: 0px 19px 24px rgba(17, 24, 82, 0.03); border-radius: 16px; text-align: center; position: relative; overflow: hidden; }
.bundle-products-wrap .product-box:hover { -webkit-box-shadow: 0px 19px 24px rgba(17, 24, 82, 0.07); box-shadow: 0px 19px 24px rgba(17, 24, 82, 0.07); }
.bundle-products-wrap .product-box .product-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 30px 45px; background: rgba(230, 237, 254, 0.2); }
.bundle-products-wrap .product-box .product-icon { background: #ffffff; -webkit-box-shadow: 0px 44px 64px rgba(17, 24, 82, 0.1); box-shadow: 0px 44px 64px rgba(17, 24, 82, 0.1); border-radius: 15px; width: 70px; height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 2; }
.bundle-products-wrap .product-box h6 { font-weight: normal; font-family: "Gilroy-Bold"; font-size: 22px; line-height: 1.59; color: #111852; margin: 10px 0 0; position: relative; z-index: 2; }
.bundle-products-wrap .product-box .product-overlay { display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: rgba(17, 24, 82, 0.8); color: #fff; padding: 50px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.bundle-products-wrap .product-box .product-overlay p { font-weight: 600; font-size: 18px; line-height: 1.78; text-align: center; color: rgba(255, 255, 255, 0.75); }
.bundle-products-wrap .product-box .product-overlay button { display: block; margin: 20px 0 0; width: 100%; font-weight: 600; font-size: 16px; line-height: 19px; text-align: center; color: #016fff; padding: 15px; background: #fff; }
.bundle-products-wrap .product-box .product-overlay button:hover { background: #016fff; color: #fff; }
.bundle-products-wrap .product-item .product-box .product-content::after { content: ""; background: #e6edfe; opacity: 0.6; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.bundle-products-wrap .product-item .product-box:hover .product-content { opacity: 0; }
.bundle-products-wrap .product-item .product-box:hover .product-content::after { opacity: 0; }
.bundle-products-wrap .product-item .product-box:hover .product-overlay { display: block; }
.bundle-products-wrap .product-item:nth-child(2) .product-box .product-content::after { background: #ffefc4; }
.bundle-products-wrap .product-item:nth-child(3) .product-box .product-content::after { background: #ffe1d7; }
.bundle-products-wrap .product-item:nth-child(4) .product-box .product-content::after { background: #bafee7; }
.bundle-products-wrap .product-item:nth-child(5) .product-box .product-content::after { background: #f2d9fe; }
.bundle-products-wrap .product-item:nth-child(6) .product-box .product-content::after { background: #d6e7fe; }
.bundle-products-wrap .product-item:nth-child(7) .product-box .product-content::after { background: #e5ecfd; }
.bundle-products-wrap .product-item:nth-child(8) .product-box .product-content::after { background: #fdeec5; }
.bundle-products-wrap .product-item:nth-child(9) .product-box .product-content::after { background: #bafee7; }
.bundle-products-wrap .product-item:nth-child(10) .product-box .product-content::after { background: #ffe1d7; }
.bundle-products-wrap .product-item:nth-child(11) .product-box .product-content::after { background: #bafee7; }
.bundle-products-wrap .product-item:nth-child(12) .product-box .product-content::after { background: #f2d9fe; }
.bundle-products-wrap .product-item:nth-child(9) .product-box > img, .bundle-products-wrap .product-item:nth-child(10) .product-box > img, .bundle-products-wrap .product-item:nth-child(11) .product-box > img, .bundle-products-wrap .product-item:nth-child(12) .product-box > img { opacity: 0.2; }

@media (min-width: 768px) { .hm_eleganeslider .secttext h3 { max-width: 550px; }
  .hm_eleganeslider .secttext p { max-width: 500px; } }
@media (min-width: 1020px) { .hm_eleganeslider .secttext h3 { font-size: 64px; line-height: 77px; }
  .hm_eleganeslider .secttext p { font-size: 18px; }
  .hm_eleganeslider .btnsect { margin-top: 40px; } }
#affwp-register-form { width: 100%; }
@media (min-width: 841px) { #affwp-register-form { float: left; width: 50%; clear: left; } }

#affwp-login-form { width: 100%; }
@media (min-width: 841px) { #affwp-login-form { float: left; width: 50%; } }

.post .affwp-errors { width: 100%; padding: 5px 10px; margin: 15px 15px 5px; max-width: calc(100% - 30px); }
@media (min-width: 841px) { .post .affwp-errors { float: left; max-width: calc(50% - 30px); } }

.post form.affwp-form { padding: 15px; }
.post form.affwp-form a { text-decoration: underline; }
.post form.affwp-form fieldset { border: 1px solid #eee; padding: 30px; background: #fff; position: relative; display: block; width: 100%; }
.post form.affwp-form fieldset legend { padding: 20px 30px; margin: 0; position: relative; font-weight: 400; color: #000; background: #fafafa; border-color: #eeeeee; border-width: 1px 1px; border-style: solid; font-family: "Gilroy-Medium"; display: block; width: calc(100% + 62px); left: -31px; }
.post form.affwp-form fieldset p { margin: 0 0 15px; }
.post form.affwp-form fieldset p label { display: block; margin: 0 0 5px; }
.post form.affwp-form fieldset p input[type="checkbox"] + label { display: inline-block; vertical-align: middle; margin: 0; }
.post form.affwp-form fieldset p input[type="checkbox"] { display: inline-block; vertical-align: middle; margin: 0 5px 0 0; }

.post #affwp-affiliate-dashboard { padding: 0 15px; }
.post #affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs { margin: 0 0 30px; padding: 0; border: 1px solid #eee; background: #fafafa; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.post #affwp-affiliate-dashboard li.active { font-weight: normal; }
.post #affwp-affiliate-dashboard li.active a { background: #08aeea !important; color: #fff; }
.post #affwp-affiliate-dashboard li { padding: 0; display: block; }
.post #affwp-affiliate-dashboard li a { display: block; padding: 10px 20px; font-size: 15px; color: #151e67; }
.post #affwp-affiliate-dashboard li a:hover { background: #eee; }
.post #affwp-affiliate-dashboard h4 { margin: 0 0 20px; padding: 0 0 10px; border-bottom: 2px solid #eee; font-size: 24px; }
.post #affwp-affiliate-dashboard .affwp-tab-content { position: relative; }
.post #affwp-affiliate-dashboard .affwp-tab-content .affwp-form { border: 0; padding: 15px 0 0; background: transparent; position: relative; display: block; width: 100%; }
.post #affwp-affiliate-dashboard .affwp-tab-content .affwp-form label { display: block; margin: 0 0 5px; font-size: 16px; }
.post #affwp-affiliate-dashboard .affwp-tab-content .affwp-form input[type="checkbox"] + label { display: inline-block; vertical-align: middle; margin: 0; }
.post #affwp-affiliate-dashboard table.affwp-table td, .post #affwp-affiliate-dashboard table.affwp-table th { padding: 10px 15px; }
.post #affwp-affiliate-dashboard table.affwp-table th { font-family: "Gilroy-Bold"; }
.post #affwp-affiliate-dashboard .affwp-table-responsive td:before { font-weight: normal; font-family: "Gilroy-Bold"; }
.post #affwp-affiliate-dashboard .affwp-graph table { margin: 0; }
.post #affwp-affiliate-dashboard .affwp-graph table td { padding: 10px 10px 0; font-size: 14px; color: #555; }
.post #affwp-affiliate-dashboard .affwp-graph table td + td { padding-left: 0; }
.post #affwp-affiliate-dashboard .affwp-graph table tr:last-child td { padding-bottom: 10px; }
.post #affwp-affiliate-dashboard .tablenav.top { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 350px; }
@media (min-width: 768px) { .post #affwp-affiliate-dashboard .tablenav.top { position: absolute; top: 0; right: 0; text-align: right; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } }
.post #affwp-affiliate-dashboard .tablenav.top select#affwp-graphs-date-options { border: 1px solid #ccc; padding: 5px 10px; font-size: 15px; }
.post #affwp-affiliate-dashboard .tablenav.top input[type="submit"] { padding: 6px 20px; height: auto; width: auto; margin: 0 0 0 5px; font-size: 15px; font-weight: normal; background: #ddd; color: #000; font-family: "Gilroy-Medium"; }
.post #affwp-affiliate-dashboard .tablenav.top input[type="submit"]:hover { background: #ccc; }
.post #affwp-affiliate-dashboard .affwp-tab-content input.button { width: -webkit-max-content !important; width: -moz-max-content !important; width: max-content !important; padding: 10px 20px; }

.aff-sec { position: relative; padding: 60px 0; color: rgba(0, 31, 104, 0.75); font-size: 13px; line-height: 1.4; }
.aff-sec p, .aff-sec li { font-size: 13px; }
@media (min-width: 768px) { .aff-sec { padding: 100px 0; font-size: 16px; }
  .aff-sec p, .aff-sec li { font-size: 16px; } }
.aff-sec .head { text-align: center; padding: 0 0 10px; }
@media (min-width: 768px) { .aff-sec .head { padding: 0 0 20px; } }
.aff-sec .head h2 { font-size: 24px; line-height: 1.2; font-family: "Gilroy-Black"; font-weight: normal; color: #001f68; margin: 0 0 20px; }
@media (min-width: 768px) { .aff-sec .head h2 { font-size: 40px; } }
.aff-sec .head p { font-weight: 400; font-size: 13px; line-height: 1.4; color: rgba(0, 31, 104, 0.75); }
@media (min-width: 768px) { .aff-sec .head p { font-size: 16px; } }

.aff-sec.sec1 { background: url(images/affiliates/top-bg.jpg) no-repeat center; background-size: cover; }
.aff-sec.sec1 .container { padding-top: 60px; }
.aff-sec.sec1 .sec-text { position: relative; z-index: 2; }
@media (min-width: 768px) { .aff-sec.sec1 .sec-text { width: 50%; } }
.aff-sec.sec1 .sec-text h1 { font-family: "Gilroy-Black"; font-weight: normal; line-height: 1.2; color: #001f68; font-size: 32px; }
@media (min-width: 768px) { .aff-sec.sec1 .sec-text h1 { font-size: 52px; } }
.aff-sec.sec1 .sec-text p { font-weight: 600; font-size: 14px; line-height: 1.4; color: rgba(0, 31, 104, 0.75); }
@media (min-width: 768px) { .aff-sec.sec1 .sec-text p { font-size: 18px; max-width: 70%; } }
.aff-sec.sec1 .btnone { padding: 15px 28px; font-size: 16px; font-family: "Gilroy-semibold"; margin: 20px 0; color: #ffffff; background: #016fff; -webkit-box-shadow: 0px 13px 21px rgba(1, 111, 255, 0.17); box-shadow: 0px 13px 21px rgba(1, 111, 255, 0.17); border-radius: 6px; display: inline-block; }
@media (min-width: 768px) { .aff-sec.sec1 .btnone { padding: 20px 40px; font-size: 16px; line-height: 20px; margin-right: 24px; } }
.aff-sec.sec1 .btnone img { margin-left: 11px; vertical-align: middle; -webkit-transition: 0.5s; transition: 0.5s; display: inline-block; }
.aff-sec.sec1 .btnone:hover img { -webkit-transform: translateX(10px); transform: translateX(10px); -webkit-transition: 0.5s; transition: 0.5s; }
.aff-sec.sec1 .sec-text-bottom { font-weight: 600; font-size: 14px; line-height: 1.2; color: #001f68; }
.aff-sec.sec1 .sec-text-bottom a { color: #0083ff; }
.aff-sec.sec1 .sec-text-bottom a:hover { text-decoration: underline; }
@media (min-width: 768px) { .aff-sec.sec1 .sec-image { width: 65%; position: absolute; right: 0; bottom: 0; } }

.aff-block-item h4 { color: #001f68; font-size: 22px; font-family: "Gilroy-Black"; }
.aff-block-item .icon-wrap { position: relative; height: 120px; padding-left: 15px; margin: 10px 0; line-height: 1; }
@media (min-width: 768px) { .aff-block-item .icon-wrap { height: 192px; } }
.aff-block-item .icon-wrap span { display: block; font-weight: 800; font-size: 120px; color: rgba(255, 163, 79, 0.2); pointer-events: none; }
@media (min-width: 768px) { .aff-block-item .icon-wrap span { font-size: 192px; } }
.aff-block-item .icon { position: absolute; left: 0; bottom: 15px; width: 64px; height: 64px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #ffa34f; border-radius: 10px; }
.aff-block-item .icon img { max-height: 33px; width: auto; -o-object-fit: contain; object-fit: contain; }
.aff-block-item:nth-child(2) .icon-wrap span { color: rgba(51, 198, 136, 0.2); }
.aff-block-item:nth-child(2) .icon { background: #03ce96; }
.aff-block-item:nth-child(3) .icon-wrap span { color: rgba(63, 180, 231, 0.2); }
.aff-block-item:nth-child(3) .icon { background: #42b0ff; }

.aff-sec.sec3 { background: #f7faff; }
.aff-sec.sec3 .head { text-align: left; }
.aff-sec.sec3 .aff-feature-item { padding: 30px 15px; }
.aff-sec.sec3 .aff-feature-item:nth-child(2n + 1) { clear: both; }
.aff-sec.sec3 .aff-feature-item h4 { font-size: 21px; margin: 15px 0 10px; padding-right: 25px; }
.aff-sec.sec3 .aff-feature-item p { font-size: 16px; padding-right: 25px; }
.aff-sec.sec3 .btnone { padding: 15px 28px; font-size: 16px; font-family: "Gilroy-bold"; margin: 20px 0; color: #016fff; background: transparent; border: 1px solid #0083ff; border-radius: 6px; display: inline-block; }
@media (min-width: 768px) { .aff-sec.sec3 .btnone { padding: 20px 40px; font-size: 16px; line-height: 20px; } }
.aff-sec.sec3 .btnone img { margin-left: 11px; vertical-align: middle; -webkit-transition: 0.5s; transition: 0.5s; display: inline-block; }
.aff-sec.sec3 .btnone:hover { background: #fff; }
.aff-sec.sec3 .btnone:hover img { -webkit-transform: translateX(10px); transform: translateX(10px); -webkit-transition: 0.5s; transition: 0.5s; }

.aff-sec.sec4 { border-bottom: 1px solid #c5cddd; }
.aff-sec.sec4 .aff-do-item ul { margin: 0; padding: 15px 15px 0; list-style: none; }
.aff-sec.sec4 .aff-do-item li { border-bottom: 1px solid #c5cddd; padding: 10px 0 10px 40px; position: relative; font-size: 18px; line-height: 1.7; }
.aff-sec.sec4 .aff-do-item li:last-child { border-bottom: 0; }
.aff-sec.sec4 .aff-do-item li::before { content: ""; display: block; width: 23px; height: 23px; background-image: url(images/affiliates/icon-tick.svg); background-repeat: no-repeat; background-size: contain; position: absolute; left: 0; top: 15px; }
.aff-sec.sec4 .aff-do-item:last-child li::before { background-image: url(images/affiliates/icon-close.svg); }

.app-benefit-item { padding: 15px 15px; margin: 0; }
.app-benefit-item h6 { font-weight: 700; font-size: 21px; line-height: 1.2; color: #001f68; margin: 10px 0; }
.app-benefit-item:nth-child(2n + 1) { clear: both; }
@media (min-width: 768px) { .app-benefit-item { padding: 25px 15px; }
  .app-benefit-item:nth-child(2n + 1) { clear: none; }
  .app-benefit-item:nth-child(4n + 1) { clear: both; } }

.aff-sec.sec6 { background: #f7faff; }
.aff-sec.sec6 .faqs-items-wrap { max-width: 770px; margin: 0 auto; }
.aff-sec.sec6 .faqs-item { margin: 16px 0; background: #fff; padding: 10px 24px; border: 1px solid rgba(8, 17, 49, 0.09); -webkit-box-shadow: 0px 44px 60px -20px rgba(8, 17, 49, 0.08); box-shadow: 0px 44px 60px -20px rgba(8, 17, 49, 0.08); border-radius: 10px; }
.aff-sec.sec6 a { color: #016fff; }
.aff-sec.sec6 a:hover { text-decoration: underline; }
.aff-sec.sec6 .faq-question { cursor: pointer; font-weight: 400; font-size: 16px; line-height: 1.4; color: rgba(0, 31, 104, 0.75); margin: 0; background-image: url(images/affiliates/arrow-bottom.svg); background-repeat: no-repeat; background-position: right; background-size: 12px; padding: 10px 0; }
.aff-sec.sec6 .faq-question.active { background-image: url(images/affiliates/arrow-top.svg); }
.aff-sec.sec6 .faq-answer { display: none; padding: 5px 0 10px 0; }
.aff-sec.sec6 .faq-question.active + .faq-answer { display: block; }

.sec-cta { position: relative; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f7faff), color-stop(50%, #ffffff)); background: linear-gradient(to bottom, #f7faff 50%, #ffffff 50%); }

.cta-block { background: url(images/affiliates/cta-bg.jpg) no-repeat #0083ff; background-size: cover; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 25px; border-radius: 16px; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
@media (min-width: 768px) { .cta-block { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; text-align: left; padding: 50px; } }
.cta-block .cta-text-col { width: 100%; }
@media (min-width: 768px) { .cta-block .cta-text-col { width: 55%; } }
.cta-block .cta-btn-col { width: 100%; }
@media (min-width: 768px) { .cta-block .cta-btn-col { width: 55%; text-align: right; } }
.cta-block .cta-title { font-size: 28px; line-height: 1.2; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.13); font-family: "Gilroy-black"; margin: 0 0 20px; }
@media (min-width: 768px) { .cta-block .cta-title { font-size: 45px; } }
.cta-block p { font-size: 15px; margin: 0; }
@media (min-width: 768px) { .cta-block p { font-size: 22px; } }
.cta-block .btnone { padding: 15px 28px; font-size: 16px; font-family: "Gilroy-bold"; margin: 20px 0; color: #016fff; background: #fff; border-radius: 6px; display: inline-block; }
@media (min-width: 768px) { .cta-block .btnone { padding: 20px 40px; font-size: 16px; line-height: 20px; } }
.cta-block .btnone img { margin-left: 11px; vertical-align: middle; -webkit-transition: 0.5s; transition: 0.5s; display: inline-block; }
.cta-block .btnone:hover { background: #fff; }
.cta-block .btnone:hover img { -webkit-transform: translateX(10px); transform: translateX(10px); -webkit-transition: 0.5s; transition: 0.5s; }

.page-template-template-affiliates .header_block { position: fixed; }

@media only screen and (min-width: 1200px) { .header_block li { opacity: 1; } }
@media only screen and (min-width: 1200px) { .product-page .sec2 .left-sec .bottom-sec .col-md-6 { margin-top: 3em; }
  .header_block .container { max-width: 95%; }
  .product-page .sec1 .col-md-7 { padding-left: 60px; } }
@media only screen and (max-width: 1400px) { .home-wrapper .sec5 .p1 { top: -9em; }
  .home-wrapper .sec5 .p1 { width: 110%; max-width: inherit; }
  .product-page .sec4 .p1 { top: -9em; }
  .product-page .sec4 .p1 { width: 110%; max-width: inherit; } }
@media only screen and (max-width: 1200px) { .header_block .right-sec { padding-right: 35px; }
  .header_block .right-sec .login-sec { width: auto; height: auto; float: right; }
  .header_block .right-sec .login-sec li .lgn { width: 104px; font-size: 14px; height: 30px; line-height: 28px; margin-right: 10px; }
  .header_block .right-sec .main-navigation ul { padding-top: 60px; }
  .header_block .right-sec .main-navigation ul ul { padding-top: 0; }
  .header_block .right-sec .main-navigation li { width: 100%; height: auto; clear: both; margin: 0; text-align: left; }
  .header_block .right-sec .main-navigation li a { width: 100%; }
  span.icon.icon-plus { right: 10px; }
  button.slick-next.slick-arrow { margin-right: 15px; }
  button.slick-prev.slick-arrow { right: 50px; }
  .home-wrapper .sec5 .p1 { top: 0; width: 100%; }
  .home-wrapper .sec5 { overflow: hidden; background: #0279fc; }
  .home-wrapper .sec5 .p3 { bottom: -75px; }
  .product-page .sec4 .p1 { top: 0; width: 100%; }
  .product-page .sec4 { overflow: hidden; background: #0279fc; }
  .product-page .sec4 .p3 { bottom: -75px; }
  .product-page .compatible-sec { padding: 30px 0; }
  .product-page .sec2 { background: #0385f8; }
  .product-page .sec4 { padding-bottom: 30px; }
  .product-page .compatible-sec { padding-bottom: 0; padding-top: 40px; }
  .product-page .sec6 { padding-bottom: 60px; }
  .login-page-wrapper .cnt-sec { padding: 0 30px; }
  .header_block .right-sec .login-sec li .sign { font-size: 14px; line-height: 28px; }
  .header_block .right-sec .login-sec li .sign span.cart-quantity .text-quantity { top: -6px; } }
@media only screen and (max-width: 1020px) { h1 { font-size: 30px; }
  h2 { font-size: 30px; }
  h3 { font-size: 24px; }
  h4 { font-size: 20px; }
  h5 { font-size: 19px; }
  p, li { font-size: 15px; }
  .notf-cnt:after { display: none; }
  .notf-cnt h1 { font-size: 80px; }
  .notf-cnt h2 { font-size: 20px; }
  .home-banner h1 span { font-size: 25px; }
  .blog-list-page .sec1 .blg-lft-desc { width: 100%; left: 0; margin-top: 0; }
  .support-page .sec1 .box li { padding-right: 0; }
  .support-page .sec1 .box li:before { display: none; }
  .notf-cnt:after { display: none; }
  .showcase-page .sec1 .title-sec li { font-size: 14px; }
  .blog-list-page .sec2 .col-lg-4:nth-child(3n+1) { clear: none; }
  .blog-list-page .sec2 .col-lg-4:nth-child(2n+1) { clear: left; }
  .home-wrapper .sec6 { padding: 0 0 100px 0; margin-top: 60px; }
  .home-wrapper .sec6 h2 { font-size: 34px; margin-bottom: 60px; }
  .home-wrapper .sec6 .blogPosts h3 { font-size: 16px; line-height: 24px; }
  .home-wrapper .sec6 .blogPosts .dotsGrid { background-size: 100% auto; height: 60px; width: 120px; top: -60px; margin-left: -60px; }
  .home-wrapper .sec6 .blogPosts .styletwo h3 { font-size: 24px; line-height: 34px; } }
@media only screen and (max-width: 765px) { h1 { font-size: 30px; }
  h2 { font-size: 24px; }
  h3 { font-size: 22px; }
  h4 { font-size: 19px; }
  h5 { font-size: 18px; }
  .home-banner .bottom-sec li { margin: 10px; }
  .header_block .right-sec { padding-top: 8px; }
  .navicon { top: 7px; }
  .home-banner h1 { font-size: 25px; }
  .home-banner h1 span { font-size: 16px; }
  .home-banner { padding: 100px 0 30px 0; }
  .home-banner .bottom-sec li a { padding: 10px 20px; }
  .home-wrapper .sec1 .container { width: 70%; }
  .home-wrapper .sec3 .icon { margin-bottom: 10px; }
  .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2 { margin-top: 15px; margin-bottom: 15px; }
  .home-wrapper .sec5 { padding-top: 30px; }
  .product-page .sec4 { padding-top: 30px; }
  .home-wrapper { text-align: center; }
  .home-wrapper .sec3 .icon { width: 100%; height: auto; }
  .home-wrapper .sec4 .sld .cnt li { list-style-type: none; }
  .home-wrapper .sec4 .sld .cnt ul { padding: 0; margin: 0; }
  .login-page-wrapper { width: 100%; height: auto; display: inline-block; }
  .login-page-wrapper .lft { width: 100%; height: auto; padding: 50px 0; }
  .login-page-wrapper .rht { width: 100%; height: auto; padding: 50px 0; }
  .page-template-template-login .header_block { position: relative; }
  .login-page-wrapper .cnt-sec { padding: 0 15px; }
  .blog-list-page .sec1 .blg-lft-desc { padding: 30px; }
  .blog-list-page .sec1 { padding-top: 0; }
  .blog-bottom { display: inline-block; }
  .blog-bottom .left-sec { width: 100%; }
  .blog-bottom .right-sec { width: 100%; }
  .notf-cnt input { width: 200px; }
  .product-page .sec3 .resp-tabs-container { min-height: inherit; }
  .product-page .compatible-sec .Compatible-slide { margin-bottom: 30px; }
  .product-page .compatible-sec .r-more { margin-top: 30px; }
  .header_block .right-sec .login-sec li .lgn { font-size: 0; width: 35px; }
  .home-wrapper .sec5 .tag2 .slick-track { height: 80px; }
  .home-wrapper .sec1 .container { padding: 0; }
  .home-wrapper .sec3 .col-lg-4 { margin-top: 25px; margin-bottom: 25px; }
  .container { padding: 0 15px; }
  .home-wrapper .sec5 .slide1 .box { text-align: left; }
  .home-wrapper .sec5 .slide1 .box p br { display: none; }
  footer .sec1 h6 { margin-bottom: 5px; }
  footer .sec1 { padding-bottom: 0; }
  .home-wrapper .sec3 .col-lg-4:nth-child(even) { background: #f3fcff; }
  .home-wrapper .sec3 .col-lg-4:nth-child(even):before { content: ""; width: 105vw; height: 100%; position: absolute; left: -5vw; top: 0; background: #f3fcff; }
  .home-wrapper .sec3 { overflow: hidden; }
  .home-wrapper .sec3 .col-lg-4 { padding: 30px; margin: 0px; position: relative; }
  .home-wrapper .sec3 .col-lg-4 .icon, .home-wrapper .sec3 .col-lg-4 h6, .home-wrapper .sec3 .col-lg-4 p { position: relative; z-index: 10; }
  .home-wrapper .sec2 { padding-bottom: 0; }
  .header_block .container { max-width: 100%; padding: 0 15px; }
  .disabled { opacity: 0.5; cursor: default; }
  .header_block .right-sec .login-sec li .sign { font-size: 0; }
  .home-wrapper .sec6 { margin-top: 30px; padding: 0 0 40px 0; }
  .home-wrapper .sec6 h2 { margin-bottom: 30px; font-size: 24px; }
  .home-wrapper .sec6 .dotsGrid { display: none; }
  .home-wrapper .sec6 .blogPosts { padding-left: 0px; }
  .home-wrapper .sec6 .blogPosts h3 { font-size: 18px; font-weight: 600; line-height: 28px; }
  .home-wrapper .sec6 .blogPosts .v-center { position: relative; top: 0px; -webkit-transform: translateY(0%); transform: translateY(0%); }
  .home-wrapper .sec6 .blogPosts .styletwo h3 { font-size: 18px !important; line-height: 28px !important; }
  .blog-wraper { width: 90%; } }
@media only screen and (max-width: 600px) { footer { text-align: center; }
  .showcase-page .sec1 .title-sec li { width: 100%; }
  .home-wrapper .sec1 .mbl { display: block; }
  .home-wrapper .sec1 ul { display: none; }
  .home-wrapper .sec1 .container { width: 100%; } }
@media only screen and (max-width: 900px) { .row-blog .sidebar-blog { width: 100%; }
  .row-blog .sidebar-blog .wp-block-search__inside-wrapper .wp-block-search__button { right: 48px; }
  .row-blog .sidebar-blog .container-blog { padding: 0px 0px; } }
@media only screen and (max-width: 765px) { .row-blog .sidebar-blog { width: 100%; }
  .row-blog .blog-wraper { width: 100%; }
  .row-blog .sidebar-blog .container-blog .wp-block-search__inside-wrapper .wp-block-search__button { right: 15px; } }
.page-template-template-extentionlanding .header_block { background: #f6faff; }

.extension-wrapper { width: 100%; height: auto; position: relative; z-index: 100; background: #f6faff; }
.extension-wrapper .extension-banner { position: relative; margin-bottom: 40px; padding: 119px 0 58px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.extension-wrapper .extension-banner .left-sec { width: 65%; }
.extension-wrapper .extension-banner .left-sec h2 { max-width: 630px; color: #000; font-family: Gilroy-Bold; font-size: 67.62px; font-style: normal; font-weight: 400; line-height: 107.2%; }
.extension-wrapper .extension-banner .left-sec h2 span { color: #316FFF; }
.extension-wrapper .extension-banner .left-sec p { max-width: 541px; color: #000; font-family: Gilroy-Light; font-size: 23.266px; font-style: normal; font-weight: 400; line-height: 153.2%; /* 35.643px */ }
.extension-wrapper .extension-banner .left-sec .btn-sect .btn { margin-top: 45px; border-radius: 5.898px; background-color: #316FFF; position: relative; }
.extension-wrapper .extension-banner .left-sec .btn-sect .btn::before { content: ""; position: absolute; background: url(./images/extention-landing/btn-icon.svg) no-repeat; width: 30px; height: 30px; left: 10px; top: 11px; }
.extension-wrapper .extension-banner .right-sec { width: 35%; }

.extension-content-wrapper { padding-top: 80px; }

@media only screen and (max-width: 825px) { .extension-wrapper .extension-banner .left-sec h2 { font-size: 54.62px; }
  .extension-wrapper .extension-banner .left-sec p { font-size: 18.62px; } }
@media only screen and (max-width: 705px) { .extension-wrapper .extension-banner .left-sec h2 { font-size: 45.62px; } }
@media only screen and (max-width: 590px) { .extension-wrapper .extension-banner { padding: 131px 0 38px 0; }
  .extension-wrapper .extension-banner .left-sec { width: 100%; }
  .extension-wrapper .extension-banner .right-sec { width: 100%; text-align: center; } }
@media only screen and (max-width: 590px) { .extension-wrapper .extension-banner .left-sec .btn-sect .btn { margin-top: 25px; }
  .extension-wrapper .extension-banner .left-sec p { font-size: 16.62px; }
  .extension-wrapper .extension-banner .left-sec h2 { font-size: 37.62px; } }
/*# sourceMappingURL=style.css.map */