/*
	Theme Name: Engine Themes Homepage
	Theme URI: http://www.enginethemes.com/
	Description: EngineThemes Homepage
	Author: Thái NT
	Author URI: http://forum.enginethemes.com/member/thaint/
	Version: 2.1
	Tags: engine themes, enginethemes
*/
/* ---------------------------------------- */
/* G E N E R A L    S T Y L E
/* ---------------------------------------- */
/**
 * Typography
 */
@font-face {
    font-family: 'FontAwesome';
    src: url('fonts/fontawesome-webfont.eot?v=4.3.0');
    src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}

body {
    overflow-x: hidden;
}

body, button, input, select, textarea {
    color: #404040;
    font-size: 14px;
    line-height: 1.7;
    font-family: "proxima-nova", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    color: #2a2a2a;
    line-height: 1.5;
    font-weight: 300;
    margin-bottom: 20px;
    font-family: "proxima-nova", sans-serif;
}

h1 {
    font-size: 31px;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 25px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 19px;
}

h6 {
    font-size: 16px;
}

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

p {
    margin-bottom: 1.5em;
}

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

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

b, strong {
    font-weight: bold;
}

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

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    font: 1.5rem/1.6 "Courier 10 Pitch", Courier, monospace;
    background: #eee;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

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

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

mark, ins {
    text-decoration: none;
}

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

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

small {
    font-size: 75%;
}

big {
    font-size: 125%;
}

figure {
    margin: 0;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
    border-collapse: collapse !important;
}

th {
    font-weight: bold;
}

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

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

button, input[type="button"], input[type="reset"], input[type="submit"] {
    border: #ccc #ccc #bbb #ccc;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0, 0, 0, .8);
    cursor: pointer;
    /* Improves usability and consistency of cursor style between image-type 'input' and others */
    -webkit-appearance: button;
    /* Corrects inability to style clickable 'input' types in iOS */
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    padding: .6em 1em .4em;
}

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

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

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

button::-moz-focus-inner, input::-moz-focus-inner {
    /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
    border: 0;
    padding: 0;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
}

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

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] {
    padding: 3px;
}

textarea {
    overflow: auto;
    padding-left: 3px;
    vertical-align: top;
    width: 98%;
}

a, a:focus, a:hover {
    color: #eb5155;
    text-decoration: none;
}

table {
    border: 1px solid #e0e0e0;
    border-spacing: 0;
    margin: 0 0 20px 0;
    width: 100%;
}

table caption {
    font-weight: bold;
    margin-bottom: 10px;
}

td {
    text-align: center;
    border: 1px solid #e0e0e0;
    padding: 5px;
}

th {
    background: #fff;
    padding: 5px;
    text-align: center;
}

/**
 * Floats and Clearing
 */
.fl {
    float: left;
}

.fr {
    float: right;
}

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

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.clear {
    clear: both;
}

/**
 * WordPress Classes
 */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

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

.wp-caption {
    border: 1px solid #ccc;
    margin-bottom: 1.5em;
    max-width: 100%;
}

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

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

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

.site-main .gallery {
    margin-bottom: 1.5em;
}

.site-main .gallery a img {
    border: none;
    height: auto;
    max-width: 90%;
}

.site-main .gallery dd {
    margin: 0;
}

.gallery-caption {
}

.bypostauthor {
}

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

/* --------------------------------------------------------- */
/* S E T T I N G   5   C O L U M N S   B O O T S T R A P
/* --------------------------------------------------------- */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

/* ------------------------------------------------------- */
/* B U T T O N    S T Y L E
/* ------------------------------------------------------- */
.btn-sumary {
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
}

.btn-sumary-big {
    color: #fff;
    padding: 12px 40px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
}

.btn-header i {
    color: #eb5155;
}

.btn-sumary:hover, .left-position .btn-header i {
    color: #fff;
}

.btn-sumary i {
    font-size: 14px;
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -7px;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.btn-sumary:hover i {
    opacity: 1;
    right: 15px;
}

/* ---------------------------------------- */
/* P R E L O A D I N G   S T Y L E
/* ---------------------------------------- */
.ip-header {
    position: fixed;
    top: 0;
    z-index: 999999;
    min-height: 480px;
    width: 100%;
    height: 100%;
    background: #f1f1f1;
}

.ip-header h1 {
    margin: 0;
}

.ip-logo,
.ip-loader {
    position: absolute;
    left: 0;
    width: 100%;
    opacity: 0;
    cursor: default;
    pointer-events: none;
}

.ip-logo {
    top: 0;
    height: 100%;
    -webkit-transform: translate3d(0, 25%, 0);
    transform: translate3d(0, 25%, 0);
    text-align: center;
}

.loaded .ip-logo {
    top: -266px;
    transition: all 2.5s ease;
}

.ip-loader {
    bottom: 20%;
}

.ip-header .ip-inner {
    display: block;
    margin: 0 auto;
}

.ip-header .ip-logo svg {
    min-width: 320px;
    max-width: 480px;
    width: 25%;
}

.ip-header .ip-logo svg path {
    fill: #ef6e7e;
}

.ip-header .ip-loader svg path {
    fill: none;
    stroke-width: 6;
}

.ip-header .ip-loader svg path.ip-loader-circlebg {
    stroke: #ddd;
}

.ip-header .ip-loader svg path.ip-loader-circle {
    -webkit-transition: stroke-dashoffset 0.2s;
    transition: stroke-dashoffset 0.2s;
    stroke: #ef6e7e;
}

/* Content */
.ip-main {
    overflow: hidden;
    margin: 0 auto;
    padding: 160px 0 10em 0;
    max-width: 1100px;
    width: 90%;
}

.ip-main h2 {
    margin: 0;
    padding: 0.5em 0 1em;
    color: #be4856;
    text-align: center;
    font-size: 4.25em;
    font-size: 4vw;
    line-height: 1;
}

.browser {
    margin: 0 auto;
    padding-top: 8%;
    min-height: 400px;
    max-width: 1000px;
    width: 100%;
    border-radius: 8px;
    background: #fff url('https://static.enginethemes.com/https://static.enginethemes.com/main/img/browser.png') no-repeat 50% 0;
    background-size: 100%;
    color: #d3d3d3;
}

.box {
    float: left;
    padding: 3.5em;
    width: 33.3%;
    font-size: 0.7em;
    line-height: 1.5;
}

.box p {
    font-family: 'Blokk', Arial, sans-serif;
}

[class^="icon-"]::before,
[class*=" icon-"]::before {
    display: block;
    margin-bottom: 0.5em;
    padding: 0.5em;
    border-radius: 5px;
    background: #dfdfdf;
    color: #fff;
    text-align: center;
    text-transform: none;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    font-size: 5em;
    font-family: 'feather';
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-bell:before {
    content: "\e006";
}

.icon-cog:before {
    content: "\e023";
}

.icon-heart:before {
    content: "\e024";
}

/* Animations */
/* Initial animation of header elements */
.loading .ip-logo,
.loading .ip-loader {
    opacity: 1;
    -webkit-animation: animInitialHeader 1s cubic-bezier(0.7, 0, 0.3, 1) both;
    animation: animInitialHeader 1s cubic-bezier(0.7, 0, 0.3, 1) both;
}

.loading .ip-loader {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

@-webkit-keyframes animInitialHeader {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 800px, 0);
    }
}

@keyframes animInitialHeader {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 800px, 0);
        transform: translate3d(0, 800px, 0);
    }
}

/* Header elements when loading finishes */
.loaded .ip-logo,
.loaded .ip-loader {
    opacity: 1;
}

.loaded .ip-logo {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: animLoadedLogo 1s cubic-bezier(0.7, 0, 0.3, 1) forwards;
    animation: animLoadedLogo 1s cubic-bezier(0.7, 0, 0.3, 1) forwards;
}

@-webkit-keyframes animLoadedLogo {
    to {
        -webkit-transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1);
    }
}

@keyframes animLoadedLogo {
    to {
        -webkit-transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1);
        transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1);
    }
}

.loaded .ip-loader {
    -webkit-animation: animLoadedLoader 0.5s cubic-bezier(0.7, 0, 0.3, 1) forwards;
    animation: animLoadedLoader 0.5s cubic-bezier(0.7, 0, 0.3, 1) forwards;
}

@-webkit-keyframes animLoadedLoader {
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1);
    }
}

@keyframes animLoadedLoader {
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1);
        transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1);
    }
}

/* Change the color of the logo */
.loaded .ip-logo svg path {
    -webkit-transition: all 0.5s ease 0.3s;
    transition: all 0.5s ease 0.3s;
    /*fill: #fff;*/
    fill: transparent;
}

.loaded .spinner > div {
    background-color: transparent;
}

/* Header animation when loading finishes */
.loaded .ip-header {
    -webkit-animation: animLoadedHeader 1s cubic-bezier(0.7, 0, 0.3, 1) forwards;
    animation: animLoadedHeader 1s cubic-bezier(0.7, 0, 0.3, 1) forwards;
}

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

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

/* Content animations */
.loaded .ip-main h2,
.loaded .ip-main .browser,
.loaded .ip-main .browser .box,
.loaded .codrops-demos {
    -webkit-animation: animLoadedContent 1s cubic-bezier(0.7, 0, 0.3, 1) both;
    animation: animLoadedContent 1s cubic-bezier(0.7, 0, 0.3, 1) both;
}

.loaded .ip-main .browser,
.loaded .ip-main .browser .box:first-child {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.loaded .ip-main .browser .box:nth-child(2) {
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s;
}

/* ---------------------------------------- */
/* S L I D E R   P R O D U C T   O N   H O M E   P A G E    S T Y L E
/* ---------------------------------------- */
.slider-home-wrapper {
    position: relative;
    z-index: 1;
    left: -100px;
}

/* ---------------------------------------- */
/* H E A D E R    S T Y L E
/* ---------------------------------------- */
header {
    position: fixed;
    width: 100%;
    z-index: 999;
    padding: 30px 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#header-wrapper.sticky,
#header-wrapper.grey-bg {
    background: #ebeef0;
    padding: 20px 0 10px;
    top: 0;
}

#header-wrapper.grey-bg {
    padding: 20px 0;
}

.wrapper-logo {
    display: block;
    min-width: 170px;
    max-width: 230px;
}

#header-wrapper.grey-bg svg#logo-bird path,
#header-wrapper.sticky svg#logo-bird path,
.wrapper-logo.red svg#logo-bird path {
    fill: #EC6367;
}

.sub-main-nav {
    border-bottom: 0;
    margin: 0;
    position: fixed;
    right: 0;
    height: 100%;
    top: 0;
    width: 50%;
    background: #2c3e50;
    font-size: 1.25em;
    z-index: 25;
    -webkit-transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    -moz-transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    -o-transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    clear: both;
    padding: 30px 40px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.sub-width {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.list-theme-submenu {
    margin-top: 50px;
}

.list-theme-submenu li {
    display: inline-block;
    width: 30%;
    height: auto;
    margin-right: 20px;
    margin-bottom: 20px;
}

.list-theme-submenu li:nth-child(3n) {
    margin-right: 0;
}

.effect-hover-smooth {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: none;
    overflow: hidden;
    position: relative;
    z-index: 2;
    border: 3px solid transparent;
}

.effect-hover-smooth > figcaption, .effect-hover-smooth > figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.effect-hover-smooth > figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.effect-hover-smooth > figcaption p {
    position: absolute;
    bottom: 3px;
    width: 100%;
    margin: 0;
    color: #37474f;
    font-size: 14px;
    font-weight: 600;
    padding: 0 10px;
    text-transform: none;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
}

.effect-hover-smooth > figcaption::before,
.effect-hover-smooth > figcaption::after {
    pointer-events: none;
}

.effect-hover-smooth > figcaption p span.count-download {
    color: #eb5155;
    float: right;
}

.effect-hover-smooth > figcaption p span.count-download i {
    display: inline-block;
    font-size: 12px;
    margin-right: 5px;
}

.effect-hover-smooth:hover {
    border: 3px solid #eb5256;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
}

.effect-hover-smooth img {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    height: auto;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.effect-hover-smooth:hover > img {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    border-radius: 0;
}

.effect-hover-smooth:hover p {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.rippon-item {
    width: 100px;
    display: block;
    position: absolute;
    background: #eb5256;
    text-align: center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    right: -30px;
    top: 10px;
}

.sub-main-nav .main-menu {
    text-align: left;
}

.sub-main-nav .main-menu ul li {
    margin-left: 0;
    margin-right: 35px;
}

.sub-main-nav .main-menu ul li a {
    color: #fff;
}

.sub-main-nav .main-menu ul li:before {
    background: #fff;
}

.sub-main-nav .main-menu ul li:first-child:after {
    color: #fff;
}

/* ---------------------------------------- */
/* M E N U    S T Y L E
/* ---------------------------------------- */
.main-menu {
    display: block;
    width: 100%;
    text-align: right;
}

.main-menu ul {
    display: inline-block;
    vertical-align: middle;
}

.main-menu ul li {
    display: inline-block;
    margin-left: 25px;
    position: relative;
}

.main-menu ul li a {
    color: #445963;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.main-menu ul li:before {
    content: '';
    width: 0;
    height: 2px;
    background: #445963;
    bottom: 0;
    -webkit-transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    -moz-transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    -o-transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    position: absolute;
}

.main-menu ul li:hover:before {
    width: 100%;
}

/*.main-menu ul li:first-child:after,
.main-menu ul li.resource:after {
    content: '+';
    position: absolute;
    right: -10px;
    -webkit-transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    -moz-transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    -o-transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
}

.sub-main-nav .main-menu ul li:first-child:after,
.sub-main-nav .main-menu ul li.resource:after {
    right: -11px;
    font-size: 16px;
    top: 3px;
    color: #fff;
}

.main-menu ul li:hover:first-child:after,
.main-menu ul li.resource:hover:after {
    -ms-transform: rotate(360deg); !* IE 9 *!
    -webkit-transform: rotate(360deg); !* Chrome, Safari, Opera *!
    transform: rotate(360deg);
}*/

/*.main-menu ul li:first-child:after {
    content: '+';
    position: absolute;
    right: -10px;
    -webkit-transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    -moz-transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    -o-transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
}*/

/*.sub-main-nav .main-menu ul li:first-child:after {
    right: -11px;
    font-size: 16px;
    top: 3px;
    color: #fff;
}*/
/*
.main-menu ul li:hover:first-child:after {
    -ms-transform: rotate(360deg);
    ! *IE 9 *!
    -webkit-transform: rotate(360deg);
    ! *Chrome, Safari, Opera *!
    transform: rotate(360deg);
}*/

.login-link {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #536d79;
    display: inline-block;
    padding: 5px 15px;
    letter-spacing: 2px;
    margin-left: 25px;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.login-link:hover {
    color: #EC6367;
}

.logout-link {
    background-color: #c1c1c1;
    margin-left: 3px;
}

/* ---------------------------------------- */
/* M E N U    R E S P O N S I V E    S T Y L E
/* ---------------------------------------- */
.hamburglar {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 40px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    top: -13px;
    cursor: pointer;
    display: none;
}

#top, #bottom {
    position: absolute;
    display: block;
    height: 4px;
    width: 31px;
    border-radius: 2px;
    background: #536d79;
}

#top {
    top: 18px;
    left: 12px;
}

#bottom {
    top: 34px;
    left: 12px;
}

.hamburglar path, .hamburglar line {
    stroke: #536d79;
    stroke-linecap: round;
}

#top, #bottom {
    -webkit-transform-origin: 27px 2px;
    -ms-transform-origin: 27px 2px;
    transform-origin: 27px 2px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 500ms cubic-bezier(0.8, -1.1, 0.5, 1.9);
    transition: all 500ms cubic-bezier(0.8, -1.1, 0.5, 1.9);
}

#circle {
    stroke-dasharray: 1 100 32 300;
    stroke-dashoffset: 101;
    -webkit-transition: all 750ms ease;
    transition: all 750ms ease;
}

.hamburglar.is-closed #circle {
    stroke-dasharray: 1 100 190 300;
    stroke-dashoffset: 1;
}

.hamburglar.is-closed #top {
    -webkit-transform: translateX(-4.5px) rotate(-45deg);
    -ms-transform: translateX(-4.5px) rotate(-45deg);
    transform: translateX(-4.5px) rotate(-45deg);
}

.hamburglar.is-closed #bottom {
    -webkit-transform: translateX(-4.5px) rotate(45deg);
    -ms-transform: translateX(-4.5px) rotate(45deg);
    transform: translateX(-4.5px) rotate(45deg);
}

/* General styles for all menus */
.cbp-spmenu {
    background: #3d556e;
    position: fixed;
}

.cbp-spmenu h3 {
    color: #fff;
    font-size: 1.9em;
    padding: 17px;
    margin: 0;
    font-weight: 300;
    background: #34495e;
}

.cbp-spmenu a {
    display: block;
    color: #fff;
    font-size: 1.1em;
    font-weight: 300;
}

.cbp-spmenu a:hover {
    background: #258ecd;
}

.cbp-spmenu a:active {
    background: #afdefa;
    color: #47a3da;
}

/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {
    width: 240px;
    height: 100%;
    top: 0;
    z-index: 1000;
}

.cbp-spmenu-vertical a {
    border-bottom: 1px solid #516D8B;
    padding: 1em;
}

.cbp-spmenu-horizontal {
    width: 100%;
    height: 150px;
    left: 0;
    z-index: 1000;
    overflow: hidden;
}

.cbp-spmenu-horizontal h3 {
    height: 100%;
    width: 20%;
    float: left;
}

.cbp-spmenu-horizontal a {
    float: left;
    width: 20%;
    padding: 0.8em;
    border-left: 1px solid #258ecd;
}

/* Vertical menu that slides from the left or right */
.cbp-spmenu-left {
    left: -240px;
}

.cbp-spmenu-right {
    right: -240px;
}

.cbp-spmenu-left.cbp-spmenu-open {
    left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
    right: 0px;
}

/* Horizontal menu that slides from the top or bottom */
.cbp-spmenu-top {
    top: -150px;
}

.cbp-spmenu-bottom {
    bottom: -150px;
}

.cbp-spmenu-top.cbp-spmenu-open {
    top: 0px;
}

.cbp-spmenu-bottom.cbp-spmenu-open {
    bottom: 0px;
}

/* Push classes applied to the body */
.cbp-spmenu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
}

.cbp-spmenu-push-toright {
    left: 240px;
}

.cbp-spmenu-push-toleft {
    left: -240px;
}

/* Transitions */
.cbp-spmenu,
.cbp-spmenu-push {
    -webkit-transition: all 0.7s cubic-bezier(0, 0.5, 0.17, 1);
    -moz-transition: all 0.7s cubic-bezier(0, 0.5, 0.17, 1);
    -o-transition: all 0.7s cubic-bezier(0, 0.5, 0.17, 1);
    transition: all 0.7s cubic-bezier(0, 0.5, 0.17, 1);
}

/* Example media queries */
@media screen and (max-width: 55.1875em) {
    .cbp-spmenu-horizontal {
        font-size: 75%;
        height: 110px;
    }

    .cbp-spmenu-top {
        top: -110px;
    }

    .cbp-spmenu-bottom {
        bottom: -110px;
    }
}

@media screen and (max-height: 26.375em) {
    .cbp-spmenu-vertical {
        font-size: 90%;
        width: 190px;
    }

    .cbp-spmenu-left,
    .cbp-spmenu-push-toleft {
        left: -190px;
    }

    .cbp-spmenu-right {
        right: -190px;
    }

    .cbp-spmenu-push-toright {
        left: 190px;
    }
}

/* ---------------------------------------- */
/* A F T E R    B E F O R E    S T Y L E
/* ---------------------------------------- */
#before-after {
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 650px;
    z-index: 1;
}

#before-after img {
    max-width: none;
}

.view {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.view-before {
    z-index: 100;
}

.view-after {
    z-index: 200;
    background: #EC6367;
}

#dragme {
    position: absolute;
    width: 2px;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: #EC6367;
    cursor: pointer;
    z-index: 300;
}

#dragme .icon-drag {
    width: 30px;
    height: 30px;
    background: url(https://static.enginethemes.com/main/img/drag-icon.png) no-repeat center center;
    display: block;
    position: absolute;
    top: 50%;
    left: -15px;
    margin-top: -15px;
}

.wrapper-after, .wrapper-before {
    position: relative;
    height: 100%;
}

.wrapper-after .img-bird-wrapper, .wrapper-before .img-bird-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    margin-top: -250px;
    z-index: 9;
}

.img-bird-wrapper {
    width: 500px;
    height: 385px;
    display: block;
}

.img-bird-wrapper img {
    width: 100%;
    height: auto;
}

.shadown-bird {
    background: url(https://static.enginethemes.com/main/img/shadow.png) no-repeat center center;
    width: 240px;
    height: 25px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 25%;
}

.tooltip-item {
    width: 20px;
    height: 20px;
    margin: -15px 0 0 -15px;
    position: absolute;
    border-radius: 50%;
    border: 2px solid;
    -webkit-animation: pulse-item 0.6s infinite alternate;
    animation: pulse-item 0.6s infinite alternate;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

@-webkit-keyframes pulse-item {
    from {
        -webkit-transform: scale3d(0.5, 0.5, 1);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse-item {
    from {
        -webkit-transform: scale3d(0.5, 0.5, 1);
        transform: scale3d(0.5, 0.5, 1);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.wrapper-after .tooltip-item {
    border-color: #fff;
}

.wrapper-after .tooltip-item:hover {
    background: #fff;
}

.wrapper-before .tooltip-item {
    border-color: #EC6367;
}

.wrapper-before .tooltip-item:hover {
    background: #EC6367;
}

.wrapper-after .tooltip-item.tooltip-item-1 {
    left: 55px;
    top: 130px;
}

.wrapper-after .tooltip-item.tooltip-item-2 {
    left: 140px;
    bottom: 10px;
}

.wrapper-after .tooltip-item.tooltip-item-3 {
    right: 155px;
    top: 220px;
}

.wrapper-after .tooltip-item.tooltip-item-4 {
    right: 210px;
    bottom: 70px;
}

.wrapper-before .tooltip-item.tooltip-item-1 {
    left: 55px;
    top: 130px;
}

.wrapper-before .tooltip-item.tooltip-item-2 {
    left: 140px;
    bottom: 10px;
}

.wrapper-before .tooltip-item.tooltip-item-3 {
    right: 155px;
    top: 220px;
}

.wrapper-before .tooltip-item.tooltip-item-4 {
    right: 210px;
    bottom: 70px;
}

.content-before-after {
    width: 1170px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    margin-top: -70px;
}

.content-before-after .content-right {
    width: 285px;
    float: left;
}

.content-before-after .content-right h3 {
    color: #fefeff;
    font-size: 24px;
    margin: 0 0 40px;
    text-align: center;
}

.content-before-after.left-position .content-right h3 {
    color: #445963;
}

.content-before-after.right-position .btn-header {
    background: none;
    border: 2px solid #fff;
}

.content-before-after.left-position .btn-header {
    background: none;
    border: 2px solid #eb5155;
    color: #eb5155;
}

.content-before-after.left-position .btn-header:hover {
    color: #fff;
}

.content-before-after.right-position .btn-header:hover {
    background: #fff;
}

.content-before-after .content-left {
    width: 300px;
    float: right;
    text-align: center;
}

.content-before-after.right-position .content-detail-wrapper h3 {
    color: #fff;
}

.content-before-after.right-position .content-detail-wrapper h3 span.color-main {
    color: #445963;
}

.content-before-after .content-detail-wrapper .img-position {
    width: 35px;
    height: 35px;
    border: 1px solid #d94d51;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    overflow: hidden;
    display: block;
    margin: 0 auto;
}

.content-before-after.right-position .content-detail-wrapper .img-position {
    border-color: #fff;
}

.content-before-after .content-detail-wrapper .img-position img {
    width: 100%;
    height: auto;
}

.content-before-after .content-left ul li {
    display: none;
    position: absolute;
}

.content-before-after .content-left ul li.active {
    display: block;
}

/* ------------------------------------------------------- */
/* S L I D E   S H O W   P R O D U C T    S T Y L E
/* ------------------------------------------------------- */
#slide-show-product {
    background: #33495d;
    width: 100%;
    padding-top: 110px;
    min-height: 700px;
    position: relative;
    display: table;
}

#slider-product {
}

.view-this-theme-wrapper {
    display: table-cell;
    vertical-align: middle;
    padding: 100px 0;
}

.view-this-theme-wrapper h3 {
    color: #fff;
    font-size: 24px;
    text-align: center;
    font-weight: 300;
    margin-bottom: 30px;
}

.view-this-theme-wrapper a.link-text {
    color: #fff;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    position: relative;
}

.view-this-theme-wrapper a.link-text:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 0;
}

/* --------------------------------------------------------- */
/* S U P P O R T    S T Y L E
/* --------------------------------------------------------- */
#support-engine {
    background: url(https://static.enginethemes.com/main/img/bg-support.png) no-repeat top center;
    background-size: cover;
    width: 100%;
    display: block;
    position: relative;
    min-height: 550px;
}

.img-team-support-wrapper {
    position: relative;
    display: block;
    min-height: 605px;
}

.img-team-support-wrapper img {
    position: absolute;
    bottom: 0;
}

#support-engine .support-content-wrapper {
    text-align: center;
    margin-top: 250px;
}

/* ------------------------------------------------------- */
/* F E A T U R E    S T Y L E
/* ------------------------------------------------------- */
#feature-engine {
    display: block;
    width: 100%;
    position: relative;
    padding: 150px 0 0;
}

.feature-wrapper {
    text-align: center;
    display: block;
    margin-bottom: 120px;
    min-height: 165px;
}

.feature-wrapper.et-in-viewport {
    opacity: 0;
}

.feature-wrapper .title-feature {
    color: #37474f;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin: -20px 0 10px;
}

.feature-wrapper p {
    font-size: 16px;
    line-height: 1.3;
    padding: 0 25px;
}

.icon-feature-svg {
    display: block;
    text-align: center;
}

/* ------------------------------------------------------- */
/* T E S T I M O N I A L    S T Y L E
/* ------------------------------------------------------- */
.news-blog-engine {
    position: relative;
}

.testimonial-wrapper {
    display: block;
    position: relative;
    max-width: 300px;
    margin-right: 50px;
    padding: 70px 0 20px;
}

.title-testi {
    color: #fff;
    font-size: 28px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 50px;
}

#slide-testi {
}

.content-testi {
    color: #778f9b;
    font-size: 18px;
    text-align: center;
    margin-bottom: 50px;
}

.avatar-user-testi {
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
}

.info-user-testi-wrapper {
    text-align: center;
}

.info-user-testi {
    margin-top: 5px;
    display: inline-block;
    vertical-align: middle;
}

.info-user-testi .name-user-testi {
    color: #fff;
    font-size: 16px;
    display: block;
    line-height: 1.3;
    text-align: left;
}

.info-user-testi .position-user-testi {
    color: #cfd1d4;
    font-size: 16px;
    line-height: 1.3;
    text-align: left;
}

.read-more-testi {
    color: #172129;
    font-size: 14px;
    display: block;
    text-align: center;
    padding: 80px 0 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.read-more-testi:hover {
    color: #eb5155;
}

/* ------------------------------------------------------- */
/* B L O G   H O M E   S T Y L E
/* ------------------------------------------------------- */
.blog-home-wrapper {
    padding: 60px 0 60px 60px;
}

.title-blog-home {
    color: #445963;
    font-size: 24px;
    font-weight: 700;
}

.btn-blog-home {
    color: #fff;
    font-size: 12px;
    padding: 5px 15px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.3;
    margin-top: 25px;
    letter-spacing: 1px;
}

.blog-info-top-wrapper, .blog-meta-wrapper {
    display: block;
    margin-bottom: 30px;
    overflow: hidden;
}

.list-meta-wrapper {
    position: relative;
    margin-top: 10px;
}

.list-meta-wrapper:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 2px;
    bottom: -10px;
    background: #eb5155;
}

.list-meta-wrapper li {
    display: inline-block;
    margin-right: 30px;
    position: relative;
}

.list-meta-wrapper li:after {
    content: '-';
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: -17px;
    top: 0;
}

.list-meta-wrapper li:last-child:after {
    content: '';
}

.list-meta-wrapper li span, .list-meta-wrapper li a {
    color: #455963;
    font-size: 14px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.list-meta-wrapper li a.meta-comments:hover, .list-meta-wrapper li a.meta-category, .list-meta-wrapper li.meta-category a {
    color: #eb5155;
}

.avatar-author-blog-wrapper {
    width: 40px;
    height: 40px;
    display: inline-block;
    overflow: hidden;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.avatar-testimonial {
    height: auto;
}

.blog-content-wrapper .title-blog {
    color: #455963;
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    line-height: 1.3;
    margin-bottom: 20px;
}

.blog-content-wrapper .title-blog a {
    color: #455963;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.blog-content-wrapper .text-content {
    color: #455963;
    font-size: 16px;
    margin-bottom: 25px;
}

.line-blog-home {
    width: 100%;
    height: 1px;
    background: #cfd1d5;
    margin: 40px 0 0;

}

.line-blog-home.single {
    margin-bottom: 0;
    float: left;
    position: absolute;
}

.recent-blog-wrapper p {
    margin-bottom: 10px;
}

.recent-blog-wrapper .list-meta-wrapper li:nth-child(2n):after {
    content: '';
}

.recent-blog-wrapper .list-meta-wrapper li:last-child {
    display: block;
}

.recent-blog-wrapper .title-recent {
    line-height: 1;
}

.recent-blog-wrapper .title-recent a {
    color: #455963;
    font-size: 18px;
    font-weight: 700;
}

.recent-list-blog-home {
    margin-top: 40px;
}

.recent-list-blog-home .recent-blog-wrapper {
    width: 45%;
    float: left;
    margin-right: 40px;
}

.recent-list-blog-home .recent-blog-wrapper:last-child {
    margin-right: 0;
}

/* ------------------------------------------------------- */
/* P A G E   A L L   T H E M E    S T Y L E
/* ------------------------------------------------------- */
#top-bar-gallery {
    padding: 150px 0 60px;
}

.title-top-bar {
    color: #455963;
    font-size: 35px;
    font-weight: 700;
    margin: 0;
}

.sub-title-top-bar {
    color: #778f9b;
    font-size: 24px;
    font-weight: 400;
    margin: 0;
}

body.single-theme .sub-title-top-bar {
    font-size: 16px;
}

.number-all-theme {
    width: 70px;
    height: 70px;
    border: 1px solid #778f9b;
    background: none;
    display: inline-block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    color: #eb5155;
    font-size: 30px;
    line-height: 2.3;
    margin-top: 15px;
}

#list-all-themes {
    background: #34495e;
    padding: 80px 0 30px;
}

#list-all-themes .item-theme {
    height: 225px;
    position: relative;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #34495e;
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .25);
    box-shadow: 0 0 20px rgba(0, 0, 0, .25);
    overflow: hidden;
    margin-bottom: 50px;
    background: #000;
}

#list-all-themes .item-theme img {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#list-all-themes .item-theme .info-item {
    background: #fff;
    position: absolute;
    bottom: 0;
    padding: 10px 20px;
    left: 0;
    right: 0;
    border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#list-all-themes .item-theme .info-item .name-item, #list-all-themes .item-theme .info-item .price-item {
    width: 55%;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#list-all-themes .item-theme .info-item .price-item {
    width: 45%;
    text-align: right;
    color: #eb5155;
    font-size: 15px;
    font-weight: 700;
    float: right;
}

#list-all-themes .item-theme .info-item .price-item i {
    display: inline-block;
    margin-right: 5px;
}

#list-all-themes .item-theme .info-item .name-price .name-item {
    color: #37474f;
    font-size: 16px;
    font-weight: 700;
}

#list-all-themes .item-theme .link-demo-item {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    text-align: center;
}

#list-all-themes .item-theme .link-demo-item li {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: inline-block;
    margin: 17px 10px 0;
}

#list-all-themes .item-theme:hover .info-item {
    padding: 30px;
}

#list-all-themes .item-theme:hover .info-item .name-item, #list-all-themes .item-theme:hover .info-item .price-item {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
}

#list-all-themes .item-theme:hover img {
    opacity: 0.5;
}

#list-all-themes .item-theme:hover .link-demo-item li {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.no-bg {
    border: 2px solid #536d79;
    color: #536d79;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 5px 30px;
}

.no-bg:hover {
    border-color: #eb5155;
    color: #eb5155;
}

.btn-live-demo {
    letter-spacing: 2px;
    padding: 7px 30px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
}

/* ------------------------------------------------------- */
/* S H O W C A S E   S T Y L E
/* ------------------------------------------------------- */
#showcase-web {
    background: #e4ebf5;
    width: 100%;
    display: block;
    padding-top: 150px;
    margin-bottom: 40px;
}

.device-showcase-wrapper {
    position: relative;
    display: block;
    min-height: 582px;
    min-width: 724px;
}

.device-showcase-wrapper .imac-wrapper {
    width: 724px;
    height: 582px;
    display: block;
    background: url(https://static.enginethemes.com/main/img/iMac.png) no-repeat center center;
    position: absolute;
    bottom: 0;
    right: -140px;
}

.device-showcase-wrapper .iphone-wrapper {
    width: 255px;
    height: 448px;
    display: block;
    background: url(https://static.enginethemes.com/main/img/iPhone.png) no-repeat center center;
    position: absolute;
    bottom: -100px;
    left: 50px;
}

.device-showcase-wrapper .imac-wrapper .browser-imac {
    width: 662px;
    height: 372px;
    display: block;
    position: absolute;
    top: 37px;
    overflow: hidden;
    left: 31px;
}

.device-showcase-wrapper .imac-wrapper .browser-imac img {
    width: 100%;
    height: auto;
}

.device-showcase-wrapper .iphone-wrapper .browser-iphone {
    width: 166px;
    height: 295px;
    display: block;
    position: absolute;
    overflow: hidden;
    top: 55px;
    left: 24px;
}

.view-this-theme-wrapper.showcase-content-wrapper h3 {
    color: #455963;
    font-size: 28px;
    margin-bottom: 20px;
}

.view-this-theme-wrapper.showcase-content-wrapper .content-showcase {
    color: #778f9b;
    margin-bottom: 40px;
    font-size: 16px;
}

svg {
    pointer-events: none;
}

/* Demo 1 */
.demo-drawings figcaption {
    margin: 0 auto 0 auto;
    max-width: 40em;
    width: 95%;
    text-align: center;
}

.demo-drawings figure:first-child figcaption {
    margin-top: 8em;
}

.demo-drawings figcaption h2 {
    font-weight: 300;
    font-size: 3em;
    margin-bottom: 0.2em;
}

.demo-drawings figcaption p {
    font-size: 1.3em;
}

.drawings {
    position: relative;
    max-height: 600px;
}

.illustration {
    position: absolute;
    top: 50%;
    left: 50%;
    max-height: 100%;
    max-width: 100%;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.show {
    opacity: 1;
}

.hide {
    opacity: 0;
}

.line-drawing,
.illustration {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.line-drawing path {
    fill: none;
    stroke: white;
    stroke-width: 3;
}

path.line-round {
    stroke-linecap: round;
}

path.stroke-medium {
    stroke-width: 2;
}

path.stroke-thin {
    stroke-width: 1;
}

.list-showcase .row .col-md-6:last-child .showcase-item-wrapper {
    /*margin-bottom: 0;*/
}

/* ------------------------------------------------------- */
/* B L O G   P A G E   S T Y L E
/* ------------------------------------------------------- */
.search-form-blog {
    position: relative;
    display: inline-block;
    padding-top: 10px;
    padding-left: 40px;
}

.search-form-blog input {
    min-width: 298px;
    padding: 5px 15px;
    border: 1px solid #8fa3ad;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: none;
}

.search-form-blog i {
    position: absolute;
    right: 15px;
    top: 20px;
    display: inline-block;
    color: #eb5155;
}

#list-blog {
    border-top: 1px solid #d0d2d5;
    width: 100%;
    display: block;
    position: relative;
    background: #fafafa;
}

.list-features-blog-wrapper {
    /*background:#34495e;*/
    position: relative;
    display: block;
    padding: 55px 0;
    min-height: 310px;
}

.list-features-blog li,
.list-features-faq li {
    margin-bottom: 10px;
    display: block;
}

.list-features-blog li a,
.list-features-faq li a {
    position: relative;
    padding: 0 10px;
}

.list-features-blog li a:before,
.list-features-faq li a::before {
    content: '';
    width: 2px;
    height: 0;
    background-color: #eb5155;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.list-features-blog > li.active > a:before,
.list-features-blog > li.current-cat > a:before,
.list-features-blog > li > a:hover:before,
.list-features-faq > li.active > a::before,
.list-features-faq > li.current-cat > a::before,
.list-features-faq > li > a:hover::before,
li.current-cat-parent li.active > a::before,
li.current-cat-parent li.current-cat > a::before,
li.current-cat-parent li > a:hover::before,
ul.children li.active > a::before,
ul.children li.current-cat > a::before,
ul.children li > a:hover::before {
    height: 100%;
}

.list-features-blog li a {
    color: #2C3E50 !important;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: block;
    outline: none;
}

.list-features-faq li a {
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: block;
    outline: none;
}

.list-news-blog {
    padding: 40px;
    display: block;
    position: relative;
    padding-bottom: 0;
}

.more-link {
    display: none;
}

.paginations span, .paginations a {
    min-width: 35px;
    border: 1px solid #8fa3ad;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 10px 15px;
    color: #778f9b;
    font-size: 14px;
    margin-right: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.paginations .page-numbers.current, .paginations a:hover, .paginations span:hover {
    background-color: #8fa3ad;
    color: #fff;
}

.paginations .page-numbers.dots {
    border: none;
    background: transparent;
    color: #778f9b;
    padding: 0;
}

.paginate-line, .paginations ~ .line-blog-home {
    margin-bottom: 0;
}

/* ------------------------------------------------------- */
/* E X T E N S I O N   S T Y L E
/* ------------------------------------------------------- */
#extension-engine {
    background: #fafafa;
    padding: 40px 0;
    width: 100%;
    display: block;
    position: relative;
}

#filters-item-extension {
    width: 100%;
    padding-bottom: 5px;
    border-bottom: 1px solid #cfd1d5;
    margin-bottom: 60px;
    position: relative;
    z-index: 1;
}

#filters-item-extension a {
    color: #445963;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: relative;
    margin-right: 70px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#filters-item-extension a:before {
    position: absolute;
    bottom: -9px;
    left: 0;
    content: '';
    height: 2px;
    width: 0;
    background-color: #eb5155;
    -webkit-transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    -moz-transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    -o-transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
}

#filters-item-extension a:hover:before, #filters-item-extension a.active-filter:before {
    width: 100%;
}

.list-item-extension {
    min-height: 350px;
    clear: both;
}

.list-item-extension .element-item {
    line-height: 0;
    position: relative;
    margin-bottom: 15px !important;
    min-height: 190px;
}

.list-item-extension .element-item.gigante {
    /*height: 500px;
  background: #F80;*/
}

.list-item-extension .info-extension-wrapper {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    overflow: hidden;
}

.list-item-extension .info-extension-wrapper .show-content {
    width: 100%;
    display: block;
}

.list-item-extension .info-extension-wrapper .show-content img {
    width: 100%;
    height: auto;
}

.list-item-extension .title-extension {
    display: block;
    background: #fff;
    padding: 10px 15px;
    position: relative;
}

.list-item-extension .title-extension h2 {
    margin: 0;
    color: #37474f;
    font-size: 15px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}

.list-item-extension .title-extension .icon-plus {
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -13px;
}

.list-item-extension .title-extension .icon-plus i {
    color: #eb5155;
    font-size: 12px;
}

.details-extension-wrapper {
    padding: 40px 0 50px;
    border-top: 1px solid #d0d2d5;
    border-bottom: 1px solid #d0d2d5;
    overflow: hidden;
}

.details-extension-wrapper .info-extension {
    width: 620px;
    float: left;
    margin-right: 20px;
}

.details-extension-wrapper .info-extension .name-extension {
    color: #37474f;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 5px;
}

.details-extension-wrapper .info-extension .content-extension {
    color: #778f9b;
    font-size: 16px;
    margin-bottom: 20px;
}

.details-extension-wrapper .info-extension .content-extension p {
    margin-bottom: 0;
}

.details-extension-wrapper .info-extension .list-info-extension {
    display: block;
    width: 100%;
    background: #fff;
    padding: 10px 0;
    overflow: hidden;
    margin-bottom: 40px;
}

.details-extension-wrapper .info-extension .list-info-extension li {
    display: inline-block;
    margin: 0 20px;
}

.details-extension-wrapper .info-extension .list-info-extension li span {
    display: block;
    color: #778f9b;
    font-size: 16px;
}

.details-extension-wrapper .info-extension .list-info-extension li span.text-bottom {
    color: #455a64;
    font-weight: bold;
}

.close-details-extension {
    color: #536d79;
    font-size: 16px;
    padding-bottom: 3px;
    border-bottom: 1px solid #536d79;
    margin-left: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.extension-slide-warpper {
    width: 500px;
    width: calc(100% - 650px);
    float: right;
}

.extension-slide-warpper #extension-slide {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
}

.extension-slide-warpper #extension-slide img {
    width: 100%;
    height: auto;
}

/* ------------------------------------------------------- */
/* A F F I L I A T E    P A G E    S T Y L E
/* ------------------------------------------------------- */
#affiliate-page-wrapper {
    width: 100%;
    background: #fafafa;
    min-height: 50px;
    border-top: 1px solid #d0d2d5;
    border-bottom: 1px solid #d0d2d5;
    position: relative;
    padding: 50px 0;
}

.become-style {
    background: #ebeef0;
    width: 100%;
    display: block;
    padding: 40px;
    margin-bottom: 60px;
}

.become-style .title {
    color: #9d9d9d;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

.become-style .desc {
    color: #455963;
    font-size: 30px;
    line-height: 35px;
}

.theme-item {
    margin-top: 30px;
    position: relative;
    overflow: hidden;
}

.theme-item .theme-link {
    display: block;
}

.theme-item .theme-title {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 16px;
    height: 100%;
    padding-top: 10px;
    transition: all 0.3s linear;
    transform: translateY(125px);
}

.theme-item:hover .theme-title {
    transform: translateY(0);
    padding-top: 15px;
}

.theme-item .theme-title .rate {
    color: #ffa800;
}

.theme-item .theme-title .viewmore {
    display: block;
    position: absolute;
    bottom: 15px;
    text-align: center;
    width: 100%;
}

.review-customer {
    margin-top: 60px;
}

.testimonials h3 {
    text-transform: uppercase;
    border-bottom: 1px solid #cccccc;
    color: #52666f;
    font-size: 12px;
}

.testimonials .tests-list li {
    clear: both;
    margin: 10px 0;
    float: left;
}

.testimonials .tests-list li > img {
    border-radius: 50%;
    float: left;
    width: 20%;
}

.testimonials .tests-list li .test-content {
    float: left;
    width: 75%;
    margin-left: 5%;
}

.testimonials .tests-list li .test-content .test-name {
    color: #24292d;
    font-weight: bold;
    display: block;
    font-size: 16px;
}

.testimonials .tests-list li .test-content .text-wrap {
    font-size: 14px;
}

.testimonials .tests-list li .test-content .text-wrap.quote {
    padding: 0 12px;
    position: relative;
}

.testimonials .tests-list li .test-content .quote:before {
    content: '\f10d';
    position: absolute;
    top: 0;
    left: 0;
    font-family: "FontAwesome";
    font-size: 10px;
    color: #495e67;
}

.testimonials .tests-list li .test-content .quote:after {
    content: '\f10e';
    font-family: "FontAwesome";
    font-size: 10px;
    color: #495e67;
}

#affiliate_form .input-field input {
    background-color: #fafafa;
    border: 1px solid #8fa3ad;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 10px;
    width: 99%;
    display: block;
}

#affiliate_form #name_f-0,
#affiliate_form #name_l-0 {
    width: 49%;
    display: inline-block;
}

#affiliate_form .error {
    display: block;
}

.affiliate-content .affiliate-pricing .price {
    color: #eb5559;
    font-weight: 800;
    font-size: 100px;
    line-height: .8;
    text-align: center;
    margin-bottom: 30px;
}

.affiliate-content .affiliate-pricing .price span {
    color: #eb5559;
    font-size: 12px;
    font-weight: 600;
    display: block;
    text-transform: uppercase;
    text-align: right;
}

.affiliate-content .affiliate-pricing .item {
    margin-bottom: 20px;
}

.affiliate-content .affiliate-pricing .item .title {
    color: #455963;
    font-size: 14px;
    font-weight: 700;
}

.affiliate-content .affiliate-pricing .item .desc, .affiliate-content .list-joining .desc {
    color: #455963;
    font-size: 14px;
    font-weight: 400;
}

.affiliate-content .affiliate-pricing .item .desc > a {
    display: block;
}

.affiliate-content .affiliate-pricing .item .desc > a:hover {
    opacity: .7;
}

.affiliate-content .affiliate-pricing .item .desc > a i {
    display: inline-block;
    margin-left: 5px;
}

.affiliate-content .list-joining {
    padding: 0;
    margin: 0;
    list-style: none;
}

.affiliate-content .list-joining li {
    margin-bottom: 15px;
}

.affiliate-content .list-joining .title {
    color: #eb5559;
    font-size: 14px;
    font-weight: 700;
}

.affiliate-content .list-joining .title i {
    display: inline-block;
    margin-right: 10px;
}

.affiliate-content .form-item {
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
}

.affiliate-content .form-button input[type='submit'] {
    background-color: #eb5155;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    display: inline-block;
    padding: 8px 20px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: none;
    box-shadow: none;
    width: auto;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.affiliate-content .form-button input[type='submit']:hover {
    opacity: .8;
}

/* ------------------------------------------------------- */
/* E X T E N S I O N   S A L E    P A G E     S T Y L E
/* ------------------------------------------------------- */
#extension-sale-page, #purchase-extension-main {
    width: 100%;
    background: #fafafa;
    min-height: 50px;
    border-top: 1px solid #d0d2d5;
    border-bottom: 1px solid #d0d2d5;
    position: relative;
    padding: 50px 0;
}

#extension-sale-page {
    padding: 0;
}

#extension-sale-page .am-tabs,
#extension-sale-page .change-info {
    padding: 70px 0 30px 0;
}

#extension-sale-page .purchase-main {
    border-left: 1px solid #d0d2d5;
    padding: 75px 0 50px 70px;
}

.extension-title-form-support {
    color: #445963;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
    position: relative;
}

.form-extension-member .form-group label {
    display: block;
    color: #37474f;
    font-size: 20px;
    font-weight: 700;
}

.form-extension-member .form-group input {
    border: 1px solid #8fa3ad;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 5px 10px;
    width: 70%;
}

.form-extension-member .form-group input[type="submit"] {
    background-color: #eb5155;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    display: inline-block;
    padding: 15px 30px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: none;
    box-shadow: none;
    width: auto;
    margin-top: 20px;
}

.am-tabs .menu li {
    margin-bottom: 10px;
    padding: 0 10px;
    display: block;
    position: relative;
}

.am-tabs .menu > li a:before {
    content: '';
    width: 2px;
    height: 0;
    background-color: #eb5155;
    position: absolute;
    left: -15px;
    top: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.am-tabs .menu li a, .title-extension-download {
    color: #455963;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: block;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.title-extension-download {
    font-size: 18px;
    margin-bottom: 25px;
}

.am-tabs .menu li a:hover {
    color: #eb5155;
}

.am-tabs .menu > li.active > a:before,
.am-tabs .menu > li:hover > a:before {
    height: 100%;
}

.am-tabs .menu > li ul {
    margin-top: 10px;
    padding-left: 10px;
}

.theme-list {
    margin-top: 15px;
    margin-left: 20px;
}

.theme-list li {
    display: block;
    margin-bottom: 30px;
}

.item-extension-left {
    float: left;
}

.item-extension-left a {
    color: #455963;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.link-download-right {
    float: right;
    display: block;
    margin-top: -5px;
}

.link-download-right .download {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #eb5155;
    display: inline-block;
    padding: 5px 15px;
    letter-spacing: 2px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.link-download-right .download:hover {
    opacity: .8;
}

.link-download-right .download i {
    display: inline-block;
    margin-left: 10px;
}

#extension-sale-page .change-info.mdefault.amember-content .am-form .row {
    margin: 0 0 20px !important;
}

#extension-sale-page .change-info.mdefault.amember-content .am-form .row .element-title {
    font-size: 18px;
    color: #455963;
}

#extension-sale-page .change-info.mdefault.amember-content .am-form .row .element-title .comment {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 14px;
}

#extension-sale-page .change-info.mdefault.amember-content .am-form .row .element-title .comment br {
    display: none;
}

#extension-sale-page .change-info.mdefault.amember-content .am-form .row .element input, #extension-sale-page .am-aff-banner-preview input {
    border: 1px solid #8fa3ad;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 5px 10px;
}

#extension-sale-page .change-info.mdefault.amember-content .am-form .row:first-child .element input {
    width: 32%;
}

#extension-sale-page .change-info.mdefault.amember-content .am-form .row .element input[type="submit"] {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #eb5155;
    display: inline-block;
    padding: 10px 25px;
    letter-spacing: 2px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: none;
    box-shadow: none;
}

#extension-sale-page .am-block, #extension-sale-page div.grid-container {
    box-shadow: none;
}

#extension-sale-page .am-block h3 {
    margin-top: 0;
}

#extension-sale-page .am-aff-banner-preview-info-details, #extension-sale-page .am-aff-banner-preview-preview {
    margin-top: 30px;
}

@media (max-width: 769px) {
    #extension-sale-page .am-tabs {
        padding-bottom: 0;
    }

    #extension-sale-page .change-info {
        padding-top: 30px;
    }

    #extension-sale-page .account-menu {
        margin-bottom: 30px;
    }
}

.title-entension-sale-page {
    color: #78909c;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
    padding-top: 50px;
}

.title-entension-sale-page span {
    font-weight: 600;
    color: #455a64;
    font-size: 20px;
    line-height: 1.5;
}

.total-price {
    color: #37474f;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 23px;
}

.total-price span {
    color: #eb5155;
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    margin-left: 30px;
}

.extension-title-sale-page {
    color: #445963;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
    position: relative;
    margin: 0 0 45px;
}

.extension-title-sale-page:before {
    content: '';
    background: #EC6367;
    height: 3px;
    width: 140px;
    position: absolute;
    bottom: -2px;
    left: 0;
}

.account-menu .am-basket-preview {
    margin-bottom: 20px;
}

#purchase-page-theme-extension .purchase-inner .theme-cost .theme-item-cost, .purchase-main .am-cart .theme-item-cost {
    display: block;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #d0d2d5;
}

#purchase-page-theme-extension .purchase-inner .theme-cost .theme-item-cost .title, .purchase-main .am-cart .theme-item-cost .title {
    color: #455963;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
}

#purchase-page-theme-extension .purchase-inner .theme-cost .theme-item-cost .cost, .purchase-main .am-cart .theme-item-cost .cost {
    display: inline-block;
    margin-top: 15px;
    font-weight: 700;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 2px solid #546e7a;
    color: #546e7a;
    display: inline-block;
    padding: 3px 10px;
    width: 120px;
    text-align: center;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.purchase-main .am-cart .theme-item-cost .cost input {
    background: none;
    border: none;
}

#purchase-page-theme-extension .purchase-inner .theme-cost .theme-item-cost .cost:hover, #purchase-page-theme-extension .purchase-inner .theme-cost .theme-item-cost .active-btn, #purchase-page-theme-extension .purchase-inner .theme-cost .theme-item-cost .active-btn:hover, #purchase-page-theme-extension .purchase-inner-login input[type="submit"]:hover, #purchase-page-theme-extension .choose-paysys .btn-check-out input[type="submit"]:hover, .purchase-main .am-cart .theme-item-cost .cost:hover, .purchase-main .am-cart .theme-item-cost .active-btn, .purchase-main .am-cart .theme-item-cost .cost input:hover {
    background-color: #eb5155;
    border-color: #eb5155;
    color: #fff;
}

#purchase-page-theme-extension .purchase-inner .theme-cost .theme-item-cost .cost > div, .purchase-main .am-cart .theme-item-cost .cost > div {
    display: inline-block;
    vertical-align: middle;
}

#purchase-page-theme-extension .discount {
    display: block;
    margin-bottom: 60px;
}

#purchase-page-theme-extension .discount .title-discount {
    color: #78909c;
    font-size: 15px;
    font-weight: 400;
    text-align: right;
}

#purchase-page-theme-extension .discount .title-discount span {
    font-size: 18px;
}

#purchase-page-theme-extension .list-title-extension-wrapper {
    width: 100%;
    padding-bottom: 5px;
    border-bottom: 1px solid #cfd1d5;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}

#purchase-page-theme-extension .list-title-extension-wrapper span {
    color: #37474f;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    position: relative;
    margin-right: 40px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#purchase-page-theme-extension .list-title-extension-wrapper span.active:before {
    position: absolute;
    bottom: -9px;
    left: 0;
    content: '';
    height: 2px;
    width: 100%;
    background-color: #eb5155;
    -webkit-transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    -moz-transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    -o-transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
}

#purchase-page-theme-extension .purchase-signup-form label {
    font-weight: 600;
}

#purchase-page-theme-extension .discount .title-discount span {
    color: #37474f;
    font-weight: 600;
}

#purchase-page-theme-extension .purchase-inner-login .pcontent {
    width: 350px;
}

#purchase-page-theme-extension .form-discount input, #purchase-page-theme-extension .purchase-inner-login input {
    background-color: #fafafa;
    border: 1px solid #8fa3ad;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 5px 10px;
    width: 95%;
    display: block;
}

#purchase-page-theme-extension .form-discount input {
    width: 100%;
}

#purchase-page-theme-extension .title-purchase-login {
    display: block;
    color: #37474f;
    font-size: 20px;
    font-weight: 600;
    border-bottom: 1px solid #ccc;
    margin: 40px 0 25px;
    padding-bottom: 10px;
}

#purchase-page-theme-extension .purchase-inner-login .form-item {
    display: block;
    overflow: hidden;
    margin-bottom: 17px;
}

#purchase-page-theme-extension .purchase-inner-login .form-item br {
    display: none;
}

#purchase-page-theme-extension .purchase-inner-login .form-item span.error {
    display: block;
    color: #eb5155;
}

#purchase-page-theme-extension .purchase-inner-login .half-input {
    width: 50%;
    float: left;
}

#purchase-page-theme-extension .purchase-inner-login .half-input input {
    width: 90%;
}

#purchase-page-theme-extension .purchase-inner-login .form-item .lost-password {
    display: block;
    margin-top: 10px;
}

#purchase-page-theme-extension .purchase-inner-login .form-item .lost-password i {
    display: inline-block;
    margin-right: 10px;
}

#purchase-page-theme-extension .purchase-inner-login input[type="submit"], #purchase-page-theme-extension .btn-check-out input[type="submit"], .make-payment-button input[type="submit"], .cancel-paysystems input[type="submit"] {
    background-color: #eb5155;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    display: inline-block;
    padding: 15px 30px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: none;
    box-shadow: none;
    width: auto;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#purchase-page-theme-extension .choose-paysys {
    display: block;
    padding: 40px;
    background: #fff;
    margin-top: 30px;
}

#purchase-page-theme-extension .choose-paysys .title-process {
    color: #455963;
    font-size: 16px;
    font-weight: 400;
}

#purchase-page-theme-extension .btn-check-out input[type="submit"] {
    margin-bottom: 10px;
    margin-top: 26px;
    padding: 20px 25px;
}

#purchase-page-theme-extension .choose-paysys .desc {
    font-size: 12px;
}

#purchase-page-theme-extension .select-style select[name="paysys_id"] {
    border: 1px solid #8fa3ad;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 7px;
    width: 90%;
    display: block;
    margin-top: 10px;
}

#modal-login-amember .modal-content {
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, .1) !important;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .1) !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
    border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    background: #f5f5f5;
}

#modal-login-amember .modal-content .modal-header, .modal-body {
    padding-left: 25px;
}

#modal-login-amember .purchase-inner-login .form-item {
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
}

#modal-login-amember .purchase-inner-login .half-input {
    width: 50%;
    float: left;
}

#modal-login-amember .purchase-inner-login input {
    border: 1px solid #8fa3ad;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 5px 10px;
    width: 90%;
    display: block;
}

#modal-login-amember .purchase-inner-login .form-item .lost-password {
    display: block;
    margin-top: 10px;
}

#modal-login-amember .purchase-inner-login .form-item .lost-password i {
    display: inline-block;
    margin-right: 10px;
}

#modal-login-amember .purchase-inner-login input[type="submit"] {
    background-color: #eb5155;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    display: inline-block;
    padding: 15px 30px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: none;
    box-shadow: none;
    width: auto;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    min-width: 150px;
}

@media (max-width: 1024px) {
}

@media (max-width: 768px) {
    #purchase-page-theme-extension .form-discount input {
        width: 90%;
        margin: 15px auto 0;
    }

    #purchase-page-theme-extension .list-title-extension-wrapper span:last-child {
        display: block;
        margin-top: 20px;
    }

    #purchase-page-theme-extension .choose-paysys .title-process {
        text-align: center;
    }

    #purchase-page-theme-extension .select-style select[name="paysys_id"] {
        margin: 15px auto;
    }

    #purchase-page-theme-extension .purchase-inner .theme-cost .theme-item-cost .cost {
        float: left;
    }

    #purchase-page-theme-extension .choose-paysys {
        padding: 15px;
    }

    #purchase-page-theme-extension .choose-paysys .btn-check-out input[type="submit"] {
        font-size: 11px;
    }

    #purchase-page-theme-extension .discount .title-discount, .extension-title-sale-page {
        font-size: 14px;
    }
}

/* ---------------------------------------- */
/* T H A N K   P A G E    S T Y L E
/* ---------------------------------------- */
#modal-thankyou-wrapper #modal-thankyou .modal-thank-header {
    text-align: center;
    padding: 30px 0;
    display: block;
}

#modal-thankyou-wrapper #modal-thankyou #et-modal-404 {
    text-align: center;
    width: 100%;
    position: static !important;
}

#modal-thankyou-wrapper #modal-thankyou .modal-thank-header .title {
    font-weight: 700;
    font-size: 22px;
    color: #37474f;
}

#modal-thankyou-wrapper #modal-thankyou .modal-thank-header .desc {
    font-size: 18px;
    color: #37474f;
    margin-bottom: 10px;
    font-weight: 700;
}

#modal-thankyou-wrapper .et-modal-login {
    text-align: center;
    width: 100%;
}

#modal-thankyou-wrapper .et-modal-login > form {
    text-align: left;
    width: 480px;
    margin: 0 auto;
}

#modal-thankyou-wrapper .et-modal-login > form .choice-theme {
    display: block;
    margin-bottom: 15px;
}

#modal-thankyou-wrapper .et-modal-login > form .choice-theme span {
    display: block;
    font-weight: 600;
    font-size: 14px;
    color: #6b6b6b;
    margin-bottom: 10px;
    text-transform: uppercase;
}

#modal-thankyou-wrapper .et-modal-login > form .choice-theme input[type='text'], #modal-thankyou-wrapper .et-modal-login > form .choice-theme input[type='email'] {
    border: 1px solid #8fa3ad;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 5px 10px;
    width: 100%;
}

#modal-thankyou-wrapper .et-modal-login > form .btn-upload-file {
    display: block;
    margin: 20px 0;
}

#modal-thankyou-wrapper .et-modal-login > form .btn-upload-file button[type="submit"] {
    background-color: #eb5155;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    display: inline-block;
    padding: 15px 30px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: none;
    box-shadow: none;
    width: auto;
    margin-top: 20px;
}

#modal-thankyou-wrapper .et-modal-login > form .btn-upload-file .thank-oe-link {
    display: inline-block;
    margin-left: 15px;
}

#modal-thankyou-wrapper .et-modal-login > form .btn-upload-file .thank-oe-link a {
    margin-left: 10px;
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    color: #eb5155;
}

@media (max-width: 768px) {
    #modal-thankyou-wrapper .et-modal-login > form {
        width: 100%;
    }
}

/* ---------------------------------------- */
/* S A L E    P A G E    S T Y L E
/* ---------------------------------------- */
#top-bar-gallery.sale-page-topbar .title-top-bar {
    color: #455963;
    font-size: 36px;
    font-weight: 600;
    vertical-align: middle;
}

#top-bar-gallery.sale-page-topbar .title-top-bar .rating {
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle;
    font-size: 14px;
}

#top-bar-gallery.sale-page-topbar .title-top-bar .rating i {
    color: #f1bb00;
    font-size: 14px;
    vertical-align: middle;
}

#top-bar-gallery.sale-page-topbar .title-top-bar .number-rating {
    color: #f1bb00;
    font-size: 14px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 10px;
    font-weight: 400;
}

#top-bar-gallery.sale-page-topbar .btn-group-sale-page {
    text-align: right;
    padding-top: 30px;
    display: block;
}

#top-bar-gallery.sale-page-topbar .btn-group-sale-page a {
    display: inline-block;
    padding: 12px 30px;
    min-width: 165px;
    text-align: center;
}

.btn-sumary-big.btn-buy-now {
    border: 2px solid #536d79;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #536d79;
    font-size: 14px;
    font-weight: 600;
}

#top-bar-gallery.sale-page-topbar .btn-group-sale-page .btn-sumary-big.btn-buy-now {
    margin-right: 20px;
    padding: 10px 30px;
}

.testi-sale-page-wrapper {
    width: 100%;
    display: block;
    background: #fafafa;
    padding: 40px 0;
    margin-bottom: 40px;
}

.testi-sale-page .avatar-user-testi-sale-page {
    width: 50px;
    height: 50px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #f3f3f3;
    overflow: hidden;
    display: block;
    float: left;
    margin-right: 15px;
}

.testi-sale-page .content-testi-sale-page {
    overflow: hidden;
}

.testi-sale-page .content-testi-sale-page .testi-sale-page {
    color: #455963;
    font-size: 16px;
    font-weight: 600;
}

.testi-sale-page .content-testi-sale-page p {
    color: #778f9b;
    font-size: 14px;
}

.features-sale-page-wrapper {
    display: block;
    margin-bottom: 40px;
}

.nav-list-features {
    display: block;
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 50px;
}

.nav-list-features li {
    display: inline-block;
    margin-right: 60px;
    position: relative;
}

.nav-list-features li:before {
    content: '';
    width: 0;
    position: absolute;
    height: 2px;
    background-color: #eb5155;
    bottom: -6px;
    -webkit-transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    -moz-transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    -o-transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
}

.nav-list-features li.active:before, .nav-list-features li:hover:before {
    width: 100%;
}

.nav-list-features li a {
    color: #445963;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.features-sale-page-wrapper .img-features-sale-page {
    width: 170px;
    height: 100px;
    border: 1px solid #eee;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #f9f9f9;
    overflow: hidden;
    float: left;
    margin-right: 30px;
}

.features-sale-page-wrapper .img-features-sale-page img {
    width: 100%;
    height: auto;
}

.features-sale-page-wrapper .content-features-sale-page {
    width: 300px;
    float: left;
}

.features-sale-page-wrapper .content-features-sale-page h3 {
    color: #37474f;
    font-size: 18px;
    font-weight: 600;
    margin: 5px 0 10px;
    text-transform: uppercase;
}

.features-sale-page-wrapper .content-features-sale-page p {
    color: #778f9b;
    font-size: 16px;
    line-height: 1.5;
}

.learnmore-sale-page-wrapper {
    display: block;
    position: relative;
}

.learnmore-sale-page-wrapper:before {
    width: 1px;
    height: 100%;
    content: '';
    background: #778f9b;
    position: absolute;
    left: 50px;
    z-index: -1;
}

.learnmore-sale-page-wrapper li {
    margin: 0 0 50px 30px;
}

.learnmore-sale-page-wrapper li span.learnmore-number {
    width: 40px;
    height: 40px;
    border: 1px solid #778f9b;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
    line-height: 2;
    background: #fff;
}

.learnmore-sale-page-wrapper li span.learnmore-content {
    color: #37474f;
    font-size: 20px;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
}

.info-sale-page-wrapper .info-title {
    color: #778f9b;
    font-size: 16px;
    display: block;
}

.info-sale-page-wrapper .info-content {
    color: #455a64;
    font-size: 16px;
    font-weight: 600;
    display: block;
}

.ask-question-wrapper {
    background: #e4ebf5;
    width: 100%;
    padding: 40px 0;
}

.title-top-ask-question {
    display: block;
    width: 100%;
    position: relative;
    margin: 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 50px;
}

.title-top-ask-question span {
    color: #445963;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    position: relative;
}

.title-top-ask-question span:before {
    content: '';
    width: 100%;
    position: absolute;
    height: 2px;
    background-color: #eb5155;
    bottom: -6px;
}

.btn-sumary.btn-ask-question {
    color: #fff;
    font-size: 12px;
    padding: 2px 20px;
    display: inline-block;
    margin-top: 10px;
}

.ask-question-list {
    display: block;
    overflow: hidden;
    margin-bottom: 40px;
}

.ask-question-list .list-icon-ask-question {
    display: inline-block;
    float: left;
    position: relative;
    margin-right: 30px;
}

.ask-question-list .list-icon-ask-question:before {
    width: 1px;
    height: 100%;
    content: '';
    background: #778f9b;
    position: absolute;
    left: 20px;
}

.ask-question-list .list-icon-ask-question li {
    display: block;
    margin-bottom: 20px;
    position: relative;
    z-index: 2;
}

.ask-question-list .list-icon-ask-question li:last-child {
    margin-bottom: 0;
}

.ask-question-list .list-icon-ask-question li span {
    width: 40px;
    height: 40px;
    border: 1px solid #778f9b;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    line-height: 2;
    background: #e4ebf5;
}

.ask-question-list .list-icon-ask-question li span.ask-question-icon i {
    color: #eb5155;
}

.ask-question-list .list-icon-ask-question li span.ask-check-icon i {
    color: #19bb9b;
}

.ask-question-content {
    display: inline-block;
    float: left;
    overflow: hidden;
    width: 80%;
}

.ask-question-content h2 {
    color: #37474f;
    font-size: 20px;
    font-weight: 700;
    margin: 5px 0 20px;
}

.ask-question-content p {
    color: #778f9b;
    font-size: 14px;
}

.carousel-3d-sale-page-wrapper {
    background: #34495e;
    min-height: 700px;
    width: 100%;
    /*padding-top:70px;*/
    overflow: hidden;
    z-index: 9;
}

.page-template-page-customization .carousel-3d-sale-page-wrapper {
    background: transparent;
}

.carousel-3d {
    /* width:40%; */
    width: 56%;
    height: 468px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    /* margin-top: 140px; */
}

.carousel-3d li {
    width: 670px;
    height: 100%;
}

nav.nav-roundslide a {
    position: absolute;
    top: 4%;
    display: block;
    outline: none;
    text-align: left;
    z-index: 9;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

nav.nav-roundslide a.prev {
    background: url('https://static.enginethemes.com/main/img/customization/carousel-prev.png') no-repeat;
    top: -23%;
    left: 24%;
    width: 40px;
    height: 40px;
}

nav.nav-roundslide a.next {
    background: url('https://static.enginethemes.com/main/img/customization/carousel-next.png') no-repeat;
    top: -23%;
    right: 24%;
    width: 40px;
    height: 40px;
}

.nav-roundslide a {
    margin: 0 20px;
    padding: 15px;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    background: #3d556e;
    -webkit-transition: width 0.3s, background-color 0.3s;
    -moz-transition: width 0.3s, background-color 0.3s;
    transition: width 0.3s, background-color 0.3s;
}

.nav-roundslide .icon-wrap {
    position: absolute;
    width: 32px;
}

.nav-roundslide a.prev .icon-wrap {
    left: 15px;
}

.nav-roundslide a.next .icon-wrap {
    right: 15px;
}

.nav-roundslide svg.icon {
    fill: #566473;
}

.nav-roundslide h3 {
    position: absolute;
    top: 0;
    margin: 0;
    color: #556573;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
    letter-spacing: 1px;
    line-height: 2.6;
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
}

.nav-roundslide a.prev h3 {
    right: 20px;
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.nav-roundslide a.next h3 {
    left: 20px;
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.nav-roundslide a:hover {
    width: 130px;
    background: #fff;
}

.nav-roundslide a:hover h3 {
    /* opacity: 1;
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	transition-delay: 0.1s;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0); */
}

.nav-roundslide a.next-slider-3d:after {
    /* width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 0 9px 15px;
	border-color: transparent transparent transparent #2c3e50;
	line-height: 0px;
	_border-color: #000000 #000000 #000000 #2c3e50;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
	right: 5px;
	top: 6px;
	content:'';
	position:absolute; */
}

.nav-roundslide a.next-slider-3d:before {
    /* width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 7px;
	border-color: transparent transparent transparent #3e566e;
	line-height: 0px;
	_border-color: #000000 #000000 #000000 #2c3e50;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
	right: 10px;
	top: 11px;
	position: absolute;
	content: '';
	z-index: 99; */
}

.nav-roundslide a.prev-slider-3d:after {
    /* width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 15px 9px 0;
	border-color: transparent #2c3e50 transparent transparent;
	line-height: 0px;
	_border-color: #000000 #2c3e50 #000000 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
	left: 5px;
	top: 6px;
	content:'';
	position:absolute; */
}

.nav-roundslide a.prev-slider-3d:before {
    /*
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 7px 4px 0;
	border-color: transparent #3e566e transparent transparent;
	line-height: 0px;
	_border-color: #000000 #2c3e50 #000000 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
	left: 10px;
	top: 11px;
	position: absolute;
	content: '';
	z-index: 99; */
}

.nav-roundslide a.prev-slider-3d:hover:before {
    border-color: transparent #fff transparent transparent;
}

.nav-roundslide a.next-slider-3d:hover:before {
    border-color: transparent transparent transparent #fff;
}

/* .text-slider-carousel{
	color: #fff;
	display:block;
	text-align:center;
	margin-bottom:70px;
	font-size: 18px;
	opacity:0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
} */
.text-slider-carousel {
    position: absolute;
    display: none;
    text-align: center;
    top: -25.5%;
    width: 100%;
}

.roundabout-in-focus .text-slider-carousel {
    display: block;
    font-size: 2.4em;
    color: #34495e;
    line-height: 30px;
}

.roundabout-in-focus {
    -webkit-box-shadow: 0px 10px 30px 0px #e2e2e2;
    -moz-box-shadow: 0px 10px 30px 0px #e2e2e2;
    box-shadow: 0px 10px 30px 0px #e2e2e2;
}

/* .roundabout-in-focus .text-slider-carousel{
	opacity:1;
} */
/* .roundabout-moveable-item {
	background: #000;
	opacity: 0.3 !important;
}
.roundabout-moveable-item.roundabout-in-focus {
	background: none;
	opacity: 1 !important;
} */
.roundabout-moveable-item img {
    cursor: pointer;
    opacity: 0.9;
}

.roundabout-moveable-item img:hover {
    opacity: 0.7;
    cursor: pointer;
}

.roundabout-moveable-item.roundabout-in-focus img {
    opacity: 1 !important;
}

.roundabout-moveable-item.roundabout-in-focus img:hover {
    opacity: 1;

}

/* ---------------------------------------- */
/* S A L E    P A G E    2 	  S T Y L E
/* ---------------------------------------- */
#top-bar-gallery.sale-page-topbar.version-2 {
    background: #34495e;
    padding: 120px 0 60px;
}

#top-bar-gallery.sale-page-topbar.version-2 .title-top-bar {
    color: #fff;
}

#top-bar-gallery.sale-page-topbar.version-2 .btn-sumary-big.btn-buy-now {
    border-color: #fff;
    color: #fff;
    margin-right: 10px;
}

#top-bar-gallery.sale-page-topbar .btn-group-sale-page .btn-help-center {
    border: 2px solid #fff;
    color: #fff;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 7px 0;
    width: 50px;
    height: 50px;
    text-align: center;
    min-width: inherit;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-right: 10px;
}

#top-bar-gallery.sale-page-topbar .btn-group-sale-page .btn-help-center img,
#top-bar-gallery.sale-page-topbar .btn-group-sale-page .btn-help-center span {
    display: inline-block;
    vertical-align: middle;
}

#top-bar-gallery.sale-page-topbar .btn-group-sale-page .btn-help-center span {
    opacity: 0;
    margin-left: 10px;
}

#top-bar-gallery.sale-page-topbar .btn-group-sale-page .btn-help-center:hover {
    width: 185px;
}

#top-bar-gallery.sale-page-topbar .btn-group-sale-page .btn-help-center:hover span {
    opacity: 1;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.testi-sale-page-wrapper.version-2 {
    margin-bottom: 0;
}

.img-intro-sale-page-wrapper {
    width: 100%;
    display: block;
    position: relative;
}

.img-intro-sale-page-wrapper .img-intro-features {
    width: 33.3333%;
    float: left;
}

.img-intro-sale-page-wrapper .img-intro-features.two {
    width: 50%;
}

.img-intro-sale-page-wrapper .img-intro-features img {
    width: 100%;
    height: auto;
}

.list-link-to-link {
    padding: 20px 0;
    text-align: center;
}

.list-link-to-link li {
    display: inline-block;
    margin: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.list-link-to-link li .link-to-wrapper {
    padding: 20px 10px;
    width: 200px;
    border: 1px solid #eee;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.list-link-to-link li .link-to-wrapper i {
    color: #eb5255;
    font-size: 18px;
}

.list-link-to-link li .link-to-wrapper h3 {
    color: #37474f;
    font-size: 14px;
    font-weight: 600;
    margin: 10px 0 0;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.title-features-theme-v2 {
    color: #445963;
    font-weight: 400;
    font-size: 28px;
    text-align: center;
    margin: 0 0 50px;
}

.link-intro-sale-page-wrapper.stuck-sticky {
    position: fixed;
    top: 0;
    background: #fff;
    width: 100%;
    z-index: 999;
    background: #eceff1;
}

.link-intro-sale-page-wrapper.stuck-sticky .list-link-to-link {
    text-align: left;
    float: left;
    display: inline-block;
}

.link-intro-sale-page-wrapper.stuck-sticky .list-link-to-link li {
    margin: 0;
}

.link-intro-sale-page-wrapper.stuck-sticky .list-link-to-link li .link-to-wrapper {
    padding: 10px 25px 5px;
    border: 0;
    width: inherit;
    margin: 0 5px;
}

.link-intro-sale-page-wrapper.stuck-sticky .list-link-to-link li .link-to-wrapper h3 {
    display: none;
}

.link-intro-sale-page-wrapper.stuck-sticky .list-link-to-link li .link-to-wrapper i {
    color: #455963;
}

.link-intro-sale-page-wrapper.stuck-sticky .list-link-to-link li .link-to-wrapper:hover i {
    color: #eb5255;
}

.link-intro-sale-page-wrapper .btn-group-sale-page {
    display: none;
}

.link-intro-sale-page-wrapper.stuck-sticky .btn-group-sale-page {
    display: inline-block;
    float: right;
    margin-top: 15px;
}

.link-intro-sale-page-wrapper.stuck-sticky .btn-sumary-big.btn-buy-now {
    padding: 10px 30px;
    margin-right: 15px;
}

.link-intro-sale-page-wrapper.stuck-sticky .btn-sumary-big {
    padding: 11px 42px;
}

.link-intro-sale-page-wrapper.stuck-sticky .btn-help-center {
    border: 2px solid #455a64;
    color: #455a64;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 5px 0;
    width: 40px;
    height: 40px;
    text-align: center;
    min-width: inherit;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-right: 10px;
}

.link-intro-sale-page-wrapper.stuck-sticky .btn-help-center:hover {
    width: 175px;
}

.link-intro-sale-page-wrapper.stuck-sticky .btn-help-center span {
    opacity: 0;
    margin-left: 10px;
}

.link-intro-sale-page-wrapper.stuck-sticky .btn-help-center:hover span {
    opacity: 1;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

#cogs-link-to,
#front-end-link-to,
#back-end-link-to,
#pricing-item,
#popular-extension {
    background: #fafafa;
    padding: 50px 0;
    width: 100%;
}

#front-end-link-to {
    background: #fff;
}

#popular-extension {
    background: #34495e;
}

.features-theme-v2 {
}

.features-theme-v2 .img-features-theme-v2 {
    border: 1px solid #cfd1d5;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    display: block;
    margin-bottom: 30px;
}

.features-theme-v2 .img-features-theme-v2 img {
    width: 100%;
    height: auto;
}

.features-theme-v2 p {
    color: #778f9b;
    font-size: 16px;
    text-align: center;
    padding: 0 15px;
    line-height: 1.5;
}

.call-out-features-theme-v2 {
    display: block;
    position: relative;
    margin: 40px 0;
}

.call-out-features-theme-v2 h3 {
    color: #eb5155;
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 5px;
    text-transform: uppercase;
}

.call-out-features-theme-v2 p {
    color: #778f9b;
    font-size: 16px;
}

/* ------------------------------------------------------- */
/* P O P U L A R   E X T E N S I O N   S T Y L E
/* ------------------------------------------------------- */
#popular-extension .title-features-theme-v2 {
    color: #fff;
}

/* ------------------------------------------------------- */
/* P R I C I N G   S T Y L E
/* ------------------------------------------------------- */
.list-pricing {
    text-align: center;
}

.list-pricing li {
    display: inline-block;
    vertical-align: top;
}

.list-pricing li .pricing-wrapper {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #f5f5f5;
    display: block;
    width: 265px;
    min-height: 50px;
    overflow: hidden;
    padding-bottom: 30px;
}

.list-pricing li .pricing-wrapper .pricing-title {
    background-color: #2b3d4f;
    width: 100%;
    height: 95px;
    display: block;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    display: table;
}

.list-pricing li .pricing-wrapper .pricing-title h2 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin: 0;
    display: table-cell;
    height: 100%;
    vertical-align: middle
}

.list-pricing li .pricing-wrapper .pricing-title h2 > span {
    display: block;
    color: #5f7c8a;
    font-size: 14px;
    line-height: 1.2;
}

.list-pricing li .pricing-wrapper .pricing-title h2 > span .number-task-off {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}

.list-pricing li .pricing-wrapper .pricing-list-option-wrapper {
    display: block;
    position: relative;
    margin-bottom: 20px;
}

.list-pricing li .pricing-wrapper .pricing-list-option-wrapper .pricing-number {
    color: #2c3d4f;
    font-size: 48px;
    font-weight: 700;
    text-align: center;
}

.list-pricing li .pricing-wrapper .pricing-list-option-wrapper .pricing-number sup {
    color: #2c3d4f;
    font-size: 14px;
    display: inline-block;
    position: relative;
    top: -30px;
    font-weight: 300;
}

.list-pricing li .pricing-wrapper .pricing-list-option-wrapper .pricing-number .number-old {
    color: #afbdc4;
    font-size: 32px;
    margin: 0 20px 0 0;
    display: inline-block;
    position: relative;
}

.list-pricing li .pricing-wrapper .pricing-list-option-wrapper .pricing-number .number-old:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #2c3d4f;
    top: 20px;
    -webkit-transform: rotate(145deg);
    -moz-transform: rotate(145deg);
    -ms-transform: rotate(145deg);
    -o-transform: rotate(145deg);
    transform: rotate(145deg);
}

.list-pricing li .pricing-wrapper.pricing-special .pricing-list-option-wrapper .pricing-number .number-old:before {
    background: #eb5256;
}

.list-pricing li .pricing-wrapper .pricing-list-option-wrapper .pricing-number .number-old > sup {
    color: #afbdc4 !important;
    top: -20px;
}

.list-pricing li .pricing-wrapper .pricing-list-option-wrapper ul {
    text-align: center;
    display: block;
}

.list-pricing li .pricing-wrapper .pricing-list-option-wrapper ul li {
    color: #2c3d4f;
    font-size: 16px;
    display: block;
    margin-bottom: 15px;
}

.list-pricing li .pricing-wrapper .btn-pricing-wrapper {
    display: block;
    text-align: center;
}

.list-pricing li .pricing-wrapper .btn-pricing-wrapper .btn-pricing {
    background-color: #2b3d4f;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 7px 35px;
    letter-spacing: 1px;
}

.list-pricing li .pricing-wrapper.pricing-special .pricing-title,
.list-pricing li .pricing-wrapper.pricing-special .btn-pricing-wrapper .btn-pricing {
    background: #eb5256;
}

.list-pricing li .pricing-wrapper.pricing-special .pricing-title h2 > span {
    color: #ffa626;
}

.list-pricing li .pricing-wrapper.pricing-special .pricing-list-option-wrapper .pricing-number,
.list-pricing li .pricing-wrapper.pricing-special .pricing-list-option-wrapper .pricing-number sup {
    color: #eb5256;
}

/* ------------------------------------------------------- */
/* P A C K A G E   P A G E   S T Y L E
/* ------------------------------------------------------- */
#package-page .list-pricing li .pricing-wrapper, #package-page .list-pricing li .pricing-wrapper .pricing-title {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

#package-page .list-pricing li .pricing-wrapper {
    padding-bottom: 0;
}

#package-page .list-pricing li .pricing-wrapper .package-line-wrapper {
    border: 1px solid #d0d2d5;
}

#package-page .list-pricing li .pricing-wrapper .btn-pricing-wrapper {
    padding-bottom: 30px;
}

#package-page .list-pricing li {
    margin-left: -5px;
}

#package-page .title-features-theme-v2 {
    color: #455963;
    font-size: 40px;
    font-weight: 600;
    margin-top: 50px;
}

.pricing-wrapper {
    cursor: pointer;
}

.title-theme-description {
    margin-top: 45px;
    margin-bottom: 30px;
}

.theme-description {
    max-width: 770px;
    display: block;
    margin: 0 auto;
    font-size: 14px;
    line-height: 28px;
}

/* ------------------------------------------------------- */
/* T A B S   R E S P O N S I V E
/* ------------------------------------------------------- */
.resp-tabs-list {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #ccc;
    width: 100%;
    text-align: center;
}

.resp-tabs-list li {
    font-weight: 600;
    display: inline-block;
    padding: 5px 0;
    margin: 0 15px;
    list-style: none;
    cursor: pointer;
    color: #445963;
    font-size: 12px;
    text-transform: uppercase;
    position: relative;
}

.resp-tabs-container {
    padding: 0px;
    clear: left;
}

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

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

.resp-tab-active {
    position: relative;
    border-bottom: none;
    /*background-color: #fff;*/
}

.resp-tabs-list li:before {
    content: '';
    position: absolute;
    height: 2px;
    width: 0;
    background: #eb5256;
    left: 0;
    bottom: -1px;
    -webkit-transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    -moz-transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    -o-transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
}

.resp-tabs-list li.resp-tab-active:before, .resp-tabs-list li:hover:before {
    width: 100%;
}

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

h2.resp-accordion {
    font-size: 13px;
    margin: 0px;
    padding: 10px 15px;
}

h2.resp-tab-active {
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
    background: blue;
}

/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%;
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0 0 4px;
    cursor: pointer;
    float: none;
}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    float: left;
    width: 68%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
}

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

.resp-vtabs li.resp-tab-active {
    position: relative;
    z-index: 1;
    margin-right: -1px !important;
    padding: 14px 15px 15px 14px !important;
    border-top: 1px solid;
    border: 1px solid #5AB1D0 !important;
    border-left: 4px solid #5AB1D0 !important;
    margin-bottom: 4px !important;
    border-right: 1px #FFF solid !important;
}

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

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

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

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

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

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

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

h2.resp-accordion {
    background: #f5f5f5 !important;
    border-bottom: 1px solid #EFEFEF;
}

h2.resp-accordion.resp-tab-active {
    color: #eb5256;
}

.resp-tabs-container > h2.resp-accordion:last-child {
    border: none;
}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 996px) {
    ul.resp-tabs-list {
        display: none;
    }

    .resp-tab-content {
        padding: 25px 15px 0;
    }

    .resp-tab-content-active {
        display: block;
        background: #fff !important;
    }

    h2.resp-accordion {
        display: block;
        font-weight: 600;
        cursor: pointer;
        color: #445963;
        font-size: 12px;
        text-transform: uppercase;
        position: relative;
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #ccc;
    }

    .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 #ccc !important;
    }
}

/* ------------------------------------------------------- */
/* S H O W   C A S E    S T Y L E
/* ------------------------------------------------------- */
#showcase-page {
    display: block;
    position: relative;
    background: #fafafa;
}

#showcase-page .paginations {
}

#top-bar-gallery.showcase-page-topbar {
    padding: 125px 0 60px;
}

.list-name-showcase-wrapper {
    /*background:#34495e;*/
    position: relative;
    display: block;
    padding: 55px 0;
    min-height: 310px;
}

.list-name-showcase li {
    margin-bottom: 10px;
    padding: 0 10px;
    display: block;
    position: relative;
}

.list-name-showcase li:before {
    content: '';
    width: 2px;
    height: 0;
    background-color: #eb5155;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.list-name-showcase li.active:before, .list-name-showcase li:hover:before {
    height: 100%;
}

.list-name-showcase li a {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: block;
}

.list-showcase {
    padding: 70px 0 0 30px
}

.showcase-item-wrapper {
    display: block;
    position: relative;
    margin-bottom: 40px;
}

.showcase-item-wrapper .img-showcase {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #ebeef0;
    overflow: hidden;
    display: block;
    margin-bottom: 15px;
}

.showcase-item-wrapper .caption-showcase-img {
    color: #37474f;
    font-size: 18px;
    font-weight: 600;
    display: block;
    text-align: center;
}

/* ------------------------------------------------------- */
/* H E L P   P A G E   S T Y L E
/* ------------------------------------------------------- */
#top-bar-gallery.help-page-topbar {
    padding: 125px 0 50px;
}

#top-bar-gallery.help-page-topbar a.icon-file {
    width: 40px;
    height: 40px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    display: inline-block;
    text-align: center;
    line-height: 2.8;
    vertical-align: middle;
    margin-left: 10px;
}

#top-bar-gallery.help-page-topbar p.text-bar-help {
    color: #778f9b;
    margin-top: 10px;
    font-size: 14px;
}

#top-bar-gallery.help-page-topbar a.icon-file i {
    color: #fff;
    font-size: 14px;
}

#help-page {
    width: 100%;
    background: #fafafa;
    min-height: 50px;
    border-top: 1px solid #d0d2d5;
    border-bottom: 1px solid #d0d2d5;
    position: relative;
}

.help-page-left-wrapper {
    width: 100%;
    border-right: 1px solid #d0d2d5;
}

.help-page-left-wrapper li {
    padding: 50px 0 60px;
    position: relative;
}

.help-page-left-wrapper li:nth-child(2n) {
    padding: 0;
}

.help-page-left-wrapper li .help-page-left-content {
    max-width: 300px;
}

.help-page-left-wrapper li .help-page-left-content .help-page-title, .help-page-right-content .help-page-title {
    color: #37474f;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 10px;
}

.help-page-left-wrapper li .help-page-left-content .help-page-title a, .help-page-right-content .help-page-title a {
    color: #37474f;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.help-page-left-wrapper li .help-page-left-content p, .help-page-right-content p {
    color: #778f9b;
    font-size: 16px;
    line-height: 1.4;
}

.help-page-right-content {
    padding: 50px 0 0 30px;
}

.help-list-wrapper {
    display: block;
    position: relative;
}

.help-list-wrapper:before {
    width: 1px;
    height: 100%;
    content: '';
    background: #778f9b;
    position: absolute;
    left: 15px;
    z-index: 1;
}

.help-list-wrapper li {
    display: block;
    margin-bottom: 30px;
}

.help-list-wrapper li .help-number {
    width: 30px;
    height: 30px;
    border: 1px solid #778f9b;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    line-height: 2;
    background: #fff;
    overflow: hidden;
    float: left;
    background: #fafafa;
    position: relative;
    z-index: 2;
}

.help-list-wrapper li .help-content {
    color: #78909c;
    font-size: 14px;
    overflow: hidden;
}

.help-list-wrapper li .help-content .text-help-bold {
    font-size: 16x;
    color: #37474f;
    font-weight: 600;
}

.help-list-wrapper li .help-content a {
    padding-bottom: 2px;
    border-bottom: 1px solid #eb5155;
}

.grey-line {
    width: 300%;
    margin-left: -200%;
    height: 1px;
    background: #d0d2d5;
}

.btn-help-page {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    text-align: center;
    top: 0;
    right: 0;
    border-left: 1px solid #cfd1d5;
    border-bottom: 1px solid #cfd1d5;
}

.btn-help-page i {
    color: #ec6367;
    font-family: "FontAwesome";
    line-height: 2;
}

/* ------------------------------------------------------- */
/* F A Q   P A G E    S T Y L E
/* ------------------------------------------------------- */
#faq-page {
    width: 100%;
    background: #fafafa;
    min-height: 50px;
    border-top: 1px solid #d0d2d5;
    border-bottom: 1px solid #d0d2d5;
}

.text-left-faq {
    display: block;
    padding: 60px 0;
    max-width: 340px;
}

.text-left-faq p {
    color: #778f9b;
    font-size: 16px;
    line-height: 1.7;
    padding-right: 15px;
}

.text-left-faq p a {
    border-bottom: 1px solid;
}

.text-right-faq {
    display: block;
    position: relative;
    padding: 60px 0 60px 60px;
    min-height: 500px;
    border-left: 1px solid #d0d2d5;
}

.nav-list-questions {
    display: block;
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
}

.nav-list-questions li {
    display: inline-block;
    margin-right: 60px;
    position: relative;
}

.nav-list-questions li:before {
    content: '';
    width: 0;
    position: absolute;
    height: 2px;
    background-color: #eb5155;
    bottom: -6px;
    -webkit-transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    -moz-transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    -o-transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
}

.nav-list-questions li.active:before, .nav-list-questions li:hover:before {
    width: 100%;
}

.nav-list-questions li a {
    color: #445963;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.text-right-faq .ask-question-list {
    margin-bottom: 0;
    cursor: pointer;
    -webkit-transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    -moz-transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    -o-transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
}

.text-right-faq .ask-question-list.active {
    margin-bottom: 30px;
}

.text-right-faq .ask-question-list .list-icon-ask-question li span {
    background: #fafafa;
}

.text-right-faq .ask-question-list .list-icon-ask-question li:last-child,
.text-right-faq .ask-question-content .faq-content {
    display: none;
}

.text-right-faq .ask-question-list .list-icon-ask-question:before {
    -webkit-transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    -moz-transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    -o-transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    opacity: 0;
}

.text-right-faq .ask-question-list .list-icon-ask-question.active-line:before {
    opacity: 1;
}

/* ------------------------------------------------------- */
/* 4 0 4   P A G E    S T Y L E
/* ------------------------------------------------------- */
#page-404-wrapper {
    display: block;
    position: relative;
    padding: 170px 0 70px;
    border-bottom: 1px solid #eceff1;
    width: 100%;
}

.content-404-wrapper, .img-404-wrapper {
    display: block;
    text-align: center;
}

.content-404-wrapper h1 {
    color: #2c3d4f;
    font-size: 72px;
    font-weight: 700;
    margin: 0 0 20px;
    line-height: 0.7;
    position: relative;
    display: inline-block;
}

.content-404-wrapper h1:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #2b3d4f;
    right: 30px;
    top: 23px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.content-404-wrapper h1:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #2b3d4f;
    left: 75px;
    top: 75px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.content-404-wrapper p {
    color: #455963;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 35px;
}

.content-404-wrapper p a.link-home {
    display: inline-block;
    text-decoration: underline;
}

/* ------------------------------------------------------- */
/* F O O T E R    S T Y L E
/* ------------------------------------------------------- */
footer {
    display: inline-block;
    position: inherit;
    width: 100%;
    padding: 40px 0;
}

footer .widgettitle {
    color: #455963;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase;
}

ul.socials-link {
    text-align: right;
    margin: 0;
    padding: 0;
    font-size: 0;
}

ul.socials-link li {
    display: inline-block;
}

ul.socials-link li a {
    line-height: 50px;
    display: block;
    font-size: 14px;
    color: #fff;
    max-width: 185px;
    text-align: center;
    letter-spacing: 1px;
    padding: 0 25px;
    position: relative;
}

ul.socials-link li.tw a {
    background-color: #3aafc2;
}

ul.socials-link li.fb a {
    background-color: #365d98;
}

ul.socials-link li a i {
    margin-right: 20px;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
}

ul.socials-link li a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 0px;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, .2);
    -webkit-transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    -moz-transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    -o-transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
    transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1);
}

ul.socials-link li:hover a:before {
    height: 100%;
}

nav.menu-footer ul li {
    display: block;
    margin-bottom: 5px;
}

nav.menu-footer ul li a {
    font-size: 14px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.newsletters-form label {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
}

.newsletters-form .input-form-newsletters {
    display: block;
    position: relative;
}

.newsletters-form .input-form-newsletters input {
    border: 1px solid #8fa3ad;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 5px 10px;
    width: 100%;
}

.newsletters-form .input-form-newsletters .icon-email-newsletters {
    position: absolute;
    right: 15px;
    top: 5px;
    color: #eb5155;
    font-size: 14px;
    cursor: pointer;
}

.copyright-engine-footer {
    background-color: #33495d;
    /*	padding:20px 0;*/
    width: 100%;
    min-height: 50px;
}

.copyright-text {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
    line-height: 50px;
}

.footer-links ul li {
    margin-bottom: 8px;
}

/*  ================ jQUERY Raty ============== */
.cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    /*This is the important part*/
    font-family: "FontAwesome";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
}

.cancel-on-png:before {
    /*the "\f057" represents an unfilled circle with an x in it*/
    /*each of these can be configured to be whichever icon you would like*/
    /*fore more information on the icon code, look at the link listed below*/
    content: "\f057";
}

.cancel-off-png:before {
    content: "\f05c";
}

.star-on-png:before {
    content: "\f005";
}

.star-off-png:before {
    content: "\f006";
}

.star-half-png:before {
    content: "\f123";
}

/* --------------------------------------------------------- */
/* N O T I F I C A T I O N     S T Y L E
/* --------------------------------------------------------- */
#notifybar {
    z-index: 999;
}

#notifybar .notifybar_topsec {
    box-shadow: none;
}

#notifybar a.notifybar_close {
    background-image: none;
    right: 20px;
    top: 25px;
}

#notifybar a.notifybar_close:before {
    background-image: none;
    font-family: 'FontAwesome';
    content: "\f176";
    font-size: 25px;
    color: #fff;
    position: absolute;
    top: -10px;
}

#notifybar .notifybar_topsec {
    box-shadow: none;
    width: 100%;
    height: inherit;
    padding: 6px 0 10px;
}

#nbar_downArr.notifybar_botsec {
    background: none;
    border: none;
    box-shadow: none;
    border-radius: 0px 0px 3px 3px;
    right: 15px !important;
}

#nbar_downArr.notifybar_botsec:before {
    background-image: none;
    font-family: 'FontAwesome';
    content: "\f175";
    font-size: 22px;
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 12px;
}

#notifybar .notifybar_topsec .notifybar_center .notifybar_block {
    margin: 5px;
    padding-top: 0 5px;
    line-height: 1.5;
    margin-bottom: 10px;
    display: inline-block;
}

.notifybar_push {
    height: 0 !important;
}

@media (max-width: 769px) {
    #notifybar .notifybar_topsec {
        padding: 10px 40px 20px;
    }

    #notifybar a.notifybar_close {
        right: 10px;
    }
}

/* --------------------------------------------------------- */
/* P R E L O A D I N G   S T Y L E
/* --------------------------------------------------------- */
.mask-color {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: #e84f53;
}

#preview-area {
    width: 200px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 60px;
    right: 0;
    margin: auto auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    z-index: 9999999;
}

.spinner {
    margin: 20px 0 auto;
    width: 200px;
    text-align: center;
}

.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.spinner.new > div {
    background-color: #ec6367;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

.page-main, .page-left {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    height: 100%;
    position: fixed;
    z-index: 9999;
    background-color: #ed6367;
}

.btn-sumary {
    letter-spacing: 1px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
    display: inline-block;
}

.btn-sumary:hover {
    /*color: #fff;*/
    text-decoration: none;
    opacity: .8;
}

.nicescroll-rails {
    display: none !important;
}

#theme_extensions {
    height: auto !important;
    min-height: 220px;
}

/*.theme-extensions .col-md-15{
	width: 16.666667%;
}*/
.theme-extensions .info-extension-wrapper img {
    width: 100%;
    height: auto;
}

.btn-view-all {
    margin: 0 auto;
    display: block;
    width: 130px;
    padding: 5px 10px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
}

.child-logo {
    position: relative;
    top: -5px;
}

/* === Thai CSS === */
.feature-theme-big {
}

.features-theme-text-font-end-v2 {
    max-width: 400px;
    position: relative;
    z-index: 9;
}

.features-theme-text-font-end-v2 h2 {
    color: #eb5155;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.features-theme-text-font-end-v2 p {
    color: #778f9b;
    font-size: 16px;
}

.feature-theme-big .features-theme-front-end-v2 {
    position: relative;
}

.feature-theme-big .features-theme-front-end-v2 img {
    max-width: inherit;
    float: right;
}

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

.post-footer .btn-view-all {
    display: inline-block;
    margin: 0;
}

.single-changelog-content .line-blog-home {
    margin-bottom: 0;
}

.list-news-blog-wrapper:first-child {
    margin-top: 0;
}

.faq-content p {
    margin-bottom: 0;
}

.faq-content a {
    position: relative;
    z-index: 999;
}

.sticky-star {
    display: inline-block;
    background: #eb5155;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    text-align: center;
    font-size: 17px;
    vertical-align: middle;
    margin-top: -4px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.sticky-star i {
    display: inline-block;
    vertical-align: middle;
    margin-top: 1px;
}

.title-blog a:hover .sticky-star {
    background: #2c3e50;
}

/* ------------------------------------------------------- */
/* S I D E B A R    S T Y L E
/* ------------------------------------------------------- */
#left_sidebar {
    position: relative;
    padding-right: 15px;
    color: #fff;
}

#left_sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#left_sidebar ul li.widget .widgettitle {
    margin-bottom: 0;
    color: #eb5155;
}

#left_sidebar ul li.widget table tr th {
    background: transparent;
}

.cat-wrapper {
    z-index: 1;
}

/* ------------------------------------------------------- */
/* P E R K    S T Y L E
/* ------------------------------------------------------- */
#list-item-perks {
    padding: 80px 0 30px 30px;
    float: left;
    width: 100%;
}

#list-item-perks > div {
    padding-left: 40px;
    padding-bottom: 50px;
}

.pd-l-55 {
    padding-left: 55px;
}

.grid figure {
    margin: 0;
    position: relative;
}

.grid figure img {
    max-width: 100%;
    display: block;
    position: relative;
}

.grid figcaption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    padding-top: 10px;
    background-color: rgba(255, 255, 255, 0.9);
    color: #37474f;
}

.grid figcaption .name-price {
    color: #37474f;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 10px;
}

.grid figcaption a {
    text-align: center;
    display: inline-block;
}

.cs-style-3 figure.item-theme {
    overflow: hidden;
    display: inline-block;
    min-height: 380px;
}

.cs-style-3 figure .info-content {
    font-size: 13px;
}

.cs-style-3 figure.item-theme a img {
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.no-touch .cs-style-3 figure:hover a img,
.cs-style-3 figure.cs-hover a img {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
}

.cs-style-3 figcaption {
    height: 120%;
    width: 100%;
    top: -33%;
    bottom: 0;
    opacity: 1;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {
    top: 0%;
    height: 100%;
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
}

.cs-style-3 figcaption a {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.color-link {
    color: #eb5256
}

/* ------------------------------------------------------- */
/* C U S T O M I Z A T I O N   S T Y L E
/* ------------------------------------------------------- */
body.customization-page {
    background: #34495e;
    font-family: "proxima-nova";
    color: #f0efdd;
    font-size: 14px;
    padding-bottom: 50px;
}

#main_content {
    padding-top: 100px;
}

.gears {
    padding-top: 80px;
    position: relative;
    text-align: center;
}

.spin {
    position: absolute;
}

.spin1 {
    top: 50px;
    -webkit-transform: rotate(3deg);
}

.spin2 {
    left: 100px;
    top: 25px;
    -webkit-transform: rotate(-8deg);
}

.spin3 {
    left: 165px;
    top: 112px;
}

.spin4 {
    top: 50px;
    left: 252px;
}

.spin5 {
    top: 210px;
    left: 190px;
}

.spin6 {
    left: 277px;
    top: 260px;
}

.spin7 {
    left: 376px;
    top: 235px;
}

.spin8 {
    top: 297px;
    left: 130px;
}

.spin9 {
    top: 383px;
    left: 183px;
}

.spin10 {
    top: 435px;
    left: 270px;
}

.cp-logo {
    display: block;
    margin: 0 auto;
    max-width: 157px;
}

.cp-contact-form {
    font-family: "proxima-nova";
}

.cp-contact-form .cp-coming-soon {
    color: #eb5256;
    text-transform: uppercase;
    font-size: 39px;
    margin-top: 35px;
    font-weight: 600;
}

.cp-contact-form h3 {
    font-size: 27px;
    color: #f0efdd;
}

.cp-contact-form p {
    font-size: 14px;
    color: #f0efdd;
}

.cp-contact-form p span {
    color: #eb5256
}

.cp-form .cp-reason,
.cp-form .cp-email {
    width: 100%;
    border-radius: 50px;
    background-color: transparent;
    padding-left: 20px;
    border: 1px solid #bab9ab;
    height: 40px;
    outline: none;
    color: #f0efdd !important;
}

.cp-form .cp-email {
    width: 75%;
    display: inline-block;
    margin-top: 15px;
}

.cp-form button {
    width: 20%;
    margin-top: 15px;
    display: inline-block;
    background-color: #eb5256;
    border-radius: 50px;
    border-color: transparent;
    height: 40px;
    color: #fff;
    float: right;
    outline: none;
    font-size: 14px;
}

.cp-form button:hover {
    background-color: #BE3336;
}

.days-left {
    margin-top: 40px;
    text-align: center;
    font-size: 24px;
}

.days-left span {
    font-size: 81px;
    color: #eb5256;
    font-weight: bold;
    margin-bottom: -60px;
    display: block;
}

.cp-socials {
    margin-top: 30px;
}

.cp-socials ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 50%;
    float: left;
}

.cp-links {
    width: 49%;
    text-align: right;
    float: right;
}

.cp-socials ul li {
    display: inline-block;
    margin-right: 12px;
}

.cp-socials ul li:last-child {
    margin-right: 0;
}

.cp-socials ul li a {
    color: #517394;
    border: 1px solid #517394;
    font-size: 18px;
    padding: 5px 0;
    border-radius: 4px;
    width: 40px;
    display: block;
    text-align: center;
}

.cp-socials ul li a:hover {
    color: #f0efdd;
    border: 1px solid #f0efdd;
}

@media (max-width: 767px) {
    .cp-form .cp-reason, .cp-form .cp-email {
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    #main_content {
        padding-top: 0;
    }

    .cp-socials ul {
        width: 100%;
        text-align: center;
    }

    .cp-links {
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }

    .cp-links a {
        display: block;
    }

    .days-left {
        margin-top: 30px;
    }

    .gears {
        padding-top: 15px;
    }

    .cp-form .cp-reason, .cp-form .cp-email {
        font-size: 12px;
    }
}

@media (max-width: 320px) {
    .cp-form .cp-email {
        width: 65%;
    }

    .cp-form button {
        width: 30%;
    }
}

/* ------------------------------------------------------- */
/* R E S P O N S I V E    S T Y L E
/* ------------------------------------------------------- */
@media (max-width: 1170px) {
    .main-menu ul li {
        margin-left: 25px;
    }

    .features-sale-page-wrapper .img-features-sale-page {
        margin-right: 20px;
    }

    .features-sale-page-wrapper .content-features-sale-page {
        width: 255px;
    }

    .help-list-wrapper li .help-content {
        font-size: 12px;
    }

    .help-page-left-wrapper li .help-page-left-content p, .help-page-right-content p {
        font-size: 14px;
    }

    .feature-theme-big .features-theme-front-end-v2 img {
        max-width: 100%;
        float: none;
    }

    #support-engine {
        background-size: contain;
        background-position: bottom center;
        min-height: inherit;
    }

    .img-team-support-wrapper {
        min-height: 550px;
    }

    #purchase-page-theme-extension .list-title-extension-wrapper span {
        margin-right: 15px;
    }
}

@media (max-width: 1024px) {
    .sub-title-top-bar {
        font-size: 20px;
    }

    .title-top-bar {
        font-size: 30px;
    }
}

@media (max-width: 992px) {
    .hamburglar {
        display: inline-block;
        margin-left: 20px;
    }

    .main-menu ul {
        display: none;
    }

    .testi-sale-page {
        margin-bottom: 30px;
    }

    .features-sale-page-wrapper .img-features-sale-page {
        width: 100px;
        height: 60px;
        margin-right: 10px;
    }

    .features-sale-page-wrapper .content-features-sale-page {
        width: 235px;
    }

    .features-sale-page-wrapper .content-features-sale-page h3 {
        font-size: 14px;
    }

    .features-sale-page-wrapper .content-features-sale-page p {
        font-size: 13px;
    }

    .features-theme-v2 {
        margin-bottom: 30px;
    }

    .testi-sale-page-wrapper {
        padding: 40px 0 10px;
        margin-bottom: 30px;
    }

    .help-page-left-wrapper li {
        display: inline-block;
        width: 50%;
        float: left;
    }

    .help-page-right-content {
        padding: 0;
        margin-bottom: 60px;
    }

    .help-page-left-wrapper li:nth-child(2n), .btn-help-page {
        display: none;
    }

    .text-left-faq {
        max-width: 100%;
        padding: 30px 0;
    }

    .text-left-faq p {
        max-width: 100%;
        padding: 15px 15px;
    }

    .text-right-faq {
        padding: 0;
        border: none;
    }

    .copyright-text, ul.socials-link {
        text-align: center;
        line-height: 20px;
        padding-top: 15px;
    }

    .link-intro-sale-page-wrapper.stuck-sticky .list-link-to-link li .link-to-wrapper h3 {
        font-size: 12px;
    }

    .link-intro-sale-page-wrapper.stuck-sticky .btn-sumary-big.btn-buy-now, .link-intro-sale-page-wrapper.stuck-sticky .btn-sumary-big {
        padding: 10px 20px;
        display: inline-block;
        width: 150px;
        text-align: center;;
    }

    .link-intro-sale-page-wrapper.stuck-sticky .btn-sumary-big i {
        display: none;
    }

    #showcase-web {
        padding-top: 50px;
    }

    .view-this-theme-wrapper {
        padding: 0px 0 55px;
    }

    .device-showcase-wrapper .imac-wrapper {
        right: 0;
    }

    .device-showcase-wrapper .iphone-wrapper {
        left: -90px;
    }

    .content-before-after {
        width: 100%;
    }

    .feature-wrapper {
        margin-bottom: 50px;
    }

    #filters-item-extension a {
        margin: 0 20px 20px 0;
        display: inline-block;
    }

    .feature-theme-big .features-theme-front-end-v2 {
        display: block;
        margin: 30px 0;
    }

    #page-404-wrapper {
        padding-top: 100px;
    }

    .img-404-wrapper {
        margin-bottom: 30px;
    }

    #support-engine .support-content-wrapper {
        margin-top: 0;
    }

    #purchase-page-theme-extension .discount .title-discount {
        margin-bottom: 10px;
    }

    #extension-sale-page .purchase-main {
        border-left: none;
        border-top: 1px solid #d0d2d5;
        padding: 30px 0;
    }
}

@media (max-width: 768px) {
    .nav-list-features li {
        margin-right: 25px;
    }

    .help-page-left-wrapper li {
        width: 100%;
        display: block;
        padding: 20px 0;
    }

    .help-list-wrapper:before {
        display: none;
    }

    .nav-list-questions li {
        margin-right: 20px;
    }

    .help-page-topbar .title-top-bar {
        font-size: 25px;
    }

    ul.socials-link li.fb a {
        padding: 0 10px;
    }

    ul.socials-link li a i {
        margin-right: 10px;
    }

    .text-left-faq p {
        font-size: 16px;
    }

    .nav-list-questions li a {
        font-size: 11px;
    }

    .details-extension-wrapper {
        padding: 40px 25px 50px;
    }

    .details-extension-wrapper .info-extension, .extension-slide-warpper {
        width: 100%;
        display: block;
        float: none;
        margin: 0;
    }

    .link-intro-sale-page-wrapper.stuck-sticky .list-link-to-link, .link-intro-sale-page-wrapper.stuck-sticky .btn-group-sale-page {
        display: block;;
        width: 100%;
        text-align: center;
    }

    .link-intro-sale-page-wrapper.stuck-sticky .btn-group-sale-page {
        padding-bottom: 30px;
        margin-top: 0;
    }

    .content-before-after .content-right, .content-before-after .content-left, .wrapper-after .tooltip-item, .wrapper-before .tooltip-item {
        display: none;
    }

    #list-all-themes .item-theme img {
        width: 100%;
    }

    .test-full-bg {
        width: 100% !important;
        min-height: 100% !important;
    }

    .testimonial-wrapper {
        margin: 0 auto;
    }
}

@media (max-width: 480px) {
    ul.socials-link li a {
        width: 85px;
    }

    ul.socials-link li a span {
        display: none;
    }

    ul.socials-link li a i {
        margin-right: 0;
    }
}

@media (max-width: 370px) {
    #list-all-themes .item-theme .link-demo-item li {
        margin: 17px 0 0;
    }

    #list-all-themes .item-theme .link-demo-item .no-bg {
        padding: 5px 16px;
    }

    #list-all-themes .item-theme .link-demo-item .btn-live-demo {
        padding: 7px 10px;
    }

    .child-logo {
        position: relative;
        top: 0;
        width: 100px;
        max-width: inherit;
    }
}

/*Form Page Customization Style*/
.form-page-wrapper {
    background: #f8f8f8;
}

.form-page-wrapper .container, .form-page-wrapper .container-fluid {
    padding: 0 !important;
}

.form-page-wrapper {
}

.form-page-wrapper input {
    outline: none;
}

section#form-header .form-header {
    margin-top: 50px;
}

section#form-header .form-header h1 {
    color: #eb5256;
    text-align: center;
    font-size: 2.8em;
    font-weight: 700;
    margin: 0;
}

.form-contact-body .form-body {
}

.form-body > h2 {
    font-size: 2.2em;
    color: #34495e;
    margin-top: 50px;
}

.form-body > h2 > span {
    color: #eb5256;
    font-size: 1.24em;
    font-weight: bold;
    margin-right: 9px;
}

.form-body > h2 > span.span-tooltip {
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 0.6em;
    color: #FFF;
    padding: 3px 10px;
    background: #0084ff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.form-body > h2 .tooltip-inner {
    text-align: left;
}

.form-body .circle-dot {
    font-size: 0.3em;
    color: #eb5256;
}

.form-body .circle-info {
    /* font-size: 0.8em; */
    color: #0084ff;
    margin-left: 6px;
    width: 32px;
    font-size: 0.9em;
}

.form-body .s-circle-o {
    color: #eb5256;
    font-size: 1.4em;
    cursor: pointer;
}

.form-body .s-dot-circle-o {
    color: #eb5256;
    font-size: 1.4em;
    cursor: pointer;
}

.form-contact-body .box-content {
    position: relative;
    width: 94%;
    margin: 0 auto;
}

.form-contact-body .box-form-help {
    width: 340px;
    margin: 0 auto;
    text-align: center;
}

.form-contact-body .box-sevice {
    background: #f5f5f5;
    border-radius: 4px;
    -wekit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: inset 0 -2px 0 -1px #c9c9c9;
    -webkit-box-shadow: inset 0 -2px 0 -1px #c9c9c9;
    -moz-box-shadow: inset 0 -2px 0 -1px #c9c9c9;
    -o-box-shadow: inset 0 -2px 0 -1px #c9c9c9;
    cursor: pointer;
}

.form-contact-body .ico-sevice {
    padding-top: 20px;
    padding-bottom: 26px;
}

.form-contact-body .content-sevice {
    text-align: center;
    padding-bottom: 30px;
}

.form-contact-body .content-sevice h3,
.form-contact-body .content-sevice h4 {
    margin: 0;
    padding: 0;
    color: #878f97;
    font-size: 1.125em;
}

.form-contact-body .content-sevice h3 {
    font-weight: 700;
}

.form-contact-body .content-sevice h4 {
    font-weight: 400;
}

.box-form-help .box-input {
    padding-top: 20px;
}

.box-input i {
    display: none;
}

.box-input i.active {
    display: inline;
}

.option-product {
    margin-top: 7px;
}

.option-product span {
    font-size: 1.7em;
    margin-left: 15px;
    cursor: pointer;
}

.option-product span i {
    margin-right: 10px;
    font-size: 1.4em !important;
}

.your-info input[type="text"] {
    background: #f8f8f8;
    border: 1px solid #c9c9c9;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width: 100%;
    padding: 7px 14px;
    font-size: 1.3em;
}

.fullname-info, .email-info, .web-info {
    margin-top: 18px;
}

.box-content .desc-input, .box-content .desc-detail {
    background: #f8f8f8;
    border: 1px solid #c9c9c9;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width: 100%;
    height: 180px;
    resize: none;
    padding: 10px 14px;
    outline: none;
    font-size: 1.3em;
}

.title-desc-detail {
    font-size: 1.3em;
    color: #a0a6ac;
}

.box-content .desc-detail {

}

.form-footer {
    width: 100%;
    height: 306px;
    text-align: center;
}

.form-footer .ready-start p {
    display: block;
    height: 40px;
    color: #a0a6ac;
    padding-top: 34px;
    font-size: 1.3em;
}

.form-footer .ready-start input[type="submit"] {
    background: #eb5256;
    border-radius: 40px;
    padding: 24px 68px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    font-size: 1.286em;
    text-transform: uppercase;
    color: #FFF;
    margin-top: 42px;
}

/*@end Form Page Customization Style */

/* Customization Page Style */
#content-customization {
    margin-top: 75px;
}

#content-customization .container,
#content-customization .container-fluid {
    padding: 0;
}

#content-customization .wrap-banner {

}

.wrap-banner .tp-bullets.simplebullets.round .bullet {
    background: #4c77a2;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin: 0 4px;
}

.wrap-banner .tp-bullets.simplebullets.round .bullet.selected {
    background: #358ce1 !important;
}

.wrap-banner .tp-caption {
    width: 100% !important;
    left: 0 !important;
    top: 28% !important;
}

.wrap-banner .tp-caption .container-banner {
    text-align: center;
}

.wrap-banner .tp-caption .container-banner h2 {
    font-size: 5.45em !important;
    font-weight: 700;
    color: #f0efdd;
    margin-bottom: 1.5%;
    line-height: 76px !important;
}

.wrap-banner .tp-caption .container-banner .line-vertical {
    width: 22%;
    height: 2px;
    background: #f0efdd;
    margin: 2% auto !important;
}

.wrap-banner .tp-caption .container-banner p {
    font-size: 1.3em;
    color: #f0efdd;
    margin-bottom: 30px !important;
    width: 60%;
    margin: 0 auto !important;
}

.wrap-banner .tp-caption .container-banner .container-fluid {
    margin-top: 2% !important;
}

.wrap-banner .tp-caption .container-banner a.ready-start {
    background: #eb5256;
    border-radius: 40px;
    padding: 24px 68px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    font-size: 1.286em;
    text-transform: uppercase;
    color: #FFF;
    margin-top: 42px !important;

}

.wrap-banner .tp-leftarrow.default {
    background: url('https://static.enginethemes.com/customization/prev-arrow.png') no-repeat;
    width: 29px;
    height: 54px;
}

.wrap-banner .tp-rightarrow.default {
    background: url('https://static.enginethemes.com/customization/next-arrow.png') no-repeat;
    width: 29px;
    height: 54px;
}

.wrap-banner .tp-bannershadow.tp-shadow2 {
    background: none;
}

#content-customization .wrap-intro {
    background: #f8f8f8;
}

.line-horizontal {
    background: #d9d0d0;
    width: 1px;
    height: 80px;
    margin: 0 auto;
}

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

.header-top hgroup h4 {
    text-transform: uppercase;
    color: #34495e;
    font-size: 2.2em;
    margin: 0;
    padding: 0;
    line-height: 23px;
    margin-top: 20px;
}

.header-top hgroup h1 {
    text-transform: uppercase;
    color: #eb5256;
    font-size: 2.8em;
    font-weight: 700;
    margin: 0;
    padding: 0;
    line-height: 28px;
    margin-top: 20px;
}

.header-top img {
    margin-top: 40px;
}

.wrap-intro .content-intro {
    margin: 40px 0;
    background: url('https://static.enginethemes.com/customization/introduction.png') no-repeat;
    background-position: top center;
}

.wrap-intro .content-intro > .container {
    padding: 0;
    padding-top: 50px !important;
}

.content-intro ul.lists-intro {
    padding: 0;
    margin: 0;
}

.content-intro ul.lists-intro > li {
    list-style-type: none;
    float: left;
    width: 33.333333%;
}

.content-intro ul.list-intro {
    padding: 0;
    margin: 0;
}

.content-intro ul.list-intro > li {
    list-style-type: none;
    display: inline-table;
    margin-bottom: 14%;
}

.content-intro ul.list-intro > li.ico-split {
    width: 16%;
}

.content-intro ul.list-intro > li.ico-split span {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 5px;
}

.content-intro ul.list-intro > li.item-intro {
    max-width: 75%;
    font-size: 1.15em;
    color: #878f97;
}

#content-customization .wrap-project {
    background: #34495e url("https://static.enginethemes.com/customization/our-project.png") no-repeat;
    background-position: top center;
}

.wrap-project > .container {
}

.wrap-project > .container > .title-project {
    display: block;
    height: 194px;
    font-size: 4.5em;
    color: #eb5256;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 194px;
    text-align: left;
}

.container-slider {
    background: #f8f8f8 url('https://static.enginethemes.com/customization/projects.png') no-repeat;
    background-position: top 140px center;
    text-align: center;
    overflow: hidden;
    position: relative;
}

.wrap-project .slider-our-project {
    background-image: url('https://static.enginethemes.com/customization/bg-line-horizontal.jpg') !important;
    background-position: bottom;
    background-repeat: repeat-x;
    position: relative;
    /* height: 570px; */
    /* padding-top: 5.4%; */
    min-height: 570px;
    margin-top: 4%;
}

.slider-our-project > .row {
    background-image: url('https://static.enginethemes.com/customization/bg-line-horizontal.jpg') !important;
    background-position: bottom;
    background-repeat: repeat-x;
}

.wrap-project .slider-our-project .title-slider {
    text-align: center;
    margin-top: 1%;
    margin-bottom: 8.3%;
    /* margin-top: 50px; */
}

.wrap-project .slider-our-project .title-slider p {
    font-size: 2.4em;
    color: #34495e;
    line-height: 30px;
    /* margin: 40px 0 40px 0; */
}

.caroufredsel_wrapper:nth-child(1) {
    opacity: 0.5;
}

.caroufredsel_wrapper:nth-child(2) {
    -webkit-box-shadow: 0px 10px 24px 0px #e2e2e2;
    -moz-box-shadow: 0px 10px 24px 0px #e2e2e2;
    box-shadow: 0px 10px 24px 0px #e2e2e2;
}

.caroufredsel_wrapper:nth-child(3) {
    opacity: 0.5;
}

#wrapper-carousel #next {
    background: url('https://static.enginethemes.com/main/img/customization/carousel-next.png') no-repeat;
    width: 40px;
    height: 40px;
    top: 0;
    margin-top: -70px;
    right: 24%;
}

#wrapper-carousel #prev {
    background: url('https://static.enginethemes.com/main/img/customization/carousel-prev.png') no-repeat;
    width: 40px;
    height: 40px;
    top: 0;
    margin-top: -70px;
    left: 24%;
}

.wrap-option-choose {
    background: #f8f8f8 url("https://static.enginethemes.com/main/img/customization/choose.png") no-repeat;
    background-position: top 450px center;
}

.wrap-option-choose .container {
    padding: 0;
}

ul.list-choose {
    padding: 0;
    margin: 0;
    margin-top: 9%;
}

ul.list-choose li {
    list-style-type: none;
    display: inline-table;
    width: 32.123456789%;
    margin-bottom: 5%;
}

ul.list-choose .box-choose {
    padding-right: 10%;
}

ul.list-choose .box-choose h5 {
    color: #34495e;
    font-size: 1.975em;
    margin-top: 6%;
    margin-bottom: 3%;
}

/* .wrap-quote {
	background: #fff url("https://static.enginethemes.com/main/img/customization/quote.png") no-repeat;
	background-position: top center;
}  */
.wrap-quote .quote-left {
    background: url("https://static.enginethemes.com/customization/quote.jpg") no-repeat;
    background-position: center;
    height: 482px;
    background-size: cover;
}

.wrap-quote .quote-right {
    background: #FFF;
    height: 482px;
}

.quote-right .container-quote-right {
    width: 85%;
    padding-top: 3%;
    margin: 0 auto;
}

.quote-right h2 {
    font-size: 4.5em;
    color: #eb5256;
    font-weight: 700;
    text-transform: uppercase;
}

.quote-right .ready-start {
    background: #eb5256;
    border-radius: 40px;
    padding: 24px 68px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    font-size: 1.286em;
    text-transform: uppercase;
    color: #FFF;
    margin-top: 42px;
}

.container-quote-right > p {
    color: #878f97;
    font-size: 1.3em;
    padding-bottom: 6%;
}

.carousel-3d-sale-page-wrapper > .container > .row {
    margin-top: 140px;
}

/*@end Customization Page Style */

/* Customization Project View*/
.theme-slideshow {
    background: url('https://static.enginethemes.com/main/img/customization/bg-macbook.png') no-repeat;
    width: 819px;
    height: 652px;
    padding-top: 39px;
}

#slideshowWrapper {
    position: relative;
    width: 646px;
    /* margin:auto; */
}

#slideshowWrapper #fssList, #slideshowWrapper #fssPlayPause {
    display: none;
}

#fssPrev {
    background: url('https://static.enginethemes.com/main/img/customization/carousel-prev.png') no-repeat !important;
    background-position: left;
    position: absolute;
    bottom: -25%;
    left: 24%;
    width: 40px;
    height: 40px;
    padding-left: 54px;
    line-height: 40px;
    color: #878f97;
    font-size: 1.3em;
}

#fssNext {
    background: url('https://static.enginethemes.com/main/img/customization/carousel-next.png') no-repeat;
    background-position: right;
    position: absolute;
    bottom: -25%;
    left: 60%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding-right: 86px;
    color: #878f97;
    font-size: 1.3em;
}

#fssPlayPause {
    position: absolute;
    top: 435px;
    right: 20px;
    background: url(white.png) repeat;
    padding: 4px 0 5px 0;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 60px;
    text-align: center;
    display: block;
    color: #333;
    text-decoration: none;
}

ul#slideshow {
    list-style: none;
    width: 629px;
    height: 414px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

#fssList {
    list-style: none;
    width: 646px;
    margin: auto;
    padding: 5px 0 0 45%;
}

#fssList li {
    display: inline;
    padding-right: 10px;
}

#fssList li a {
    color: #999;
    text-decoration: none;
}

#fssList li.fssActive a {
    font-weight: bold;
    color: #333;
}

/* #top{background:#3b5998;width:100%;height:40px;margin-bottom:20px;} */
#top h1 {
    color: #fff;
    font-weight: normal;
    font-size: 18px;
    padding: 7px 0 0 15px
}

#top h1 span {
    font-size: 11px;
}

#top h1 a {
    text-decoration: underline;
    color: #fff;
}

#top h1 a:hover {
    text-decoration: none;
}

.content-project-view {
    text-align: left;
    max-width: 60%;
}

.content-project-view h1 {
    font-size: 2.7em;
    color: #eb5256;
    margin-top: 21.6%;
    margin-bottom: 3%;
}

.content-project-view .rating {
    margin-bottom: 2%;
}

.content-project-view p {
    text-align: left;
    color: #878f97;
    font-size: 1.3em;
    line-height: 26px;
    padding-bottom: 26px;
}

.content-project-view a.view-more {
    background: #eb5256;
    border-radius: 40px;
    padding: 20px 36px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    font-size: 1.286em;
    text-transform: uppercase;
    color: #FFF;
    margin-top: 42px;

}

/*@end Customization Project View*/

/* Fix Responsive Customization */
@media (max-width: 592px) {
    ul.list-choose li {
        width: 48.123456789%;
    }
}

@media (max-width: 320px) {
    ul.list-choose li {
        width: 100%;
    }
}

/********************************************
*											*
*		STYLE SALE PAGE WEDDING	     		*
*											*
********************************************/
.font-bold {
    font-weight: 700;
}

#we_salepage_buynow {
    margin: 120px 0 60px;
}

.we_title {

}

.we_title > h1 {
    display: inline-block;
    margin-right: 20px;
    font-size: 36px;
    color: #455a64;
    font-weight: 600;
}

.we_title > .rating {
    display: inline-block;
}

.we_title > .rating {
    color: #f2bc00;
    margin-right: 20px;
}

.we_title > span.votes {
    color: #f2bc00;
}

.we_title p.desc, .we_title div.desc p {
    color: #78909c;
    font-size: 16px;
}

.we_buynow {
    margin-top: 40px;
    text-align: right;
}

.we_buynow .btn-buy-now {
    color: #546e7a;
    border: 2px solid #546e7a;
    margin-right: 30px;
    text-transform: uppercase;
    font-size: 14px;
}

.we_buynow .live-demo {
    background: #eb5155;
    text-transform: uppercase;
    font-size: 14px;
    border: 2px solid #eb5256;
    padding-left: 46px;
    padding-right: 46px;
    margin-right: 30px;
}

#we_salepage_banner {
    background: #f2f2eb;
}

#we_salepage_release {
    padding-bottom: 26px;
    background: #f2f2eb;
}

#we_salepage_release h5 {
    color: #eb5256;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}

#we_salepage_release .row-theme-info {
    margin-top: 10px;
}

#we_salepage_release .row-theme-info span {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
}

#we_salepage_release .row-theme-info span:first-child {
    color: #c0c0ba;
    margin-right: 3px;
}

#we_salepage_release .row-theme-info span:last-child {
    color: #aaaa99;

}

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

.box-social span {
    width: 38px;
    height: 38px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    margin: 0 4px;
}

.box-social span i {
    margin-top: 11px;
    font-size: 1.255em;
}

.box-social span:hover {
    color: #FFF !important;
}

.box-social span.ico-face {
    color: #3b579d;
}

.box-social span.ico-face:hover {
    background: #3b579d;
}

.box-social span.ico-twitter {
    color: #0bb5f4;
}

.box-social span.ico-twitter:hover {
    background: #0bb5f4;
}

.box-social span.ico-google-plus {
    color: #d64802;
}

.box-social span.ico-google-plus:hover {
    background: #d64802;
}

.box-social span.ico-pinterest {
    color: #d10014;
}

.box-social span.ico-pinterest:hover {
    background: #d10014;
}

#we_salepage_step_setting {
    background-image: url('img/wedding/line-step.png');
    background-repeat: repeat-x;
}

.we_salepage_step {
    padding-top: 60px;
}

.salepage_step_title {
    text-align: center;
}

.salepage_step_title > div {
    display: inline-block;
    vertical-align: bottom;
}

.salepage_step_title .short-title {
    width: 960px;
}

.salepage_step_title .line-hr {
    width: 135px;
    height: 64px;
}

.salepage_step_title .line-hr hr {
    background: #dce1e4;
    height: 1px;
    margin-top: 32px;
}

.salepage_step_title .round-number {
    background: #eb5256;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    font-weight: 700;
    font-size: 28px;
    color: #FFF;
    margin: 0 20px;
    text-align: center;
}

.salepage_step_title .round-number span {
    line-height: 64px;
}

.salepage_step_title h2 {
    width: 530px;
    margin: 0 auto;
    text-transform: uppercase;
    text-align: center;
    color: #37474f;
    font-weight: 700;
    font-size: 24px;
    margin-top: 32px;
}

.salepage_step_3 .salepage_step_title h2 {
    width: 620px;
}

.salepage_step_title p {
    color: #78909c;
    font-size: 16px;
    /* margin-top: 24px; */
}

.salepage_step_title > p {
    margin-top: 24px;
}

span.ico-bulet {
    background: #FFF;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 2px solid #78909c;
}

.salepage_step_title p span.ico-bulet {
    margin-bottom: 2px;
    margin-right: 14px;
}

.salepage_step_content {

}

.block-theme-img {
    margin-left: 0;
    margin-right: 0;
    margin-top: 36px;
}

.block-theme-img > div[class*="col-"] {
    padding: 0;
}

.block-theme-img .theme_img {
    position: relative;
}

.block-theme-img .theme_img > span {
    position: absolute;
    top: -40px;
    left: -40px;
}

.theme_img_desc {
    font-size: 16px;
    background: #f8f8f7;
    position: relative;
    margin: 50px 0;
    padding: 30px 0 30px 20px;
    border: 1px solid #e9e9e4;
    border-left: none;
}

.theme_img_desc span.ico-bulet {
    position: absolute;
    left: -4px;
    top: 39px;
}

.theme_img_desc > p {
    color: #78909c;
    text-align: left;
}

.theme_img_desc_1 > p {
    padding-right: 50px
}

#we_salepage_pricing_plan {

}

.list-rsvp {
    margin-top: 36px;
    text-align: center;
}

.frontend_img_desc {
    margin: 42px 0;
}

.frontend_img_desc .ico-bulet {
    top: 61px;
}

.container_setup_ease {
    text-align: center;
}

.block_setup_ease {
    display: inline-block;
    width: 24.5%;
    padding-top: 36px;
    vertical-align: bottom;
}

.block_setup_ease .ico_setup_ease {
    margin-bottom: 16px;
}

.block_setup_ease p {
    font-size: 16px;
    color: #78909c;
    line-height: 22px;
}

.block_setup_ease_1 p {
    padding: 0 20px;
}

.block_setup_ease_2 p, .block_setup_ease_3 p, .block_setup_ease_4 {
    padding: 0 10px;
}

.block_setup_ease_5, .block_setup_ease_6, .block_setup_ease_7 {
    margin: 0 14px;
}

.block_setup_ease_6 p {
    margin: 0 24px;
}

.salepage_step_4 {
    background: #f8f8f7 url('img/wedding/line-step-other.jpg') repeat-x;
    overflow: hidden;
    padding-bottom: 40px;
}

.salepage_step_4 .salepage_step_content {
    padding-top: 36px;
    width: 700px;
    margin: 0 auto;
}

.block_other_featured p {
    font-size: 16px;
    color: #78909c;
    margin-bottom: 14px;
}

.block_other_featured p .ico-bulet {
    margin-right: 10px;
}

.we_salepage_pricing_plan {

}

.pricing_plan_title {
    background: #eb5256;
    text-align: center;
    padding: 20px 0;
}

.pricing_plan_title h2 {
    display: inline-block;
    color: #FFF;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 40px;
}

.pricing_plan_title span {
    display: inline-block;
    background: #FFF;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin-bottom: 4px;
}

#we_salepage_pricing_plan .pricing_plan_content {
    background-image: url('img/wedding/line-step.png');
    background-repeat: repeat-x;
}

.block_pricing_plan_content {
    width: 60%;
    margin: 0 auto;
    padding-top: 56px;
}

.block_plan_title {
    float: left;
    width: 36%;
}

.top_block_plan_content {
    height: 70px;
    padding-left: 20px;
    border-right: 1px solid #dce1e4;
    border-bottom: 1px solid #dce1e4;
}

.top_block_plan_content > p {
    padding-top: 8px;
}

.top_block_plan_content > p > img {
    display: inline-block;
}

.top_block_plan_content > p > span {
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 10px;
    margin-left: 10px;
    color: #78909c;
}

.top_block_pricing_plan {
    height: 70px;
    text-align: center;
    border: 1px solid #dce1e4;
    border-left: none;
}

.top_block_pricing_plan span.currency {
    color: #34495e;
    font-size: 18px;
    font-weight: 700
}

.top_block_pricing_plan span.price {
    position: relative;
    color: #34495e;
    font-size: 36px;
    font-weight: 700;
}

.top_block_pricing_plan span.star {
    position: absolute;
    top: 0px;
    font-size: 20px;
    color: #34495e;
}

.block_pricing_plan_3 .top_block_pricing_plan span.star {
    right: -7px;
}

.block_pricing_plan_4 .top_block_pricing_plan span.star {
    right: -15px;
}

.block_pricing_plan {
    background: #FFF;
    float: left;
    width: 16%;
}

.block_pricing_plan .bottom_block_plan_content {
    border-right: 1px solid #445d76;
    border-bottom: 1px solid #445d76;
}

.block_plan_title .block_plan_content {
    text-align: left;
    border-left: 1px solid #dce1e4;
    padding-left: 20px;
}

.block_plan_title .block_plan_content span {
    display: block;
    color: #78909c;
    font-size: 16px;
    line-height: 54px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.block_plan_content {
    border-right: 1px solid #dce1e4;
    border-bottom: 1px solid #dce1e4;
    text-align: center;
    height: 54px;
}

.block_plan_content i {
    font-size: 1.225em;
    color: #d2d2d1;
    line-height: 54px;
}

.block_plan_content i.fa-check {
    color: #34495e;
}

.block_plan_content span.months {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    color: #34495e;
    line-height: 54px;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.block_plan_content a {
    display: block;
    background: #34495e;
    color: #FFF;
    font-size: 13px;
    font-weight: 700;
    line-height: 54px;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.block_pricing_plan_good {
    border-top: 4px solid #eb5256;
    margin-top: -10px;
}

.block_pricing_plan_popular {
    position: relative;
    padding-top: 6px;
}

.block_pricing_plan_2 .top_block_pricing_plan {
    border-right: none;
}

.block_pricing_plan_2 .block_plan_content {
    border-right: none;
}

.block_pricing_plan_popular .popular {
    width: 100%;
    position: absolute;
    display: block;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: #eb5256;
    margin: 0;
    line-height: 12px;
}

.block_pricing_plan_good .top_block_pricing_plan {
    border-top: none;
    height: 76px;
    border: 1px solid #f0dcdc;
}

.block_pricing_plan_good .block_plan_content {
    border: 1px solid #f0dcdc;
    border-top: none;
}

.block_pricing_plan_good .top_block_pricing_plan span, .block_pricing_plan_good .block_plan_content span, .block_pricing_plan_good .block_plan_content i.fa-check {
    color: #eb5256;
}

.block_pricing_plan_good .block_plan_content a {
    background: #eb5256;
}

.block_pricing_plan_good .bottom_block_plan_content {
    border-right: 1px solid #fd5c60;
    border-left: 1px solid #fd5c60;
}

.pricing_plan_desc {
    background: #f9f9f9;
    padding: 12px 20px 20px 20px;
    border: 1px solid #dce1e4;
    border-top: none;
}

.pricing_plan_desc p {
    font-size: 13px;
    text-transform: uppercase;
    color: #78909c;
    padding-top: 6px;
    margin: 0;
    font-weight: 700;
}

.pricing_plan_desc p a {
    color: #34495e;
}

/***********************************************/
.ui_box {
    position: relative;
    cursor: pointer;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

.ui_box p {
    font-size: 11px;
    color: #b6b6b6;
    clear: left;
    font-weight: 300;
    margin: 2px 0px 15px 0px;
}

.ui_box:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    position: relative;
    z-index: 1;
}

/**********************************************
***********************************************
**********************************************/
.ui_box:hover .top_block_pricing_plan {
    border-right: 1px solid #dce1e4;
    border-left: 1px solid #dce1e4;
}

.ui_box:hover .block_plan_content {
    border-right: 1px solid #dce1e4;
    border-left: 1px solid #dce1e4;
}

.block_pricing_plan_good.ui_box:hover .top_block_pricing_plan {
    border-left: 1px solid #f0dcdc !important;
    border-right: 1px solid #f0dcdc !important;
}

.block_pricing_plan_good.ui_box:hover .block_plan_content {
    border-left: 1px solid #f0dcdc !important;
    border-right: 1px solid #f0dcdc !important;
}

.ui_box:hover .block_pricing_plan .bottom_block_plan_content {
    /* border-right: 1px solid #eb5256;
	border-bottom: 1px solid #eb5256; */
}

.ui_box:hover .block_plan_content span, .ui_box:hover .block_plan_content i {
}

.ui_box:hover .block_pricing_plan_2 .top_block_pricing_plan {
    border-right: 1px solid #dce1e4;
}

.ui_box:hover .block_pricing_plan_2 .block_plan_content {
    border-right: 1px solid #dce1e4;
}

/*
*	Style chosen multiple
*/
.chosen-container-multi {
    width: 100% !important;
}

.chosen-container-multi .chosen-choices {
    background: #f8f8f8;
    border: 1px solid #c9c9c9;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width: 100%;
    padding: 10px 14px;
    font-size: 1.3em;
}

.chosen-container-multi .chosen-choices li.search-choice {
    margin: 0px 12px 0px 0;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    font-size: 14px;
    top: 7px;
    right: 10px;
}

.chosen-container-multi .chosen-choices li.search-choice span {
    color: #34495e;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close::before {
    font-family: "FontAwesome";
    content: "\f00d";
    color: #eb5256;
}

.chosen-container-multi .chosen-choices li.search-choice {
    padding: 6px 30px 6px 12px;
}

.fileinput-button {
    position: relative;
    margin-top: 10px;
    background: #eb5256;
    color: #FFF;
    font-size: 16px;
    padding: 6 16px;
    overflow: hidden;
}

.fileinput-button i, .fileinput-button span {
    color: #FFF;
}

.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
    display: block;
}

.box-content .file_name {
    position: absolute;
    left: 114px;
    bottom: 4px;
    font-size: 16px;
    color: #34495e;
    font-weight: 500;
}

.lock-text {
    margin-top: 10px;
    font-size: 14px;
    color: #778f9b;
}

.lock-text a {
    color: #34495e;
}

.lock-text a:hover {
    color: #eb5155;
}

/*==========================================================
Fix Responsive wedding sale page
==========================================================*/
@media (min-width: 992px ) {
    .col-theme-info {
        width: 75%;
    }

    .col-social {
        width: 25%;
    }
}

@media (min-width: 1200px ) {
    .col-theme-info {
        width: 80%;
    }

    .col-social {
        width: 20%;
    }
}

@media (max-width: 1300px ) {
    .salepage_step_4 .salepage_step_content {
        width: 60%;
    }
}

@media (max-width: 1200px ) {
    .theme_img {
        width: 300px;
        margin: 0 auto;
        text-align: center;
    }

    .block-theme-img .theme_img > span {
        /* left: 40px; */
    }

    .theme_img_desc {
        width: 66%;
        margin: 0 auto;
        border: 1px solid #e9e9e4;
        padding-left: 0;
        padding-right: 0;
    }

    .theme_img_desc .ico-bulet {
        top: -4px !important;
        left: 49.5% !important;
    }

    .theme_img_desc > p {

        text-align: center;
    }

    .theme_img_desc_1 > p {
        padding: 0 14%;
    }

    .theme_img_desc_2 > p, .theme_img_desc_3 > p {
        padding: 0 8%;
    }

    .theme_img_desc_4 > p {
        padding: 0 17%;
    }

    .theme_img_desc_5 > p, .theme_img_desc_5 > p {
        padding: 0 13%;
    }

    .block_pricing_plan_content {
        width: 80%;
    }

    #we_salepage_buynow .we_buynow {
        text-align: center;
    }

    .we_buynow .btn-buy-now {
        margin: 0;
        margin-bottom: 20px;
    }

    .salepage_step_4 .salepage_step_content {
        width: 70%;
    }
}

@media (max-width: 992px ) {
    .box-social {
        text-align: center;
    }

    .theme_img_desc {
        width: 300px;
    }

    .block_pricing_plan_content {
        width: 100%;
    }

    .salepage_step_title .short-title {
        margin-top: 14px;
        width: 100%;
    }

    .salepage_step_title p {
        /* margin-top: 5px; */
    }

    .block_setup_ease {
        width: 49.5%;
    }

    .block_setup_ease_5, .block_setup_ease_6, .block_setup_ease_7 {
        margin: 0;
    }

    .salepage_step_4 .salepage_step_content {
        width: 80%;
    }

    .we_buynow .btn-buy-now {
        margin-left: 2%;
        margin-right: 2%;
    }

    .we_buynow .live-demo {
        margin-left: 2%;
        margin-right: 2%;
    }

    .theme_img_desc > p {
        padding: 0 5%;
    }
}

@media (max-width: 768px ) {
    .we_buynow .btn-buy-now {
        margin-left: 2%;
        margin-right: 2%;
    }

    .we_buynow .live-demo {
        margin-left: 2%;
        margin-right: 2%;
    }
}

@media (max-width: 640px ) {
    .we_title > h1 {
        display: block;
        margin-bottom: 0px;
    }

    .salepage_step_title h2 {
        width: 80%;
    }

    .block_plan_content span.months {
        font-size: 11px;
    }

    .block_plan_content a {
        font-size: 11px;
    }

    .top_block_pricing_plan span.price {
        font-size: 26px;
    }
}

@media (max-width: 540px ) {
    .row-theme-info > div[class*="col-"] {
        width: 100%;
    }

    .block_setup_ease {
        width: 100%;
    }

    .salepage_step_4 .salepage_step_content div[class*="col-xs-6"] {
        width: 100%;
    }

    .block_other_featured {
        margin-left: 10%;
    }
}

@media (max-width: 480px ) {
    .row-theme-info .col-xs-9 div[class*="col-"] {
        width: 100%;
    }

    .salepage_step_title .line-hr {
        width: 22%;
    }
}

/*==========================================================
Fix Responsive ET Home 17-04-2015
==========================================================*/
@media (max-width: 992px) {
    .img-team-support-wrapper {
        padding-top: 14px;
        min-height: inherit;
    }

    .img-team-support-wrapper img {
        position: relative;
    }

    .blog-home-wrapper {
        padding: 0;
    }

    .recent-list-blog-home .recent-blog-wrapper {
        margin-right: 9.8888888888888%;
    }

    #feature-engine {
        padding-top: 8%;
    }

    .feature-wrapper {
        margin-bottom: 14%;
    }

    .list-features-blog-wrapper {
        background: #2c3e50;
    }

    .list-features-faq-wrapper {
        padding: 15px 0;
    }

    .paginations {
        margin-top: 30px;
        text-align: center;
    }

    .line-blog-home {
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: 30px;
        position: initial;
    }

    .list-showcase {
        padding-left: 0 !important;
    }

    .list-news-blog > .row > .col-md-12,
    .list-showcase > .row > .col-md-12 {
        /* padding: 0; */
    }

    .post-footer > p.text-right {
        text-align: center !important;
    }

    .form-group-blog {
        padding: 0;
    }
}

@media (max-width: 991px) {
    .test-full-bg, .cat-full-bg, .single-full-bg {
        display: none;
    }

    .paginations {
        text-align: center;
    }
}

@media (max-width: 780px) {
    .carousel-3d-sale-page-wrapper {
        min-height: inherit;
    }

    .carousel-3d-sale-page-wrapper > .container > .row {
        margin-top: 0;
    }

}

@media (max-width: 768px) {
    #feature-engine {
        padding-top: 8%;
    }

    .feature-wrapper {
        margin-bottom: 2%;
    }
}

@media (max-width: 739px) {
    .device-showcase-wrapper {
        width: 100%;
        min-width: inherit;
    }

    .device-showcase-wrapper .imac-wrapper {
        width: 100%;
        min-width: inherit;
        background-size: contain;
        background-position: top center;
    }

    .device-showcase-wrapper .imac-wrapper .browser-imac {
        position: initial;
        min-width: inherit;
        width: 100%;
        height: 68.888888888%;
        padding-top: 5.366666666666%;
        padding-left: 4.34444444444%;
        padding-right: 4.34444444444%;
        padding-bottom: 5.33333333333%;
    }

    .device-showcase-wrapper .iphone-wrapper {
        top: 70px;
        left: -110px;
    }

}

@media (max-width: 736px) {
    .device-showcase-wrapper .imac-wrapper .browser-imac {
        height: 68.555555555555%;
    }
}

@media (max-width: 667px) {
    #top-bar-gallery.sale-page-topbar.version-2 {
        text-align: center;
    }

    #top-bar-gallery.sale-page-topbar .btn-group-sale-page .btn-help-center,
    .link-intro-sale-page-wrapper.stuck-sticky .btn-help-center {
        display: none;
    }

    #top-bar-gallery.sale-page-topbar .btn-group-sale-page {
        direction: rtl;
        padding-top: 16px;
    }

    #top-bar-gallery.sale-page-topbar.version-2 .btn-sumary-big.btn-buy-now {
        margin: 0 auto;
        margin-top: 14px;
    }

    #top-bar-gallery.sale-page-topbar .btn-group-sale-page a {
        display: block;
        width: 165px;
        margin: 0 auto;
        margin-top: 14px;
    }

    .link-intro-sale-page-wrapper.stuck-sticky .btn-group-sale-page {
        padding: 20px 0;
    }

    .link-intro-sale-page-wrapper.stuck-sticky .btn-sumary-big.btn-buy-now,
    .link-intro-sale-page-wrapper.stuck-sticky .btn-sumary-big {
    }

    .link-intro-sale-page-wrapper.stuck-sticky .btn-sumary-big.btn-buy-now {
        margin-top: 0;
    }

    .link-intro-sale-page-wrapper.stuck-sticky ul.list-link-to-link {
        display: none;
    }

    .list-news-blog {
        padding: 40px 0px;
    }
}

@media (max-width: 640px) {
    .device-showcase-wrapper .imac-wrapper .browser-imac {
        height: 59.222222222%;
    }
}

@media (max-width: 592px) {
    .recent-list-blog-home .recent-blog-wrapper {
        width: 100%;
        margin: 0;
    }

    .paginations span, .paginations a {
        padding: 5px 9px;
        margin-right: 8px;
    }

    .device-showcase-wrapper .imac-wrapper .browser-imac {
        height: 54.5555555555%;
    }
}

@media (max-width: 568px) {
    .device-showcase-wrapper .imac-wrapper .browser-imac {
        height: 51.9999999999%;
    }
}

@media (max-width: 520px) {
    #slide-show-product {
        min-height: inherit;
    }

    .paginations span, .paginations a {

    }

    .list-news-blog {
        /* padding: 20px 10px; */
    }

    .device-showcase-wrapper .imac-wrapper .browser-imac {
        height: 47.5555555555%;
    }
}

@media (max-width: 500px) {
    .img-bird-wrapper {
        width: auto;
    }

    .device-showcase-wrapper .imac-wrapper .browser-imac {
        height: 45.5555555555%;
    }
}

@media (max-width: 480px) {
    .paginations {
        text-align: center;
    }

    .paginations span, .paginations a {
        padding: 2px 5px;
        margin-right: 5px;
    }

    .device-showcase-wrapper .imac-wrapper .browser-imac {
        height: 43.66666666666%;
    }
}

@media (max-width: 414px) {
    .device-showcase-wrapper .imac-wrapper .browser-imac {
        height: 37.2222222222222%;
    }
}

@media (max-width: 390px) {
    .search-form-blog {
        padding-left: 0;
        width: 100%;
    }

    .search-form-blog input {
        padding: 1.5% 4.5%;
        min-width: inherit;
        width: 91%;
    }
}

@media (max-width: 384px) {
    .device-showcase-wrapper .imac-wrapper .browser-imac {
        height: 34.333333333333%;
    }
}

@media (max-width: 375px) {
    .device-showcase-wrapper .imac-wrapper .browser-imac {
        height: 33.44444444444%;
    }
}

@media (max-width: 370px) {
    .device-showcase-wrapper .imac-wrapper .browser-imac {
        height: 33%;
    }
}

@media (max-width: 360px) {
    .device-showcase-wrapper .imac-wrapper .browser-imac {
        height: 31.888888888%;
    }
}

@media (max-width: 320px) {
    .paginations {
        text-align: center;
    }

    .paginations span, .paginations a {
        padding: 2px 4px;
        margin-right: 0;
    }

    .device-showcase-wrapper .imac-wrapper .browser-imac {
        height: 28%;
    }

    .device-showcase-wrapper .iphone-wrapper {
        top: 50px;
        left: -110px;
    }
}

@media (max-width: 980px) {
    #list-item-perks {
        padding-left: 0;
    }

    #list-item-perks > div {
        padding-left: 0px;
    }
}

@media (max-width: 768px) {
    .cs-style-3 figure.item-theme {
        height: 340px;
    }

    .item-theme .info-content {
        font-size: 13px;
    }
}

@media (max-width: 640px) {
    #list-item-perks > div {
        width: 60%;
        margin-left: 20%;
    }
}

@media (max-width: 400px) {
    #list-item-perks > div {
        width: 100%;
    }
}

/*==========================================================
Fix Responsive ET Home 19-09-2015 - Tan Nguyen
==========================================================*/
.ethome.list-meta-wrapper {
    padding-bottom: 10px;
}

.ethome.list-meta-wrapper:before {
    bottom: 0px;
}

.comment-form span.required {
    border: none;
    min-width: auto;
    padding: 0;
}

.comment-form .comment-form-author label,
.comment-form .comment-form-email label,
.comment-form .comment-form-url label {
    min-width: 80px;
}

.comment-form span.required:hover {
    background: none;
}

.ethome.submitComment {
    border: none;
    background: #eb5155;
    color: #fff;
    padding: 12px 40px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    margin-top: 30px;
    outline: none;
}

button.menu__label {
    display: none;
}

.ethome.comment-list {
    margin-top: 40px;
    padding: 40px;
    width: 768px;
    box-sizing: content-box;
}

.ethome.comment-list .commentlist {
    margin: 15px 0;
}

.ethome.comment-list .commentlist,
.ethome.comment-list .commentlist li > .children {
    padding-left: 0;
    list-style: none;
}

.ethome.comment-list .commentlist li > .children {
    margin-left: 63px;
    padding-top: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.ethome.comment-list .commentlist li > .children .thumb {
    height: 40px;
    width: 40px;
}

.ethome.comment-list .commentlist > li {
    border-bottom: 1px dotted #d0d2d5;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.ethome.comment-list .commentlist li > .children {
    border-top: 1px solid #e5e5e5;
}

.ethome.comment-list .commentlist .thumb {
    float: left;
    height: 48px;
    width: 48px;
    border-radius: 4px;
    background: #f1f1f1;
}

.ethome.comment-list .commentlist .comment {
    padding-left: 63px;
}

.ethome.comment-list form.comment-form > .form-item {
    margin-bottom: 1.5em;
}

.ethome.comment-list .commentlist .comment .author {
    color: #5e5e5e;
    display: flex;
}

.ethome.comment-list .commentlist .comment .author i.fa {
    font-size: 5px;
    padding: 0 7px;
    margin: auto 0;
}

.ethome.comment-list .commentlist .comment .author span {
    font-size: 16px;
    font-weight: bold;
}

.ethome.comment-list .commentlist .comment .author .date {
    padding-top: 3px;
}

.ethome.comment-list .commentlist .comment .reply a {
    position: relative;
}

.ethome.comment-list .commentlist .comment .reply a:hover::after,
.ethome.comment-list .comment-reply-title > small:hover::after {
    width: 100%
}

.ethome.comment-list .commentlist .comment .reply a::after,
.ethome.comment-list .comment-reply-title > small::after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    height: 2px;
    background: #eb5155;
    -webkit-transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1) 0s;
    -o-transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1) 0s;
    transition: all 0.5s cubic-bezier(0, 0.5, 0.17, 1) 0s;
}

.ethome.comment-list .comment-reply-title > small {
    float: right;
    position: relative;
    margin-top: 12px;
}

.list-features-blog.menu__inner li ul {
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.blog-content-wrapper .blog-meta-wrapper {
    margin-left: -15px;
    margin-right: -15px;
}

.faq-full-bg {
    top: 0;
    background: #2c3e50 none repeat scroll 0 0;
    display: block;
    height: 100%;
    position: absolute;
    /*right: 0;*/
    left: 0;
    /*width: 100%;*/
}

.text-left-faq {
    z-index: 2;
    position: relative;
    padding-top: 0;
    color: #fff;
}

.text-left-faq p {
    color: #fff;
}

.text-left-faq > ul {
    list-style: none;
    padding-left: 0;
}

.text-right-faq {
    border: none;
    padding: 60px 0 60px 40px;
}

.faq-section {
    position: relative;
}

.cat-wrapper.ethome-faq {
    z-index: 1000;
}

.faq-full-bg, .cat-full-bg,
.single-full-bg, .test-full-bg {
    -webkit-transition: width 0.2s cubic-bezier(0.7, 0, 0.3, 1);
    -o-transition: width 0.2s cubic-bezier(0.7, 0, 0.3, 1);
    transition: width 0.2s cubic-bezier(0.7, 0, 0.3, 1);
}

.list-features-faq {
    padding-left: 0;
}

#top-bar-gallery.top-bar-blog {
    padding: 130px 0 40px;
}

#top-bar-gallery.top-bar-blog .title-blog {
    margin-bottom: 10px
}

.section-bg {
    position: relative;
    display: block;
    border-bottom: 1px solid #cfd1d5;
}

/*.blog-content-wrapper.et-home .title-blog{
	margin-top: 40px;
}*/
.blog-content-wrapper.et-home .line-blog-home {
    float: left;
}

.count-comment {
    margin: 0 0 30px 0;
    border-bottom: 1px solid #eaeef0;
    font-size: 18px;
    padding-bottom: 3px;
    font-weight: bold;
}

.count-comment > span {
    border-bottom: 1px solid #5e5e5e;
    padding-bottom: 7px;
}

@media (max-width: 992px) {
    .faq-full-bg, .cat-full-bg,
    .single-full-bg, .test-full-bg {
        display: none;
    }

    .single-post .cat-wrapper {
        display: none;
    }

    .single-post .list-news-blog {
        padding-right: 0;
        padding-left: 0;
    }

    .single-post #list-blog .list-news-blog-wrapper {
        padding-right: 0;
        padding-left: 0;
    }

    .category #list-blog .list-news-blog {
        padding-right: 0;
        padding-left: 0;
    }

    #showcase-page .background-list-name-showcase-wrapper {
        background: #2c3e50;
    }

    /*Menu*/
    button.menu__label {
        display: block;
    }

    .list-features-blog-wrapper {
        height: auto;
        min-height: auto;
        padding: 0;
    }

    .menu-list-features-blog,
    .menu-list-features-faq {
        width: 100%;
        height: 50px;
        margin: 15px auto 5px auto;
        position: relative;
        text-align: left;
        cursor: pointer;
        z-index: 100;
    }

    .menu__label {
        display: block;
        background: none;
        border: none;
        width: 100%;
        height: 50px;
        padding: 0 10px;
        font-size: 14px;
        color: #fff;
        position: relative;
        outline: none;
        text-align: left;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent; /* For some Androids */
    }

    .menu__label span {
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 1px;
        line-height: 1.5;
        font-weight: 600;
    }

    .menu-list-features-blog .fa,
    .menu-list-features-faq .fa {
        vertical-align: top;
        line-height: 1.25;
        /*margin-right: 0.65em;*/
        font-size: 1.15em;
        float: right;
    }

    .menu__inner {
        list-style: none;
        /*padding: 0 1.25em;*/
        /*font-size: 1.3em;*/
        margin: 0;
        padding: 0;
        position: absolute;
        overflow: hidden;
        height: 0;
        -webkit-transition: height 0.5s cubic-bezier(0.7, 0, 0.3, 1);
        transition: height 0.5s cubic-bezier(0.7, 0, 0.3, 1);
    }

    .menu-list-features-blog.menu--open .menu__inner,
    .menu-list-features-faq.menu--open .menu__inner {
        height: auto;
        background: #2c3e50;
        width: 100%;
    }

    .menu__inner li a {
        display: block;
        opacity: 0;
        pointer-events: none;
        outline: none;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
        transition: opacity 0.3s, transform 0.3s;
    }

    .menu__inner li a:hover {
        /*color: #45484A;*/
    }

    .menu--open .menu__inner li a {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .menu--open .menu__inner li:nth-child(2) a {
        -webkit-transition-delay: 0.04s;
        transition-delay: 0.04s;
    }

    .menu--open .menu__inner li:nth-child(3) a {
        -webkit-transition-delay: 0.08s;
        transition-delay: 0.08s;
    }

    .menu--open .menu__inner li:nth-child(4) a {
        -webkit-transition-delay: 0.12s;
        transition-delay: 0.12s;
    }

    .menu--open .menu__inner li:nth-child(5) a {
        -webkit-transition-delay: 0.16s;
        transition-delay: 0.16s;
    }

    .menu--open .menu__inner li:nth-child(6) a {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }

    .menu--open .menu__inner li:nth-child(7) a {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.24s;
    }

    .menu--open .menu__inner li:nth-child(8) a {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.28s;
    }

    .menu--open .menu__inner li:nth-child(9) a {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.32s;
    }

    .menu--open .menu__inner li:nth-child(10) a {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.36s;
    }

    .menu--open .menu__inner li:nth-child(11) a {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.4s;
    }

    .menu--open .menu__inner > li:last-child {
        padding-bottom: 20px;
    }

    /*End*/
}

@media (max-width: 640px) {
    .list-name-showcase-wrapper.ethome-perks {
        background: #34495e;
    }

    .ethome .search-form-blog {
        padding-left: 0;
        width: 100%;
    }

    .ethome .search-form-blog input {
        width: 100%;
        min-width: 100%;
        box-sizing: border-box;
    }

    .single-post .footer-links {
        display: none;
    }

    .text-right-faq {
        padding: 20px 15px 60px 15px;
    }

    .text-left-faq p {
        margin-top: 15px;
        background: #2c3e50;
    }

    .list-features-faq-wrapper {
        background: transparent;
    }

    .menu-list-features-faq {
        background: #2c3e50;
    }

    #top-bar-gallery.top-bar-blog {
        padding-left: 15px;
        padding-right: 15px;
    }

    .ethome.comment-list {
        /*margin-top: 60px;*/
        padding: 0;
    }

    .category .list-news-blog .paginations {
        margin-top: 60px;
    }

    .line-blog-home {
        position: initial
    }

    .single-post #top-bar-gallery.top-bar-blog .container {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (max-width: 410px) {
    .ask-question-list .list-icon-ask-question {
        margin-right: 4%;
    }
}

@media (min-width: 1024px) and  (max-width: 1200px) {
    #list-all-themes .item-theme .link-demo-item li {
        width: 40%;
    }

    #list-all-themes .item-theme .link-demo-item li > a {
        padding: 5px 15px;
    }
}

@media (max-width: 767px) {
    .ethome.comment-list {
        width: 100%;
        box-sizing: border-box;
    }
}

.comment-form textarea {
    margin-bottom: 1.5em;
}

/***** NEW HELP PAGES TEMPLATE *****/

@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?clusup');
    src: url('fonts/icomoon.eot?clusup#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?clusup') format('truetype'),
    url('fonts/icomoon.woff?clusup') format('woff'),
    url('fonts/icomoon.svg?clusup#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="eticon-"], [class*=" eticon-"] {
    font-family: 'icomoon' !important;
    font-size: 50px;
}

.eticon-basic:before {
    content: "\e900";
}

.eticon-ideas:before {
    content: "\e901";
}

.eticon-money:before {
    content: "\e902";
}

.eticon-technical:before {
    content: "\e903";
}

.help-box-wrapper, .help-page-bottom {
    background: #fafafa;
}

.help-box-wrapper, #help-child-pages {
    padding: 125px 0 50px;
}

.help-box-wrap {
    margin-bottom: 35px;
}

.help-box {
    min-height: 470px;
    padding: 10px;
    text-align: center;
    position: relative;
}

.help-box-technical {
    border: 1px solid #b3e5fc;
}

.help-box-technical:hover {
    box-shadow: 2px 2px 2px #b3e5fc;
}

.help-box-basic {
    border: 1px solid #e0e0e0;
}

.help-box-basic:hover {
    box-shadow: 2px 2px 2px #e0e0e0;
}

.help-box-money {
    border: 1px solid #ffecb3;
}

.help-box-money:hover {
    box-shadow: 2px 2px 2px #ffecb3;
}

.help-box-ideas {
    border: 1px solid #ffcdd2;
}

.help-box-ideas:hover {
    box-shadow: 2px 2px 2px #ffcdd2;
}

.help-header-title {
    margin-bottom: 40px;
}

.help-header-title h1 {
    font-size: 30px;
    font-weight: bold;
}

.help-box-title {
    font-size: 25px;
    font-weight: 700;
}

.help-box-content {
    font-family: 'Lato';
    font-size: 16px;
    font-weight: normal;
    color: #919191;
}

.help-box .help-btn {
    position: absolute;
    bottom: 100px;
    left: 0;
    right: 0;
}

.help-box .help-btn a {
    font-size: 20px;
    font-weight: bold;
    color: #d22226;
}

.help-box .help-btn a:hover {
    text-decoration: underline;
}

.must-read {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
}

.must-read p {
    padding: 0;
    margin: 0;
    font-size: 12px;
}

.must-read a {
    font-size: 12px;
    color: #555;
    font-weight: bold;
    text-decoration: underline;
}

/***** HELP CHILD PAGES *****/

.help-content-wrapper, .et-help-form {
    padding: 150px 0px 50px;
}

.help-child-header-title {
    font-size: 30px;
    font-weight: bold;
    color: #333;
}

.help-child-content {
    font-size: 18px;
    margin-bottom: 15px;
    line-height: 1.5;
    color: #555;
}

.help-child-content p {
    margin-bottom: 10px;
}

span.help-hint {
    font-size: 12px;
    text-decoration: underline;
    display: block;
}

.et_form_help label {
    margin: 20px 0 10px;
    color: #666;
    font-size: 18px;
    font-weight: normal;
}

.separated-row {
    border-bottom: 1px solid #f7f7f7;
    padding-bottom: 25px;
}

.et_form_help .radio-inline {
    margin-right: 40px;
}

.et-btn-submit {
    background: #eb5256;
    color: #fff;
    margin-top: 40px;
    padding: 10px 20px;
}

.content-help-thanks {
    padding: 100px 0;
}

.help-thanks-title {
    text-align: center;
    font-size: 70px;
    font-weight: 600;
    color: #eb5256;
}

.help-success-msg {
    text-align: center;
    margin-top: 25px;
    color: #70a03c;
    font-size: 18px;
}

.content-help-thanks .help-success-msg {
    margin-top: 30px;
    color: #445963;
}

.content-help-thanks .help-success-msg p {
    line-height: 0.8;
}

.content-help-thanks .back-ticket-link {
    text-align: center;
    margin-top: 50px;
    font-size: 20px;
    font-weight: bold;
}

.content-help-thanks .back-ticket-link span {
    text-decoration: underline;
}

.help-error-msg {
    text-align: center;
    margin-top: 25px;
    color: #ff0000;
    font-size: 18px;
}

.et_form_help input.form-control {
    height: 40px;
}

.tech-access-msg {
    font-size: 18px;
    border-top: 1px solid #f8b22b;
    border-bottom: 1px solid #f8b22b;
}

.tech-access-msg p {
    margin: 0;
}

.tech-access-msg p.header-msg {
    color: #333;
}

.tech-access-msg p.content-msg {
    color: #555;
}

.tech-access-msg p i.fa {
    color: #f8b22b;
}

/*** IDEAS SYSTEM ***/

.clearfix {
    clear: both;
}

.et_help_menu_left ul {
    list-style: none;
    padding: 0;
}

.et_help_menu_left li {
    color: #999;
}

.et_help_menu_left li span {
    float: right;
}

.vote-wrap, .vote-enable-wrap {
    text-align: center;
    font-size: 30px;
    border: 2px solid #000;
    padding: 0;
}

.vote-enable-wrap {
    cursor: pointer;
}

.vote-count {
    height: 50px;
    line-height: 50px;
}

.idea_unvote .vote-text {
    color: #000;
    border-top: 2px solid #000;
}

.vote-wrap .vote-text, .idea_vote .vote-text {
    background: #0f9d58;
    color: #fff;
    border-top: 2px solid #000;
}

.tab-content {
    padding: 50px 0;
}

.idea-content-wrap h4 {
    font-weight: bold;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.idea-datetime {
    float: left;
    margin-right: 50px;
}

.idea-category {
    float: left;
}

.idea-status {
    float: right;
}

.idea-status span {
    border: 1px solid #000;
    padding: 5px 10px;
    background: #0f9d58;
    color: #fff;
    margin-right: 10px;
}

.idea-item {
    margin-bottom: 50px;
}

.idea-meta-tag {
    height: 30px;
    line-height: 30px;
}

.idea-meta-tag i {
    font-size: 20px;
}

form#idea-login {
    display: none;
    background-color: #FFFFFF;
    position: fixed;
    top: 200px;
    padding: 40px 25px 25px 25px;
    width: 350px;
    z-index: 999;
    left: 50%;
    margin-left: -200px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}

form#idea-login p.status {
    display: none;
}

.login_overlay {
    height: 100%;
    width: 100%;
    background-color: #F6F6F6;
    opacity: 0.9;
    position: fixed;
    z-index: 998;
}

.et_help_menu_left li.active {
    font-weight: bold;
    color: #428bca;
}

.et_help_menu_left a.login_button {
    color: #000;
    font-weight: bold;
}

.loading-filter {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(255, 255, 255, 0.9) url('img/loading.gif') no-repeat center;
    top: 0;
    left: 0;
}

.noscroll {
    overflow: hidden;
}

.idea-comment-wrap {
    margin-top: 50px;
}

.idea-comment-avatar {
    float: left;
    margin-right: 20px;
    text-align: center;
    text-transform: uppercase;
}

.idea-comment-avatar img, .voted-author img {
    border-radius: 50%;
}

.idea-comment-avatar span, .voted-author span {
    display: block;
    margin-top: 5px;
    color: #00a000;
}

.idea-comment-item {
    padding: 10px 0;
    border-bottom: 1px solid #E5E5E5;
}

.idea-comment-item:last-child {
    border: none;
}

.idea-comment-author {
    color: #e5e5e5;
    font-style: italic;
}

.idea-comment-author span {
    float: right;
}

.voted-author {
    float: left;
    text-align: center;
    margin-right: 40px;
}

.sub-idea-meta-tag {
    margin: 30px 0;
}

.alert-idea {
    margin-top: 30px;
}

.add-new-idea-btn {
    margin-bottom: 15px;
}

.sub-idea-content {
    padding: 20px 0;
}

.sub-idea-attach-url {
    border-top: 1px solid #e5e5e5;
}

.sub-idea-attach-url h5 {
    margin: 10px 0;
}

.sub-edit-idea {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
}

.back-to-idea-btn {
    margin-bottom: 40px;
}

.search_idea_form .search-string, .search_idea_form #search-submit {
    height: 40px;
}

li.menu-item-703 {
    border: 1px solid #455a64;
    padding: 10px;
}

.main-menu ul li.menu-item-703:hover:before, .main-menu ul li.menu-item-703:hover:after {
    width: 0;
    background: transparent;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.main-menu ul li.menu-item-703:hover {
    border: 1px solid #eb5256;
    color: #eb5256 !important;
    outline: none;
}

.main-menu ul li.menu-item-703:hover a {
    color: #eb5256 !important;
    outline: none;
}

.menu-item-703 a:before {
    content: 'New';
    position: absolute;
    display: inline-block;
    text-transform: capitalize;
    font-size: 8px;
    color: #fff;
    right: -20px;
    top: -15px;
    padding: 10px 5px;
    background: #eb5256;
    border-radius: 50%;
}

/****** FREELANCEENGINE SALE PAGE LIST EXTENSIONS ******/

#fre-extensions-block {
    padding: 50px 0;
}

.fre-extensions-list {
    display: inline-block;
    margin-top: 50px;
}

.fre-ext-item {
    text-align: center;
    border: 1px solid #ededed;
    margin-bottom: 30px;
}

.fre-ext-item-title {
    margin: 30px auto 20px;
    font-size: 18px;
    font-weight: bold;
}

.fre-ext-item-price {
    font-size: 22px;
    color: #eb5256;
    font-weight: bold;
    margin-bottom: 25px;
}

.fre-ext-item-des {
    font-size: 16px;
    color: #778f9b;
}

.fre-ext-item-buynow a {
    width: 80%;
    border: 1px solid #eb5256;
    border-radius: 30px;
    display: inline-block;
    padding: 8px 0;
    font-size: 14px;
    color: #eb5256;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 35px;
    margin-bottom: 20px;
}

.fre-ext-item-readmore a {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #778f9b;
    margin-bottom: 30px;
    display: inline-block;
}

a.btn-view-all-fre-ext {
    padding: 10px 60px;
    border: 1px solid #536d79;
    border-radius: 30px;
    color: #536d79;
    font-weight: 600;
    text-transform: uppercase;
}

.fre-back-to-salepage {
    background: url("img/freelance/back-salepage-bg.jpg") no-repeat;
    background-size: cover;
    padding: 160px 0 115px;
    font-size: 24px;
    font-weight: 300;
    margin: 50px 0;
    position: relative;
}

.fre-opacity-bg {
    background: rgba(0, 0, 0, 0.7);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.fre-back-salepage-content {
    opacity: 1;
}

.fre-back-to-salepage p {
    margin-bottom: 0;
    text-align: left;
    color: #fff;
}

.fre-back-to-salepage a {
    padding: 10px 50px;
    background: #eb5256;
    border-radius: 30px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
}

.fre-backtext {
    display: block;
    margin-top: -10px;
    font-size: 20px;
}