Current path: home/webdevt/www/wdp/wp-content/themes/quadric/assets/css/
?? Go up: /home/webdevt/www/wdp/wp-content/themes/quadric/assets
/*------------------------------------------------------------------
* This is main css file for theme. It is broken into following sections:
* 1. Reset
* 2. Reset browser specific styles
* 3. General styles
* 4. Grid system styles
* 5. Row Style
* 6. VC Override
* 7. Animations styles
* 8. Comments styles
* 9. Pagination styles
* 10. General slider styles
* 11. 404 page styles
* 12. Back to top styles
* 13. Floating Background styles
* 14. Logo styles
* 15. Main Menu styles
* 16. Headers styles
* 17. Footer styles
* 18. Title styles
* 19. Side area styles
* 20. Search styles
* 21. Portfolio styles
* 22. Shortcodes styles
* 23. Sidebar styles
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
* Color codes
* Background: #ffffff (white)
* Content: #575757 (dark gray)
* Header h1: #333333 (dark gray)
* Header h2: #333333 (dark gray)
* Header h3: #333333 (dark gray)
* Header h4: #575757 (dark gray)
* Header h5: #333333 (dark gray)
* Header h6: #333333 (dark gray)
* Header Background: #ffffff (white)
* Footer Top Background: #19171b (black)
* Footer Bottom Background: #000000 (black)
* Content Border: #efefef (gray)
* a (standard): #fb3644 (red)
* a (hover): #fb3644 (red)
-------------------------------------------------------------------*/
/* ==========================================================================
1. Reset default styles - start
========================================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,
ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
background: transparent;
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
outline: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}
blockquote {
quotes: none;
}
blockquote:before, blockquote:after {
content: '';
content: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
border: medium none;
vertical-align: middle;
}
table th {
border: 0;
padding: 5px 7px;
text-align: center;
}
table td {
padding: 5px 10px;
text-align: center;
}
a img {
border: none;
}
img, .wp-caption {
max-width: 100%;
height: auto;
}
/* ==========================================================================
Reset default styles - end
========================================================================== */
/* ==========================================================================
2. Remove browser specific styles - start
========================================================================== */
li, a, div, span {
-webkit-tap-highlight-color: transparent;
}
input[type=text]::-ms-clear {
display: none;
width: 0;
height: 0;
}
input[type=text]::-ms-reveal {
display: none;
width: 0;
height: 0;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none;
}
/* ==========================================================================
#Remove browser specific styles - End
========================================================================== */
/* ==========================================================================
3. General styles that are used in our theme - start
Here are defined global styles on body element, on container elements that hold every page,
headings and links, inputs, core wp styles and default pagination styles
========================================================================== */
.clearfix:before,
.clearfix:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
.clear:after {
clear: both;
content: "";
display: block;
}
html {
height: 100%;
margin: 0 !important;
-webkit-transition: all 0.33s ease-out;
transition: all 0.33s ease-out;
overflow-y: scroll !important;
/* to prevent page jumping on ajax and when there is not enough content */
}
body {
font-family: 'Raleway', sans-serif;
font-size: 14px;
line-height: 26px;
color: #575757;
font-weight: 400;
background-color: #ffffff;
overflow-x: hidden !important;
-webkit-font-smoothing: antialiased;
}
h1 {
font-size: 40px;
line-height: 1.65em;
/* 66px/40px */
font-weight: 700;
text-transform: uppercase;
}
h2 {
font-size: 30px;
line-height: 1.2em;
/* 36px/30px */
font-weight: 700;
}
h3 {
font-size: 18px;
line-height: 1.5em;
/* 27px/18px */
font-weight: 600;
text-transform: uppercase;
}
h4 {
font-size: 18px;
line-height: 1.6666666666666666666666666666667em;
/* 26px/18px */
font-weight: 400;
}
h5 {
font-size: 16px;
line-height: 1.4375em;
/* 23px/16px */
font-weight: 700;
text-transform: uppercase;
}
h6 {
font-size: 14px;
line-height: 1.4285714285714285714285714285714em;
/* 20px/14px */
font-weight: 600;
text-transform: uppercase;
}
h1, h1 a,
h2, h2 a,
h3, h3 a,
h5, h5 a,
h6, h6 a {
color: #333;
}
h4, h4 a {
color: #575757;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
color: #fb3644;
}
a,
p a {
color: #fb3644;
text-decoration: none;
cursor: pointer;
-webkit-transition: color 0.15s ease-out;
-moz-transition: color 0.15s ease-out;
-o-transition: color 0.15s ease-out;
-ms-transition: color 0.15s ease-out;
transition: color 0.15s ease-out;
}
input[type='submit'],
.woocommerce input[type='button'],
.woocommerce-page input[type='button'] {
-webkit-appearance: none;
}
ul, ol {
list-style-position: inside;
}
pre {
background-color: #ffffff;
padding: 15px;
max-width: 100%;
white-space: pre-wrap;
word-wrap: break-word;
margin: 15px 0;
}
dt {
font-size: 15px;
font-weight: 700;
margin-bottom: 10px;
}
dd {
margin-bottom: 15px;
}
sub, sup {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
top: 0.5ex;
}
sup {
bottom: 0.5ex;
}
.wp-caption-text {
margin: 0;
font-style: italic;
}
table {
width: 100%;
}
table thead tr, table tbody tr, table tfoot tr {
border: 1px solid #e6e6e6;
}
table tbody th {
border-right: 1px solid #e6e6e6;
}
blockquote:not(.edgtf-blockquote-shortcode) {
padding: 0;
border: none;
font-style: italic;
font-size: 17px;
line-height: 1.6em;
margin: 20px 0;
}
blockquote cite {
font-style: normal;
font-weight: 500;
}
/* Webkit */
::selection {
background: #fb3644;
color: #ffffff;
}
/* Gecko/Mozilla */
::-moz-selection {
background: #fb3644;
color: #ffffff;
}
.wp-caption,
.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor {
opacity: 1;
}
.alignleft {
float: left;
margin: 0 20px 20px 0;
}
.alignright {
float: right;
margin: 0 0 20px 20px;
}
.aligncenter {
display: block;
margin: 10px auto;
}
.text-align-right {
text-align: right;
}
.text-align-left {
text-align: left;
}
.text-align-center {
text-align: center;
}
.alignwide {
margin-left: auto;
margin-right: auto;
clear: both;
}
@media only screen and (max-width: 1024px) {
.alignwide {
width: 100%;
max-width: 100%;
}
}
.alignfull {
position: relative;
left: -1rem;
width: calc( 100% + (2 * 1rem));
max-width: calc( 100% + (2 * 1rem));
clear: both;
}
@media only screen and (max-width: 1024px) {
.alignfull {
left: calc( -12.5% - 75px);
width: calc( 125% + 150px);
max-width: calc( 125% + 150px);
margin-top: calc(2 * 1rem);
margin-bottom: calc(2 * 1rem);
}
}
.meta {
display: none;
}
.edgtf-wrapper {
background-color: #ffffff;
position: relative;
z-index: 1000;
-webkit-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
left: 0px;
}
.edgtf-wrapper .edgtf-wrapper-inner {
width: 100%;
overflow: hidden;
}
.edgtf-content {
margin-top: 0;
position: relative;
z-index: 100;
background-color: #ffffff;
/*this is needed because of the uncovering footer*/
}
.edgtf-content ul ul,
.edgtf-content ol ol {
padding: 0 0 0 15px;
}
.edgtf-content ol ul,
.edgtf-content ul ol,
.edgtf-content ul ul,
.edgtf-content ol ol {
margin: 0;
}
.edgtf-boxed {
overflow: hidden !important;
/* this is because content jumping while using accordion and display:inline-block on 'body.edgtf-boxed .edgtf-wrapper' */
}
.edgtf-boxed .edgtf-wrapper {
display: inline-block;
vertical-align: middle;
width: 100%;
}
.edgtf-boxed .edgtf-wrapper .edgtf-wrapper-inner {
width: 1150px;
overflow: visible;
margin: auto;
}
.edgtf-boxed .edgtf-content {
overflow: hidden;
}
.edgtf-boxed .edgtf-footer-inner {
width: 1150px;
margin: auto;
}
.edgtf-boxed .edgtf-page-header .edgtf-sticky-header,
.edgtf-boxed .edgtf-page-header .edgtf-fixed-wrapper.fixed {
width: 1150px;
left: auto;
}
.edgtf-container {
background-color: #ffffff;
position: relative;
padding: 0;
width: 100%;
z-index: 100;
}
.edgtf-container:before {
content: " ";
display: table;
}
.edgtf-container:after {
content: " ";
display: table;
clear: both;
}
.edgtf-container-inner {
width: 1100px;
margin: 0px auto;
}
.edgtf-content > .edgtf-content-inner > .edgtf-container > .edgtf-container-inner {
padding-top: 70px;
}
.edgtf-full-width {
position: relative;
z-index: 100;
}
@media only screen and (min-width: 1400px) {
.edgtf-grid-1300 .edgtf-grid,
.edgtf-grid-1300 .edgtf-container-inner,
.edgtf-grid-1300 .edgtf-grid-section .edgtf-section-inner,
.edgtf-grid-1300 .edgtf-footer-top-border-holder.edgtf-in-grid,
.edgtf-grid-1300 .edgtf-footer-bottom-border-holder.edgtf-in-grid {
width: 1300px;
}
.edgtf-grid-1300.edgtf-boxed .edgtf-footer-inner,
.edgtf-grid-1300.edgtf-boxed .edgtf-wrapper-inner {
width: 1350px;
}
.edgtf-grid-1300.edgtf-boxed .edgtf-page-header .edgtf-sticky-header,
.edgtf-grid-1300.edgtf-boxed .edgtf-page-header .edgtf-fixed-wrapper.fixed {
width: 1350px;
left: auto;
}
}
@media only screen and (min-width: 1300px) {
.edgtf-grid-1200 .edgtf-grid,
.edgtf-grid-1200 .edgtf-container-inner,
.edgtf-grid-1200 .edgtf-grid-section .edgtf-section-inner,
.edgtf-grid-1200 .edgtf-footer-top-border-holder.edgtf-in-grid,
.edgtf-grid-1200 .edgtf-footer-bottom-border-holder.edgtf-in-grid {
width: 1200px;
}
.edgtf-grid-1200.edgtf-boxed .edgtf-footer-inner,
.edgtf-grid-1200.edgtf-boxed .edgtf-wrapper-inner {
width: 1250px;
}
.edgtf-grid-1200.edgtf-boxed .edgtf-page-header .edgtf-sticky-header,
.edgtf-grid-1200.edgtf-boxed .edgtf-page-header .edgtf-fixed-wrapper.fixed {
width: 1250px;
left: auto;
}
}
@media only screen and (min-width: 1200px) {
.edgtf-grid-1000 .edgtf-grid,
.edgtf-grid-1000 .edgtf-container-inner,
.edgtf-grid-1000 .edgtf-grid-section .edgtf-section-inner,
.edgtf-grid-1000 .edgtf-footer-top-border-holder.edgtf-in-grid,
.edgtf-grid-1000 .edgtf-footer-bottom-border-holder.edgtf-in-grid {
width: 1000px;
}
.edgtf-grid-1000.edgtf-boxed .edgtf-footer-inner,
.edgtf-grid-1000.edgtf-boxed .edgtf-wrapper-inner {
width: 1050px;
}
.edgtf-grid-1000.edgtf-boxed .edgtf-page-header .edgtf-sticky-header,
.edgtf-grid-1000.edgtf-boxed .edgtf-page-header .edgtf-fixed-wrapper.fixed {
width: 1050px;
left: auto;
}
}
@media only screen and (min-width: 1000px) {
.edgtf-grid-800 .edgtf-grid,
.edgtf-grid-800 .edgtf-container-inner,
.edgtf-grid-800 .edgtf-grid-section .edgtf-section-inner,
.edgtf-grid-800 .edgtf-footer-top-border-holder.edgtf-in-grid,
.edgtf-grid-800 .edgtf-footer-bottom-border-holder.edgtf-in-grid {
width: 800px;
}
.edgtf-grid-800.edgtf-boxed .edgtf-footer-inner,
.edgtf-grid-800.edgtf-boxed .edgtf-wrapper-inner {
width: 850px;
}
.edgtf-grid-800.edgtf-boxed .edgtf-page-header .edgtf-sticky-header,
.edgtf-grid-800.edgtf-boxed .edgtf-page-header .edgtf-fixed-wrapper.fixed {
width: 850px;
left: auto;
}
}
/* ==========================================================================
#General styles that are used in our theme - end
========================================================================== */
/* ==========================================================================
4. Grid system styles - start
* Here are defined styles for grid system that is used outside Visual Composer
========================================================================== */
.edgtf-two-columns-66-33 {
width: 100%;
}
.edgtf-two-columns-66-33 .edgtf-column1 {
width: 66.66%;
float: left;
}
.edgtf-two-columns-66-33 .edgtf-column1 .edgtf-column-inner {
padding: 0 20px 0 0;
}
.edgtf-two-columns-66-33 .edgtf-column2 {
width: 33.33%;
float: left;
}
.edgtf-two-columns-66-33 .edgtf-column2 .edgtf-column-inner {
padding: 0 0 0 20px;
}
.edgtf-two-columns-33-66 {
width: 100%;
}
.edgtf-two-columns-33-66 .edgtf-column1 {
width: 33.33%;
float: left;
}
.edgtf-two-columns-33-66 .edgtf-column1 .edgtf-column-inner {
padding: 0 20px 0 0;
}
.edgtf-two-columns-33-66 .edgtf-column2 {
width: 66.66%;
float: left;
}
.edgtf-two-columns-33-66 .edgtf-column2 .edgtf-column-inner {
padding: 0 0 0 20px;
}
.edgtf-two-columns-75-25 {
width: 100%;
}
.edgtf-two-columns-75-25 .edgtf-column1 {
width: 75%;
float: left;
}
.edgtf-two-columns-75-25 .edgtf-column1 .edgtf-column-inner {
padding: 0 20px 0 0;
}
.edgtf-two-columns-75-25 .edgtf-column2 {
width: 25%;
float: left;
}
.edgtf-two-columns-75-25 .edgtf-column2 .edgtf-column-inner {
padding: 0 0 0 20px;
}
.edgtf-two-columns-25-75 {
width: 100%;
}
.edgtf-two-columns-25-75 .edgtf-column1 {
width: 25%;
float: left;
}
.edgtf-two-columns-25-75 .edgtf-column1 .edgtf-column-inner {
padding: 0 20px 0 0;
}
.edgtf-two-columns-25-75 .edgtf-column2 {
width: 75%;
float: left;
}
.edgtf-two-columns-25-75 .edgtf-column2 .edgtf-column-inner {
padding: 0 0 0 20px;
}
.edgtf-two-columns-50-50 {
width: 100%;
}
.edgtf-two-columns-50-50 > .edgtf-two-columns-50-50-inner {
margin: 0 -15px;
}
.edgtf-two-columns-50-50 .edgtf-column {
width: 50%;
float: left;
}
.edgtf-two-columns-50-50 .edgtf-column .edgtf-column-inner {
padding: 0 15px;
}
.edgtf-three-columns {
width: 100%;
}
.edgtf-three-columns > .edgtf-three-columns-inner {
margin: 0 -15px;
}
.edgtf-three-columns .edgtf-column {
width: 33.33%;
float: left;
}
.edgtf-three-columns .edgtf-column .edgtf-column-inner {
padding: 0 15px;
}
.edgtf-four-columns {
width: 100%;
}
.edgtf-four-columns > .edgtf-four-columns-inner {
margin: 0 -15px;
}
.edgtf-four-columns .edgtf-column {
width: 25%;
float: left;
}
.edgtf-four-columns .edgtf-column .edgtf-column-inner {
padding: 0 15px;
}
.edgtf-five-columns {
width: 100%;
}
.edgtf-five-columns > .edgtf-five-columns-inner {
margin: 0 -15px;
}
.edgtf-five-columns .edgtf-column {
width: 20%;
float: left;
}
.edgtf-five-columns .edgtf-column .edgtf-column-inner {
padding: 0 15px;
}
.edgtf-footer-top-holder .edgtf-two-columns-50-50 > .edgtf-two-columns-50-50-inner,
.edgtf-footer-top-holder .edgtf-four-columns > .edgtf-four-columns-inner,
.edgtf-footer-top-holder .edgtf-three-columns > .edgtf-three-columns-inner {
margin: 0 -50px;
}
.edgtf-footer-top-holder .edgtf-two-columns-50-50 .edgtf-column .edgtf-column-inner,
.edgtf-footer-top-holder .edgtf-three-columns .edgtf-column .edgtf-column-inner,
.edgtf-footer-top-holder .edgtf-four-columns .edgtf-column .edgtf-column-inner {
padding: 0 50px;
}
.edgtf-footer-top-holder .edgtf-column:first-child .edgtf-column-inner {
border-left: none;
}
.edgtf-footer-top-holder .edgtf-column-inner {
border-left: 1px solid #25262e;
}
body.woocommerce.woocommerce-page .edgtf-two-columns-66-33.woocommerce_with_sidebar .edgtf-column1 .edgtf-column-inner,
body.woocommerce.woocommerce-page .edgtf-two-columns-75-25.woocommerce_with_sidebar .edgtf-column1 .edgtf-column-inner {
padding-left: 40px;
}
body.woocommerce.woocommerce-page .edgtf-two-columns-33-66.woocommerce_with_sidebar .edgtf-column2 .edgtf-column-inner,
body.woocommerce.woocommerce-page .edgtf-two-columns-25-75.woocommerce_with_sidebar .edgtf-column2 .edgtf-column-inner {
padding-right: 40px;
}
body.woocommerce.woocommerce-page .full_width .edgtf-two-columns-66-33.woocommerce_with_sidebar .edgtf-column1 .edgtf-column-inner,
body.woocommerce.woocommerce-page .full_width .edgtf-two-columns-75-25.woocommerce_with_sidebar .edgtf-column1 .edgtf-column-inner {
padding-left: 0;
}
body.woocommerce.woocommerce-page .full_width .edgtf-two-columns-33-66.woocommerce_with_sidebar .edgtf-column2 .edgtf-column-inner,
body.woocommerce.woocommerce-page .full_width .edgtf-two-columns-25-75.woocommerce_with_sidebar .edgtf-column2 .edgtf-column-inner {
padding-right: 0;
}
@-webkit-keyframes preload-background {
from {
background-position: 0 0;
}
to {
background-position: 100% 0;
}
}
@keyframes preload-background {
from {
background-position: 0 0;
}
to {
background-position: 100% 0;
}
}
.edgtf-preload-background {
background-repeat: repeat !important;
background-color: transparent !important;
background-attachment: scroll !important;
background-size: inherit !important;
-webkit-animation-name: preload-background;
-webkit-animation-duration: 40s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 0s;
-webkit-animation-fill-mode: forwards;
/* this prevents the animation from restarting! */
animation-name: preload-background;
animation-duration: 40s;
animation-iteration-count: infinite;
animation-timing-function: linear;
animation-delay: 0s;
animation-fill-mode: forwards;
/* this prevents the animation from restarting! */
}
.edgtf-grid {
width: 1100px;
margin: 0 auto;
}
.edgtf-vertical-align-containers {
position: relative;
height: 100%;
width: 100%;
padding: 0 20px;
box-sizing: border-box;
}
.edgtf-vertical-align-containers.edgtf-25-50-25 .edgtf-position-left,
.edgtf-vertical-align-containers.edgtf-25-50-25 .edgtf-position-right {
width: 25%;
}
.edgtf-vertical-align-containers.edgtf-25-50-25 .edgtf-position-center {
width: 50%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.edgtf-vertical-align-containers.edgtf-25-50-25 .edgtf-position-left-inner,
.edgtf-vertical-align-containers.edgtf-25-50-25 .edgtf-position-center-inner,
.edgtf-vertical-align-containers.edgtf-25-50-25 .edgtf-position-right-inner {
width: 98%;
}
.edgtf-vertical-align-containers.edgtf-33-33-33 .edgtf-position-left,
.edgtf-vertical-align-containers.edgtf-33-33-33 .edgtf-position-center,
.edgtf-vertical-align-containers.edgtf-33-33-33 .edgtf-position-right {
width: 33.33%;
}
.edgtf-vertical-align-containers.edgtf-33-33-33 .edgtf-position-center {
width: 50%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.edgtf-vertical-align-containers.edgtf-33-33-33 .edgtf-position-left-inner,
.edgtf-vertical-align-containers.edgtf-33-33-33 .edgtf-position-center-inner,
.edgtf-vertical-align-containers.edgtf-33-33-33 .edgtf-position-right-inner {
width: 98%;
}
.edgtf-vertical-align-containers.edgtf-50-50 .edgtf-position-left,
.edgtf-vertical-align-containers.edgtf-50-50 .edgtf-position-right {
width: 50%;
}
.edgtf-vertical-align-containers.edgtf-50-50 .edgtf-position-left-inner,
.edgtf-vertical-align-containers.edgtf-50-50 .edgtf-position-center-inner,
.edgtf-vertical-align-containers.edgtf-50-50 .edgtf-position-right-inner {
width: 98%;
}
.edgtf-vertical-align-containers .edgtf-position-left {
position: relative;
float: left;
z-index: 2;
height: 100%;
}
.edgtf-vertical-align-containers .edgtf-position-center {
height: 100%;
width: 100%;
position: absolute;
left: 0;
text-align: center;
z-index: 1;
}
.edgtf-vertical-align-containers .edgtf-position-right {
position: relative;
float: right;
z-index: 2;
height: 100%;
text-align: right;
}
.edgtf-vertical-align-containers .edgtf-position-left-inner,
.edgtf-vertical-align-containers .edgtf-position-center-inner,
.edgtf-vertical-align-containers .edgtf-position-right-inner {
vertical-align: middle;
display: inline-block;
}
.edgtf-vertical-align-containers .edgtf-position-right.edgtf-has-widget .edgtf-position-right-inner {
height: 100%;
}
.edgtf-vertical-align-containers .edgtf-position-left:before,
.edgtf-vertical-align-containers .edgtf-position-center:before,
.edgtf-vertical-align-containers .edgtf-position-right:before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
margin-right: 0;
/* adjusts for spacing */
}
/* ==========================================================================
Grid system styles - end
========================================================================== */
/* ==========================================================================
5. Row styles - start
========================================================================== */
.edgtf-section {
position: relative;
}
.edgtf-full-section-inner {
position: relative;
z-index: 20;
}
.edgtf-grid-section .edgtf-section-inner {
width: 1100px;
margin: 0 auto;
position: relative;
z-index: 20;
}
.edgtf-section-inner-margin {
margin-left: -15px;
margin-right: -15px;
}
.edgtf-content-aligment-left {
text-align: left;
}
.edgtf-content-aligment-center {
text-align: center;
}
.edgtf-content-aligment-right {
text-align: right;
}
/* #Parallax section styles - start
========================================================================== */
.edgtf-parallax-section-holder {
position: static;
padding: 0px;
background-repeat: no-repeat;
background-color: transparent;
background-position: center 0px;
background-attachment: fixed;
overflow: hidden;
}
.edgtf-parallax-section-holder.edgtf-vertical-middle-align {
display: table;
width: 100%;
margin-right: 0;
margin-left: 0;
}
.edgtf-parallax-section-holder .edgtf-parallax-content-outer {
display: table-cell;
height: 100%;
vertical-align: middle;
padding: 100% 0;
}
.touch .edgtf-parallax-section-holder.edgtf-parallax-section-holder-touch-disabled {
height: auto !important;
min-height: 100px;
background-position: center top !important;
background-attachment: scroll;
background-size: cover;
}
section.parallax_section_holder.vertical_middle_align .parallax_content_outer {
display: table-cell;
height: 100%;
vertical-align: middle;
padding: 100% 0;
}
/* #Video section styles - start
========================================================================== */
.edgtf-section .edgtf-mobile-video-image {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
display: none;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
}
.edgtf-section .edgtf-video-overlay {
height: 3000px;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 11;
}
.edgtf-section .edgtf-video-overlay.edgtf-active {
background-image: url("img/pixel-video.png");
background-position: 0px 0px;
background-repeat: repeat;
opacity: 1;
}
.edgtf-section .edgtf-video-wrap {
top: 0px;
left: 0px;
overflow: hidden;
position: absolute;
width: 100%;
z-index: 10;
}
.edgtf-section .edgtf-video-wrap .mejs-container .mejs-controls {
display: none !important;
}
.edgtf-section .edgtf-video-wrap .mejs-poster {
background-size: cover !important;
-moz-background-size: cover !important;
-webkit-background-size: cover !important;
-o-background-size: cover !important;
}
.edgtf-section .edgtf-video-wrap .mejs-container {
background-color: transparent !important;
background-image: none !important;
height: auto !important;
}
.edgtf-section .edgtf-video-wrap .mejs-mediaelement {
background: none !important;
border: 0px !important;
}
.edgtf-section .edgtf-video-wrap .mejs-container .mejs-poster img {
max-width: none !important;
width: 100% !important;
}
/* ==========================================================================
#Row styles - end
========================================================================== */
/* ==========================================================================
#Screen reader text - begin
========================================================================== */
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 0px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
clip: auto !important;
display: block;
top: 5px;
left: 5px;
width: auto;
height: auto;
padding: 15px 23px 14px;
color: #21759b;
font-size: 14px;
font-weight: bold;
line-height: normal;
text-decoration: none;
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
z-index: 100000;
/* Above WP toolbar. */
}
/* ==========================================================================
#Screen reader text - end
========================================================================== */
/* ==========================================================================
6. VC Override - Start
========================================================================== */
.wpb_row,
.wpb_content_element,
ul.wpb_thumbnails-fluid > li,
.last_toggle_el_margin, .wpb_button {
margin-bottom: 0 !important;
}
/*** Fix for Visual composer bag on firefox ***/
.wpb_single_image .vc_figure {
max-width: 100%;
}
/* ==========================================================================
#VC Override - End
========================================================================== */
/* ==========================================================================
#Animation styles - start
========================================================================== */
@-webkit-keyframes element-from-left {
0% {
opacity: 0;
transform: translate(-20%, 0);
}
100% {
opacity: 1;
transform: translate(0, 0);
}
}
@keyframes element-from-left {
0% {
opacity: 0;
transform: translate(-20%, 0);
}
100% {
opacity: 1;
transform: translate(0, 0);
}
}
@-webkit-keyframes element-from-right {
0% {
opacity: 0;
transform: translate(20%, 0);
}
100% {
opacity: 1;
transform: translate(0, 0);
}
}
@keyframes element-from-right {
0% {
opacity: 0;
transform: translate(20%, 0);
}
100% {
opacity: 1;
transform: translate(0, 0);
}
}
@-webkit-keyframes element-from-top {
0% {
opacity: 0;
transform: translate(0, -30%);
}
100% {
opacity: 1;
transform: translate(0, 0);
}
}
@keyframes element-from-top {
0% {
opacity: 0;
transform: translate(0, -30%);
}
100% {
opacity: 1;
transform: translate(0, 0);
}
}
@-webkit-keyframes element-from-bottom {
0% {
opacity: 0;
transform: translate(0, 30%);
}
100% {
opacity: 1;
transform: translate(0, 30%);
}
}
@keyframes element-from-bottom {
0% {
opacity: 0;
transform: translate(0, 30%);
}
100% {
opacity: 1;
transform: translate(0, 30%);
}
}
.edgtf-element-from-left,
.edgtf-element-from-right,
.edgtf-element-from-top,
.edgtf-element-from-bottom,
.edgtf-element-from-fade {
display: inline-block;
width: 100%;
}
.touch .edgtf-no-animations-on-touch .edgtf-element-from-left > div,
.touch .edgtf-no-animations-on-touch .edgtf-element-from-right > div,
.touch .edgtf-no-animations-on-touch .edgtf-element-from-top > div,
.touch .edgtf-no-animations-on-touch .edgtf-element-from-bottom > div,
.touch .edgtf-no-animations-on-touch .edgtf-element-from-fade > div {
opacity: 1;
-webkit-animation: none;
animation: none;
-webkit-transform: scale(1);
transform: scale(1);
}
.edgtf-element-from-left > div,
.edgtf-element-from-right > div,
.edgtf-element-from-top > div,
.edgtf-element-from-bottom > div,
.edgtf-element-from-fade > div {
opacity: 0;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.edgtf-element-from-fade .edgtf-element-from-fade_on > div {
opacity: 1;
-webkit-transition: opacity 0.8s ease 0s;
transition: opacity 0.8s ease 0s;
-webkit-backface-visibility: hidden;
}
.edgtf-element-from-left.edgtf-element-from-left-on > div {
-webkit-animation: element-from-left 0.7s 1 ease-in-out;
animation: element-from-left 0.7s 1 ease-in-out;
opacity: 1;
-webkit-backface-visibility: hidden;
}
.edgtf-element-from-right.edgtf-element-from-right-on > div {
-webkit-animation: element-from-right 0.7s 1 ease-in-out;
animation: element-from-right 0.7s 1 ease-in-out;
opacity: 1;
-webkit-backface-visibility: hidden;
}
.edgtf-element-from-top.edgtf-element-from-top-on > div {
-webkit-animation: element-from-top 0.7s 1 ease-in-out;
animation: element-from-top 0.7s 1 ease-in-out;
opacity: 1;
-webkit-backface-visibility: hidden;
}
.edgtf-element-from-bottom.edgtf-element-from-bottom-on > div {
-webkit-animation: element-from-bottom 0.7s 1 ease-in-out;
animation: element-from-bottom 0.7s 1 ease-in-out;
opacity: 1;
-webkit-backface-visibility: hidden;
}
.touch .edgtf-no-animation-on-touch .edgtf-flip-in,
.touch .edgtf-no-animation-on-touch .edgtf-grow-in,
.touch .edgtf-no-animation-on-touch .edgtf-z-rotate,
.touch .edgtf-no-animation-on-touch .edgtf-x-rotate,
.touch .edgtf-no-animation-on-touch .edgtf-y-translate,
.touch .edgtf-no-animation-on-touch .edgtf-fade-in-down,
.touch .edgtf-no-animation-on-touch .edgtf-fade-in-left-x-rotate,
.touch .edgtf-no-animation-on-touch .edgtf-fade-in {
-webkit-transition: none !important;
transition: none !important;
-webkit-transform: none !important;
transform: none !important;
opacity: 1 !important;
}
.edgtf-flip-in {
opacity: 0;
-webkit-transform: perspective(1000px) rotateY(25deg);
transform: perspective(1000px) rotateY(25deg);
-webkit-transition: all 1.1s ease-in-out;
transition: all 1.1s ease-in-out;
}
.edgtf-flip-in.edgtf-flip-in-on {
opacity: 1;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.edgtf-grow-in {
opacity: 0;
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: all 1s cubic-bezier(0, 1, 0.5, 1);
transition: all 1s cubic-bezier(0, 1, 0.5, 1);
-webkit-backface-visibility: hidden;
}
.edgtf-grow-in.edgtf-grow-in-on {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.edgtf-z-rotate {
opacity: 0;
-webkit-transform: rotateZ(7deg);
transform: rotateZ(7deg);
-webkit-transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transform-origin: top right;
transform-origin: top right;
-webkit-backface-visibility: hidden;
}
.edgtf-z-rotate.edgtf-z-rotate-on {
opacity: 1;
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
.edgtf-x-rotate {
opacity: 0;
-webkit-transform: perspective(900px) rotateX(-45deg);
transform: perspective(900px) rotateX(-45deg);
-webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-webkit-backface-visibility: hidden;
}
.edgtf-x-rotate.edgtf-x-rotate-on {
opacity: 1;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.edgtf-y-translate {
opacity: 0;
-webkit-transform: translate(0, 30px);
transform: translate(0, 30px);
-webkit-transition: all 700ms cubic-bezier(0.68, -0.65, 0.265, 1.65);
transition: all 700ms cubic-bezier(0.68, -0.65, 0.265, 1.65);
}
.edgtf-y-translate.edgtf-y-translate-on {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.edgtf-fade-in-down {
opacity: 0;
-webkit-transform: translate(0, -25px);
transform: translate(0, -25px);
-webkit-transition: all 0.9s cubic-bezier(0, 1, 0.5, 1);
transition: all 0.9s cubic-bezier(0, 1, 0.5, 1);
}
.edgtf-fade-in-down.edgtf-fade-in-down-on {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.edgtf-fade-in-left-x-rotate {
opacity: 0;
-webkit-transform: rotateZ(-5deg) translate(-30px, 0);
transform: rotateZ(-5deg) translate(-30px, 0);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.edgtf-fade-in-left-x-rotateedgtf-fade-in-left-x-rotate-on {
opacity: 1;
-webkit-transform: rotateZ(0deg) translate(0, 0);
transform: rotateZ(0deg) translate(0, 0);
}
.edgtf-fade-in {
opacity: 0;
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
.edgtf-fade-in.edgtf-fade-in-on {
opacity: 1;
}
/* ==========================================================================
#Animation styles - end
========================================================================== */
.edgtf-st-loader {
position: absolute;
/*position: fixed;*/
top: 50%;
left: 50%;
z-index: 2100;
}
.edgtf-st-loader1 {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
}
.edgtf-st-loader2 {
margin: -50% 0 0 -50%;
}
/* pulse - start */
.edgtf-st-loader .pulse {
width: 32px;
height: 32px;
margin: -16px 0px 0px -16px;
background-color: #fb3644;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-ms-border-radius: 16px;
-o-border-radius: 16px;
border-radius: 16px;
-webkit-animation: scaleout 1.0s infinite ease-in-out;
animation: scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes scaleout {
0% {
-webkit-transform: scale(0);
}
100% {
-webkit-transform: scale(1);
opacity: 0;
}
}
@-moz-keyframes scaleout {
0% {
-moz-transform: scale(0);
}
100% {
-moz-transform: scale(1);
opacity: 0;
}
}
@-ms-keyframes scaleout {
0% {
-ms-transform: scale(0);
}
100% {
-ms-transform: scale(1);
opacity: 0;
}
}
@-o-keyframes scaleout {
0% {
-o-transform: scale(0);
}
100% {
-o-transform: scale(1);
opacity: 0;
}
}
@keyframes scaleout {
0% {
transform: scale(0);
-webkit-transform: scale(0);
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 0;
}
}
/* pulse - end */
/* double pulse - start */
.edgtf-st-loader .double_pulse {
width: 40px;
height: 40px;
margin: -20px 0px 0px -20px;
position: relative;
}
.edgtf-st-loader .double_pulse .double-bounce1, .edgtf-st-loader .double_pulse .double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #fb3644;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: bounce 2.0s infinite ease-in-out;
animation: bounce 2.0s infinite ease-in-out;
}
.edgtf-st-loader .double_pulse .double-bounce2 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes bounce {
0%, 100% {
-webkit-transform: scale(0);
}
50% {
-webkit-transform: scale(1);
}
}
@keyframes bounce {
0%, 100% {
transform: scale(0);
-webkit-transform: scale(0);
}
50% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
/* double pulse - end */
/* cube - start */
.edgtf-st-loader .cube {
width: 60px;
height: 60px;
margin: -30px 0px 0px -30px;
background-color: #fb3644;
-webkit-animation: rotateplane 1.2s infinite ease-in-out;
animation: rotateplane 1.2s infinite ease-in-out;
}
@-webkit-keyframes rotateplane {
0% {
-webkit-transform: perspective(120px);
}
50% {
-webkit-transform: perspective(120px) rotateY(180deg);
}
100% {
-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
}
}
@keyframes rotateplane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}
50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}
100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
/* cube - end */
/* rotating cubes - start */
.edgtf-st-loader .rotating_cubes {
width: 32px;
height: 32px;
margin: -16px 0px 0px -16px;
position: relative;
}
.edgtf-st-loader .rotating_cubes .cube1, .edgtf-st-loader .rotating_cubes .cube2 {
background-color: #fb3644;
width: 10px;
height: 10px;
position: absolute;
top: 0;
left: 0;
-webkit-animation: cubemove 1.8s infinite ease-in-out;
animation: cubemove 1.8s infinite ease-in-out;
}
.edgtf-st-loader .rotating_cubes .cube2 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
@-webkit-keyframes cubemove {
25% {
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
}
50% {
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
}
75% {
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
}
100% {
-webkit-transform: rotate(-360deg);
}
}
@keyframes cubemove {
25% {
transform: translateX(42px) rotate(-90deg) scale(0.5);
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
}
50% {
transform: translateX(42px) translateY(42px) rotate(-179deg);
-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
}
50.1% {
transform: translateX(42px) translateY(42px) rotate(-180deg);
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
}
75% {
transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
}
100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
/* rotating cubes - end */
/* stripes - start */
.edgtf-st-loader .stripes {
width: 50px;
height: 60px;
margin: -30px 0px 0px -25px;
text-align: center;
font-size: 10px;
}
.edgtf-st-loader .stripes > div {
background-color: #fb3644;
height: 100%;
width: 6px;
display: inline-block;
margin: 0 3px 0 0;
-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
animation: stretchdelay 1.2s infinite ease-in-out;
}
.edgtf-st-loader .stripes .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.edgtf-st-loader .stripes .rect3 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.edgtf-st-loader .stripes .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.edgtf-st-loader .stripes .rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
@-webkit-keyframes stretchdelay {
0%, 40%, 100% {
-webkit-transform: scaleY(0.4);
}
20% {
-webkit-transform: scaleY(1);
}
}
@keyframes stretchdelay {
0%, 40%, 100% {
transform: scaleY(0.4);
-webkit-transform: scaleY(0.4);
}
20% {
transform: scaleY(1);
-webkit-transform: scaleY(1);
}
}
/* stripes - end */
/* wave - start */
.edgtf-st-loader .wave {
width: 72px;
text-align: center;
margin: -9px 0px 0px -36px;
}
.edgtf-st-loader .wave > div {
width: 18px;
height: 18px;
background-color: #fb3644;
margin: 0px 3px 0px 0px;
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;
}
.edgtf-st-loader .wave .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.edgtf-st-loader .wave .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
}
40% {
-webkit-transform: scale(1);
}
}
@keyframes bouncedelay {
0%, 80%, 100% {
transform: scale(0);
-webkit-transform: scale(0);
}
40% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
/* wave - end */
/* two_rotating_circles - start */
.edgtf-st-loader .two_rotating_circles {
width: 40px;
height: 40px;
margin: -20px 0px 0px -20px;
position: relative;
text-align: center;
-webkit-animation: rotatecircles 2.0s infinite linear;
animation: rotatecircles 2.0s infinite linear;
}
.edgtf-st-loader .two_rotating_circles .dot1, .edgtf-st-loader .two_rotating_circles .dot2 {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: #fb3644;
border-radius: 100%;
-webkit-animation: bounce 2.0s infinite ease-in-out;
animation: bounce 2.0s infinite ease-in-out;
}
.edgtf-st-loader .two_rotating_circles .dot2 {
top: auto;
bottom: 0px;
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes rotatecircles {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes rotatecircles {
100% {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
}
/* two_rotating_circles - end */
/* five_rotating_circles - start */
.edgtf-st-loader .five_rotating_circles {
width: 60px;
height: 60px;
margin: -30px 0px 0px -30px;
position: relative;
}
.edgtf-st-loader .five_rotating_circles .container1 > div, .edgtf-st-loader .five_rotating_circles .container2 > div, .edgtf-st-loader .five_rotating_circles .container3 > div {
width: 12px;
height: 12px;
background-color: #fb3644;
border-radius: 100%;
position: absolute;
-webkit-animation: bouncedelay 1.2s infinite ease-in-out;
animation: bouncedelay 1.2s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.edgtf-st-loader .five_rotating_circles .spinner-container {
position: absolute;
width: 100%;
height: 100%;
}
.edgtf-st-loader .five_rotating_circles .container2 {
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.edgtf-st-loader .five_rotating_circles .container3 {
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}
.edgtf-st-loader .five_rotating_circles .circle1 {
top: 0;
left: 0;
}
.edgtf-st-loader .five_rotating_circles .circle2 {
top: 0;
right: 0;
}
.edgtf-st-loader .five_rotating_circles .circle3 {
right: 0;
bottom: 0;
}
.edgtf-st-loader .five_rotating_circles .circle4 {
left: 0;
bottom: 0;
}
.edgtf-st-loader .five_rotating_circles .container2 .circle1 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.edgtf-st-loader .five_rotating_circles .container3 .circle1 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.edgtf-st-loader .five_rotating_circles .container1 .circle2 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.edgtf-st-loader .five_rotating_circles .container2 .circle2 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.edgtf-st-loader .five_rotating_circles .container3 .circle2 {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
}
.edgtf-st-loader .five_rotating_circles .container1 .circle3 {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.edgtf-st-loader .five_rotating_circles .container2 .circle3 {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.edgtf-st-loader .five_rotating_circles .container3 .circle3 {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.edgtf-st-loader .five_rotating_circles .container1 .circle4 {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
.edgtf-st-loader .five_rotating_circles .container2 .circle4 {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.edgtf-st-loader .five_rotating_circles .container3 .circle4 {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s;
}
/* five_rotating_circles - end */
/* atom - start */
.edgtf-st-loader .atom {
width: 100px;
height: 100px;
margin: -50px 0 0 -50px;
position: relative;
}
.edgtf-st-loader .atom .ball-1 {
height: 50%;
width: 50%;
left: 50%;
top: 50%;
position: absolute;
z-index: 1;
-webkit-animation: atom_shrink 4.5s infinite linear;
-moz-animation: atom_shrink 4.5s infinite linear;
-o-animation: atom_shrink 4.5s infinite linear;
animation: atom_shrink 4.5s infinite linear;
}
.edgtf-st-loader .atom .ball-1:before {
content: '';
background: #fb3644;
border-radius: 50%;
height: 100%;
width: 100%;
position: absolute;
top: -50%;
left: -50%;
}
.edgtf-st-loader .atom .ball-2,
.edgtf-st-loader .atom .ball-3,
.edgtf-st-loader .atom .ball-4 {
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
}
.edgtf-st-loader .atom .ball-2:before,
.edgtf-st-loader .atom .ball-3:before,
.edgtf-st-loader .atom .ball-4:before {
content: '';
height: 20px;
width: 20px;
border-radius: 50%;
background: #fb3644;
top: 0;
left: 0;
margin: 0 auto;
position: absolute;
}
.edgtf-st-loader .atom .ball-2 {
-webkit-animation: atom_zindex 1.5s 0.75s infinite steps(2, end);
-moz-animation: atom_zindex 1.5s 0.75s infinite steps(2, end);
-o-animation: atom_zindex 1.5s 0.75s infinite steps(2, end);
animation: atom_zindex 1.5s 0.75s infinite steps(2, end);
}
.edgtf-st-loader .atom .ball-3 {
-webkit-transform: rotate(120deg);
-moz-transform: rotate(120deg);
-o-transform: rotate(120deg);
transform: rotate(120deg);
-webkit-animation: atom_zindex 1.5s -0.25s infinite steps(2, end);
-moz-animation: atom_zindex 1.5s -0.25s infinite steps(2, end);
-o-animation: atom_zindex 1.5s -0.25s infinite steps(2, end);
animation: atom_zindex 1.5s -0.25s infinite steps(2, end);
}
.edgtf-st-loader .atom .ball-4 {
-webkit-transform: rotate(240deg);
-moz-transform: rotate(240deg);
-o-transform: rotate(240deg);
transform: rotate(240deg);
-webkit-animation: atom_zindex 1.5s 0.25s infinite steps(2, end);
-moz-animation: atom_zindex 1.5s 0.25s infinite steps(2, end);
-o-animation: atom_zindex 1.5s 0.25s infinite steps(2, end);
animation: atom_zindex 1.5s 0.25s infinite steps(2, end);
}
.edgtf-st-loader .atom .ball-2:before {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-animation: atom_position 1.5s infinite ease, atom_size 1.5s -1.125s infinite ease;
-moz-animation: atom_position 1.5s infinite ease, atom_size 1.5s -1.125s infinite ease;
-o-animation: atom_position 1.5s infinite ease, atom_size 1.5s -1.125s infinite ease;
animation: atom_position 1.5s infinite ease, atom_size 1.5s -1.125s infinite ease;
}
.edgtf-st-loader .atom .ball-3:before {
-webkit-animation: atom_position 1.5s -1s infinite ease, atom_size 1.5s -0.75s infinite ease;
-moz-animation: atom_position 1.5s -1s infinite ease, atom_size 1.5s -0.75s infinite ease;
-o-animation: atom_position 1.5s -1s infinite ease, atom_size 1.5s -0.75s infinite ease;
animation: atom_position 1.5s -1s infinite ease, atom_size 1.5s -0.75s infinite ease;
}
.edgtf-st-loader .atom .ball-4:before {
-webkit-animation: atom_position 1.5s -0.5s infinite ease, atom_size 1.5s -0.125s infinite ease;
-moz-animation: atom_position 1.5s -0.5s infinite ease, atom_size 1.5s -0.125s infinite ease;
-o-animation: atom_position 1.5s -0.5s infinite ease, atom_size 1.5s -0.125s infinite ease;
animation: atom_position 1.5s -0.5s infinite ease, atom_size 1.5s -0.125s infinite ease;
}
@-webkit-keyframes atom_position {
50% {
top: 80px;
left: 80px;
}
}
@-moz-keyframes atom_position {
50% {
top: 80px;
left: 80px;
}
}
@-o-keyframes atom_position {
50% {
top: 80px;
left: 80px;
}
}
@keyframes atom_position {
50% {
top: 80px;
left: 80px;
}
}
@-webkit-keyframes atom_size {
50% {
-webkit-transform: scale(0.5, 0.5);
}
}
@-moz-keyframes atom_size {
50% {
-moz-transform: scale(0.5, 0.5);
}
}
@-o-keyframes atom_size {
50% {
-o-transform: scale(0.5, 0.5);
}
}
@keyframes atom_size {
50% {
transform: scale(0.5, 0.5);
}
}
@-webkit-keyframes atom_zindex {
100% {
z-index: 10;
}
}
@-moz-keyframes atom_zindex {
100% {
z-index: 10;
}
}
@-o-keyframes atom_zindex {
100% {
z-index: 10;
}
}
@keyframes atom_zindex {
100% {
z-index: 10;
}
}
@-webkit-keyframes atom_shrink {
50% {
-webkit-transform: scale(0.9, 0.9);
}
}
@-moz-keyframes atom_shrink {
50% {
-moz-transform: scale(0.9, 0.9);
}
}
@-o-keyframes atom_shrink {
50% {
-o-transform: scale(0.9, 0.9);
}
}
@keyframes atom_shrink {
50% {
transform: scale(0.9, 0.9);
}
}
/* atom - end */
/* clock - start*/
.edgtf-st-loader .clock {
width: 50px;
height: 50px;
margin: -25px 0 0 -25px;
position: relative;
-webkit-animation: clock 8s infinite steps(8);
-moz-animation: clock 8s infinite steps(8);
-o-animation: clock 8s infinite steps(8);
animation: clock 8s infinite steps(8);
}
.edgtf-st-loader .clock .ball {
height: 50px;
width: 50px;
position: absolute;
}
.edgtf-st-loader .clock .ball:before {
content: '';
border-radius: 50%;
height: 18.31501832px;
width: 18.31501832px;
position: absolute;
background: #fb3644;
}
.edgtf-st-loader .clock .ball-1 {
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
-webkit-animation: clock1 1s ease-in infinite;
-moz-animation: clock1 1s ease-in infinite;
-o-animation: clock1 1s ease-in infinite;
animation: clock1 1s ease-in infinite;
}
.edgtf-st-loader .clock .ball-2 {
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-webkit-animation: clock2 1s ease-in infinite;
-moz-animation: clock2 1s ease-in infinite;
-o-animation: clock2 1s ease-in infinite;
animation: clock2 1s ease-in infinite;
}
.edgtf-st-loader .clock .ball-3 {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-webkit-animation: clock3 1s ease-in infinite;
-moz-animation: clock3 1s ease-in infinite;
-o-animation: clock3 1s ease-in infinite;
animation: clock3 1s ease-in infinite;
}
.edgtf-st-loader .clock .ball-4 {
-webkit-animation: clock4 1s ease-in infinite;
-moz-animation: clock4 1s ease-in infinite;
-o-animation: clock4 1s ease-in infinite;
animation: clock4 1s ease-in infinite;
}
@-webkit-keyframes clock {
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes clock {
100% {
-moz-transform: rotate(360deg);
}
}
@-o-keyframes clock {
100% {
-o-transform: rotate(360deg);
}
}
@keyframes clock {
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes clock1 {
0% {
-webkit-transform: rotate(-135deg);
}
30% {
-webkit-transform: rotate(-450deg);
}
100% {
-webkit-transform: rotate(-450deg);
}
}
@-moz-keyframes clock1 {
0% {
-moz-transform: rotate(-135deg);
}
30% {
-moz-transform: rotate(-450deg);
}
100% {
-moz-transform: rotate(-450deg);
}
}
@-o-keyframes clock1 {
0% {
-o-transform: rotate(-135deg);
}
30% {
-o-transform: rotate(-450deg);
}
100% {
-o-transform: rotate(-450deg);
}
}
@keyframes clock1 {
0% {
transform: rotate(-135deg);
}
30% {
transform: rotate(-450deg);
}
100% {
transform: rotate(-450deg);
}
}
@-webkit-keyframes clock2 {
5% {
-webkit-transform: rotate(-90deg);
}
35% {
-webkit-transform: rotate(-405deg);
}
100% {
-webkit-transform: rotate(-405deg);
}
}
@-moz-keyframes clock2 {
5% {
-moz-transform: rotate(-90deg);
}
35% {
-moz-transform: rotate(-405deg);
}
100% {
-moz-transform: rotate(-405deg);
}
}
@-o-keyframes clock2 {
5% {
-o-transform: rotate(-90deg);
}
35% {
-o-transform: rotate(-405deg);
}
100% {
-o-transform: rotate(-405deg);
}
}
@keyframes clock2 {
5% {
transform: rotate(-90deg);
}
35% {
transform: rotate(-405deg);
}
100% {
transform: rotate(-405deg);
}
}
@-webkit-keyframes clock3 {
10% {
-webkit-transform: rotate(-45deg);
}
40% {
-webkit-transform: rotate(-360deg);
}
100% {
-webkit-transform: rotate(-360deg);
}
}
@-moz-keyframes clock3 {
10% {
-moz-transform: rotate(-45deg);
}
40% {
-moz-transform: rotate(-360deg);
}
100% {
-moz-transform: rotate(-360deg);
}
}
@-o-keyframes clock3 {
10% {
-o-transform: rotate(-45deg);
}
40% {
-o-transform: rotate(-360deg);
}
100% {
-o-transform: rotate(-360deg);
}
}
@keyframes clock3 {
10% {
transform: rotate(-45deg);
}
40% {
transform: rotate(-360deg);
}
100% {
transform: rotate(-360deg);
}
}
@-webkit-keyframes clock4 {
15% {
-webkit-transform: rotate(0deg);
}
45% {
-webkit-transform: rotate(-315deg);
}
100% {
-webkit-transform: rotate(-315deg);
}
}
@-moz-keyframes clock4 {
15% {
-moz-transform: rotate(0deg);
}
45% {
-moz-transform: rotate(-315deg);
}
100% {
-moz-transform: rotate(-315deg);
}
}
@-o-keyframes clock4 {
15% {
-o-transform: rotate(0deg);
}
45% {
-o-transform: rotate(-315deg);
}
100% {
-o-transform: rotate(-315deg);
}
}
@keyframes clock4 {
15% {
transform: rotate(0deg);
}
45% {
transform: rotate(-315deg);
}
100% {
transform: rotate(-315deg);
}
}
/* clock - end*/
/* mitosis - start*/
.edgtf-st-loader .mitosis {
height: 50px;
width: 50px;
margin: -25px 0 0 -25px;
position: relative;
-webkit-animation: mitosis_invert 2s infinite steps(2, end);
-moz-animation: mitosis_invert 2s infinite steps(2, end);
-o-animation: mitosis_invert 2s infinite steps(2, end);
animation: mitosis_invert 2s infinite steps(2, end);
}
.edgtf-st-loader .mitosis .ball {
height: 100%;
width: 100%;
position: absolute;
border-radius: 50%;
top: 0;
left: 0;
background: #fb3644;
}
.edgtf-st-loader .mitosis .ball-1 {
-webkit-animation: mitosis_ball1 1s infinite alternate linear;
-moz-animation: mitosis_ball1 1s infinite alternate linear;
-o-animation: mitosis_ball1 1s infinite alternate linear;
animation: mitosis_ball1 1s infinite alternate linear;
}
.edgtf-st-loader .mitosis .ball-2 {
-webkit-animation: mitosis_ball2 1s infinite alternate linear;
-moz-animation: mitosis_ball2 1s infinite alternate linear;
-o-animation: mitosis_ball2 1s infinite alternate linear;
animation: mitosis_ball2 1s infinite alternate linear;
}
.edgtf-st-loader .mitosis .ball-3 {
-webkit-animation: mitosis_ball3 1s infinite alternate linear;
-moz-animation: mitosis_ball3 1s infinite alternate linear;
-o-animation: mitosis_ball3 1s infinite alternate linear;
animation: mitosis_ball3 1s infinite alternate linear;
}
.edgtf-st-loader .mitosis .ball-4 {
-webkit-animation: mitosis_ball4 1s infinite alternate linear;
-moz-animation: mitosis_ball4 1s infinite alternate linear;
-o-animation: mitosis_ball4 1s infinite alternate linear;
animation: mitosis_ball4 1s infinite alternate linear;
}
@-webkit-keyframes mitosis_invert {
100% {
-webkit-transform: rotate(180deg);
}
}
@-moz-keyframes mitosis_invert {
100% {
-moz-transform: rotate(180deg);
}
}
@-o-keyframes mitosis_invert {
100% {
-o-transform: rotate(180deg);
}
}
@keyframes mitosis_invert {
100% {
transform: rotate(180deg);
}
}
@-webkit-keyframes mitosis_ball1 {
12% {
-webkit-transform: none;
}
26% {
-webkit-transform: translateX(25%) scale(1, 0.8);
}
40% {
-webkit-transform: translateX(50%) scale(0.8, 0.8);
}
60% {
-webkit-transform: translateX(50%) scale(0.8, 0.8);
}
74% {
-webkit-transform: translate(50%, 25%) scale(0.6, 0.8);
}
88% {
-webkit-transform: translate(50%, 50%) scale(0.6, 0.6);
}
100% {
-webkit-transform: translate(50%, 50%) scale(0.6, 0.6);
}
}
@-moz-keyframes mitosis_ball1 {
12% {
-moz-transform: none;
}
26% {
-moz-transform: translateX(25%) scale(1, 0.8);
}
40% {
-moz-transform: translateX(50%) scale(0.8, 0.8);
}
60% {
-moz-transform: translateX(50%) scale(0.8, 0.8);
}
74% {
-moz-transform: translate(50%, 25%) scale(0.6, 0.8);
}
88% {
-moz-transform: translate(50%, 50%) scale(0.6, 0.6);
}
100% {
-moz-transform: translate(50%, 50%) scale(0.6, 0.6);
}
}
@-o-keyframes mitosis_ball1 {
12% {
-o-transform: none;
}
26% {
-o-transform: translateX(25%) scale(1, 0.8);
}
40% {
-o-transform: translateX(50%) scale(0.8, 0.8);
}
60% {
-o-transform: translateX(50%) scale(0.8, 0.8);
}
74% {
-o-transform: translate(50%, 25%) scale(0.6, 0.8);
}
88% {
-o-transform: translate(50%, 50%) scale(0.6, 0.6);
}
100% {
-o-transform: translate(50%, 50%) scale(0.6, 0.6);
}
}
@keyframes mitosis_ball1 {
12% {
transform: none;
}
26% {
transform: translateX(25%) scale(1, 0.8);
}
40% {
transform: translateX(50%) scale(0.8, 0.8);
}
60% {
transform: translateX(50%) scale(0.8, 0.8);
}
74% {
transform: translate(50%, 25%) scale(0.6, 0.8);
}
88% {
transform: translate(50%, 50%) scale(0.6, 0.6);
}
100% {
transform: translate(50%, 50%) scale(0.6, 0.6);
}
}
@-webkit-keyframes mitosis_ball2 {
12% {
-webkit-transform: none;
}
26% {
-webkit-transform: translateX(25%) scale(1, 0.8);
}
40% {
-webkit-transform: translateX(50%) scale(0.8, 0.8);
}
60% {
-webkit-transform: translateX(50%) scale(0.8, 0.8);
}
74% {
-webkit-transform: translate(50%, -25%) scale(0.6, 0.8);
}
88% {
-webkit-transform: translate(50%, -50%) scale(0.6, 0.6);
}
100% {
-webkit-transform: translate(50%, -50%) scale(0.6, 0.6);
}
}
@-moz-keyframes mitosis_ball2 {
12% {
-moz-transform: none;
}
26% {
-moz-transform: translateX(25%) scale(1, 0.8);
}
40% {
-moz-transform: translateX(50%) scale(0.8, 0.8);
}
60% {
-moz-transform: translateX(50%) scale(0.8, 0.8);
}
74% {
-moz-transform: translate(50%, -25%) scale(0.6, 0.8);
}
88% {
-moz-transform: translate(50%, -50%) scale(0.6, 0.6);
}
100% {
-moz-transform: translate(50%, -50%) scale(0.6, 0.6);
}
}
@-o-keyframes mitosis_ball2 {
12% {
-o-transform: none;
}
26% {
-o-transform: translateX(25%) scale(1, 0.8);
}
40% {
-o-transform: translateX(50%) scale(0.8, 0.8);
}
60% {
-o-transform: translateX(50%) scale(0.8, 0.8);
}
74% {
-o-transform: translate(50%, -25%) scale(0.6, 0.8);
}
88% {
-o-transform: translate(50%, -50%) scale(0.6, 0.6);
}
100% {
-o-transform: translate(50%, -50%) scale(0.6, 0.6);
}
}
@keyframes mitosis_ball2 {
12% {
transform: none;
}
26% {
transform: translateX(25%) scale(1, 0.8);
}
40% {
transform: translateX(50%) scale(0.8, 0.8);
}
60% {
transform: translateX(50%) scale(0.8, 0.8);
}
74% {
transform: translate(50%, -25%) scale(0.6, 0.8);
}
88% {
transform: translate(50%, -50%) scale(0.6, 0.6);
}
100% {
transform: translate(50%, -50%) scale(0.6, 0.6);
}
}
@-webkit-keyframes mitosis_ball3 {
12% {
-webkit-transform: none;
}
26% {
-webkit-transform: translateX(-25%) scale(1, 0.8);
}
40% {
-webkit-transform: translateX(-50%) scale(0.8, 0.8);
}
60% {
-webkit-transform: translateX(-50%) scale(0.8, 0.8);
}
74% {
-webkit-transform: translate(-50%, 25%) scale(0.6, 0.8);
}
88% {
-webkit-transform: translate(-50%, 50%) scale(0.6, 0.6);
}
100% {
-webkit-transform: translate(-50%, 50%) scale(0.6, 0.6);
}
}
@-moz-keyframes mitosis_ball3 {
12% {
-moz-transform: none;
}
26% {
-moz-transform: translateX(-25%) scale(1, 0.8);
}
40% {
-moz-transform: translateX(-50%) scale(0.8, 0.8);
}
60% {
-moz-transform: translateX(-50%) scale(0.8, 0.8);
}
74% {
-moz-transform: translate(-50%, 25%) scale(0.6, 0.8);
}
88% {
-moz-transform: translate(-50%, 50%) scale(0.6, 0.6);
}
100% {
-moz-transform: translate(-50%, 50%) scale(0.6, 0.6);
}
}
@-o-keyframes mitosis_ball3 {
12% {
-o-transform: none;
}
26% {
-o-transform: translateX(-25%) scale(1, 0.8);
}
40% {
-o-transform: translateX(-50%) scale(0.8, 0.8);
}
60% {
-o-transform: translateX(-50%) scale(0.8, 0.8);
}
74% {
-o-transform: translate(-50%, 25%) scale(0.6, 0.8);
}
88% {
-o-transform: translate(-50%, 50%) scale(0.6, 0.6);
}
100% {
-o-transform: translate(-50%, 50%) scale(0.6, 0.6);
}
}
@keyframes mitosis_ball3 {
12% {
transform: none;
}
26% {
transform: translateX(-25%) scale(1, 0.8);
}
40% {
transform: translateX(-50%) scale(0.8, 0.8);
}
60% {
transform: translateX(-50%) scale(0.8, 0.8);
}
74% {
transform: translate(-50%, 25%) scale(0.6, 0.8);
}
88% {
transform: translate(-50%, 50%) scale(0.6, 0.6);
}
100% {
transform: translate(-50%, 50%) scale(0.6, 0.6);
}
}
@-webkit-keyframes mitosis_ball4 {
12% {
-webkit-transform: none;
}
26% {
-webkit-transform: translateX(-25%) scale(1, 0.8);
}
40% {
-webkit-transform: translateX(-50%) scale(0.8, 0.8);
}
60% {
-webkit-transform: translateX(-50%) scale(0.8, 0.8);
}
74% {
-webkit-transform: translate(-50%, -25%) scale(0.6, 0.8);
}
88% {
-webkit-transform: translate(-50%, -50%) scale(0.6, 0.6);
}
100% {
-webkit-transform: translate(-50%, -50%) scale(0.6, 0.6);
}
}
@-moz-keyframes mitosis_ball4 {
12% {
-moz-transform: none;
}
26% {
-moz-transform: translateX(-25%) scale(1, 0.8);
}
40% {
-moz-transform: translateX(-50%) scale(0.8, 0.8);
}
60% {
-moz-transform: translateX(-50%) scale(0.8, 0.8);
}
74% {
-moz-transform: translate(-50%, -25%) scale(0.6, 0.8);
}
88% {
-moz-transform: translate(-50%, -50%) scale(0.6, 0.6);
}
100% {
-moz-transform: translate(-50%, -50%) scale(0.6, 0.6);
}
}
@-o-keyframes mitosis_ball4 {
12% {
-o-transform: none;
}
26% {
-o-transform: translateX(-25%) scale(1, 0.8);
}
40% {
-o-transform: translateX(-50%) scale(0.8, 0.8);
}
60% {
-o-transform: translateX(-50%) scale(0.8, 0.8);
}
74% {
-o-transform: translate(-50%, -25%) scale(0.6, 0.8);
}
88% {
-o-transform: translate(-50%, -50%) scale(0.6, 0.6);
}
100% {
-o-transform: translate(-50%, -50%) scale(0.6, 0.6);
}
}
@keyframes mitosis_ball4 {
12% {
transform: none;
}
26% {
transform: translateX(-25%) scale(1, 0.8);
}
40% {
transform: translateX(-50%) scale(0.8, 0.8);
}
60% {
transform: translateX(-50%) scale(0.8, 0.8);
}
74% {
transform: translate(-50%, -25%) scale(0.6, 0.8);
}
88% {
transform: translate(-50%, -50%) scale(0.6, 0.6);
}
100% {
transform: translate(-50%, -50%) scale(0.6, 0.6);
}
}
/* mitosis - end*/
/* lines - start*/
.edgtf-st-loader .lines {
width: 60px;
height: 60px;
margin: 0 0 0 -30px;
}
.edgtf-st-loader .lines .line1,
.edgtf-st-loader .lines .line2,
.edgtf-st-loader .lines .line3,
.edgtf-st-loader .lines .line4 {
margin-left: 10px;
position: absolute;
width: 60px;
height: 4px;
background-color: #fb3644;
-webkit-animation: lines_spin 1.5s infinite linear;
-webkit-animation-timing-function: ease;
}
.edgtf-st-loader .lines .line2 {
-webkit-animation-delay: 0.1s;
}
.edgtf-st-loader .lines .line3 {
-webkit-animation-delay: 0.2s;
}
.edgtf-st-loader .lines .line4 {
-webkit-animation-delay: 0.3s;
}
@-webkit-keyframes lines_spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes lines_spin {
100% {
-moz-transform: rotate(360deg);
}
}
@-o-keyframes lines_spin {
100% {
-o-transform: rotate(360deg);
}
}
@keyframes lines_spin {
100% {
transform: rotate(360deg);
}
}
/* lines - end*/
/* fussion - start*/
.edgtf-st-loader .fussion {
width: 30px;
height: 30px;
margin: -45px 0 0 -30px;
position: relative;
}
.edgtf-st-loader .fussion .ball {
height: 40px;
width: 40px;
left: 50%;
top: 50%;
background: #fb3644;
border-radius: 50%;
float: left;
position: absolute;
}
.edgtf-st-loader .fussion .ball-1 {
background: #fb3644;
top: 0;
left: 50%;
-webkit-animation: fussion_ball1 1s 0s ease infinite;
-moz-animation: fussion_ball1 1s 0s ease infinite;
-o-animation: fussion_ball1 1s 0s ease infinite;
animation: fussion_ball1 1s 0s ease infinite;
z-index: 1;
}
.edgtf-st-loader .fussion .ball-2 {
background: #fb3644;
top: 50%;
left: 100%;
-webkit-animation: fussion_ball2 1s 0s ease infinite;
-moz-animation: fussion_ball2 1s 0s ease infinite;
-o-animation: fussion_ball2 1s 0s ease infinite;
animation: fussion_ball2 1s 0s ease infinite;
z-index: 2;
}
.edgtf-st-loader .fussion .ball-3 {
background: #fb3644;
top: 100%;
left: 50%;
-webkit-animation: fussion_ball3 1s 0s ease infinite;
-moz-animation: fussion_ball3 1s 0s ease infinite;
-o-animation: fussion_ball3 1s 0s ease infinite;
animation: fussion_ball3 1s 0s ease infinite;
z-index: 1;
}
.edgtf-st-loader .fussion .ball-4 {
background: #fb3644;
top: 50%;
left: 0%;
-webkit-animation: fussion_ball4 1s 0s ease infinite;
-moz-animation: fussion_ball4 1s 0s ease infinite;
-o-animation: fussion_ball4 1s 0s ease infinite;
animation: fussion_ball4 1s 0s ease infinite;
z-index: 2;
}
@-webkit-keyframes fussion_ball1 {
50% {
top: -100%;
left: 200%;
}
100% {
top: 50%;
left: 100%;
z-index: 2;
}
}
@-moz-keyframes fussion_ball1 {
50% {
top: -100%;
left: 200%;
}
100% {
top: 50%;
left: 100%;
z-index: 2;
}
}
@-o-keyframes fussion_ball1 {
50% {
top: -100%;
left: 200%;
}
100% {
top: 50%;
left: 100%;
z-index: 2;
}
}
@keyframes fussion_ball1 {
50% {
top: -100%;
left: 200%;
}
100% {
top: 50%;
left: 100%;
z-index: 2;
}
}
@-webkit-keyframes fussion_ball2 {
50% {
top: 200%;
left: 200%;
}
100% {
top: 100%;
left: 50%;
z-index: 1;
}
}
@-moz-keyframes fussion_ball2 {
50% {
top: 200%;
left: 200%;
}
100% {
top: 100%;
left: 50%;
z-index: 1;
}
}
@-o-keyframes fussion_ball2 {
50% {
top: 200%;
left: 200%;
}
100% {
top: 100%;
left: 50%;
z-index: 1;
}
}
@keyframes fussion_ball2 {
50% {
top: 200%;
left: 200%;
}
100% {
top: 100%;
left: 50%;
z-index: 1;
}
}
@-webkit-keyframes fussion_ball3 {
50% {
top: 200%;
left: -100%;
}
100% {
top: 50%;
left: 0%;
z-index: 2;
}
}
@-moz-keyframes fussion_ball3 {
50% {
top: 200%;
left: -100%;
}
100% {
top: 50%;
left: 0%;
z-index: 2;
}
}
@-o-keyframes fussion_ball3 {
50% {
top: 200%;
left: -100%;
}
100% {
top: 50%;
left: 0%;
z-index: 2;
}
}
@keyframes fussion_ball3 {
50% {
top: 200%;
left: -100%;
}
100% {
top: 50%;
left: 0%;
z-index: 2;
}
}
@-webkit-keyframes fussion_ball4 {
50% {
top: -100%;
left: -100%;
}
100% {
top: 0%;
left: 50%;
z-index: 1;
}
}
@-moz-keyframes fussion_ball4 {
50% {
top: -100%;
left: -100%;
}
100% {
top: 0%;
left: 50%;
z-index: 1;
}
}
@-o-keyframes fussion_ball4 {
50% {
top: -100%;
left: -100%;
}
100% {
top: 0%;
left: 50%;
z-index: 1;
}
}
@keyframes fussion_ball4 {
50% {
top: -100%;
left: -100%;
}
100% {
top: 0%;
left: 50%;
z-index: 1;
}
}
/* fussion - end*/
/* wave_circles - start*/
.edgtf-st-loader .wave_circles {
width: 150px;
height: 30px;
margin: -15px 0 0 -75px;
}
.edgtf-st-loader .wave_circles .ball {
height: 30px;
width: 30px;
float: left;
background: #fb3644;
border-radius: 50%;
margin-right: 10px;
}
.edgtf-st-loader .wave_circles .ball-1 {
-webkit-animation: wave_jump3 1.8s infinite ease-out;
-moz-animation: wave_jump3 1.8s infinite ease-out;
-o-animation: wave_jump3 1.8s infinite ease-out;
animation: wave_jump3 1.8s infinite ease-out;
}
.edgtf-st-loader .wave_circles .ball-2 {
-webkit-animation: wave_jump2 1.8s infinite ease-out;
-moz-animation: wave_jump2 1.8s infinite ease-out;
-o-animation: wave_jump2 1.8s infinite ease-out;
animation: wave_jump2 1.8s infinite ease-out;
}
.edgtf-st-loader .wave_circles .ball-3 {
-webkit-animation: wave_jump1 1.8s infinite ease-out;
-moz-animation: wave_jump1 1.8s infinite ease-out;
-o-animation: wave_jump1 1.8s infinite ease-out;
animation: wave_jump1 1.8s infinite ease-out;
}
.edgtf-st-loader .wave_circles .ball-4 {
margin-right: 0;
-webkit-animation: wave_wipe 1.8s infinite cubic-bezier(0.5, 0, 0.5, 1);
-moz-animation: wave_wipe 1.8s infinite cubic-bezier(0.5, 0, 0.5, 1);
-o-animation: wave_wipe 1.8s infinite cubic-bezier(0.5, 0, 0.5, 1);
animation: wave_wipe 1.8s infinite cubic-bezier(0.5, 0, 0.5, 1);
}
@-webkit-keyframes wave_jump1 {
12% {
-webkit-transform: translate(20px, -40px);
-webkit-animation-timing-function: ease-in;
}
24% {
-webkit-transform: translate(40px, 0);
}
100% {
-webkit-transform: translate(40px, 0);
}
}
@-moz-keyframes wave_jump1 {
12% {
-moz-transform: translate(20px, -40px);
-moz-animation-timing-function: ease-in;
}
24% {
-moz-transform: translate(40px, 0);
}
100% {
-moz-transform: translate(40px, 0);
}
}
@-moz-keyframes wave_jump1 {
12% {
-o-transform: translate(20px, -40px);
-o-animation-timing-function: ease-in;
}
24% {
-o-transform: translate(40px, 0);
}
100% {
-o-transform: translate(40px, 0);
}
}
@keyframes wave_jump1 {
12% {
transform: translate(20px, -40px);
animation-timing-function: ease-in;
}
24% {
transform: translate(40px, 0);
}
100% {
transform: translate(40px, 0);
}
}
@-webkit-keyframes wave_jump2 {
12% {
-webkit-transform: translate(0, 0);
}
24% {
-webkit-transform: translate(20px, -40px);
-webkit-animation-timing-function: ease-in;
}
36% {
-webkit-transform: translate(40px, 0);
}
100% {
-webkit-transform: translate(40px, 0);
}
}
@-moz-keyframes wave_jump2 {
12% {
-moz-transform: translate(0, 0);
}
24% {
-moz-transform: translate(20px, -40px);
-moz-animation-timing-function: ease-in;
}
36% {
-moz-transform: translate(40px, 0);
}
100% {
-moz-transform: translate(40px, 0);
}
}
@-o-keyframes wave_jump2 {
12% {
-o-transform: translate(0, 0);
}
24% {
-o-transform: translate(20px, -40px);
-o-animation-timing-function: ease-in;
}
36% {
-o-transform: translate(40px, 0);
}
100% {
-o-transform: translate(40px, 0);
}
}
@keyframes wave_jump2 {
12% {
transform: translate(0, 0);
}
24% {
transform: translate(20px, -40px);
animation-timing-function: ease-in;
}
36% {
transform: translate(40px, 0);
}
100% {
transform: translate(40px, 0);
}
}
@-webkit-keyframes wave_jump3 {
24% {
-webkit-transform: translate(0, 0);
}
36% {
-webkit-transform: translate(20px, -40px);
-webkit-animation-timing-function: ease-in;
}
48% {
-webkit-transform: translate(40px, 0);
}
100% {
-webkit-transform: translate(40px, 0);
}
}
@-moz-keyframes wave_jump3 {
24% {
-moz-transform: translate(0, 0);
}
36% {
-moz-transform: translate(20px, -40px);
-moz-animation-timing-function: ease-in;
}
48% {
-moz-transform: translate(40px, 0);
}
100% {
-moz-transform: translate(40px, 0);
}
}
@-o-keyframes wave_jump3 {
24% {
-o-transform: translate(0, 0);
}
36% {
-o-transform: translate(20px, -40px);
-o-animation-timing-function: ease-in;
}
48% {
-o-transform: translate(40px, 0);
}
100% {
-o-transform: translate(40px, 0);
}
}
@keyframes wave_jump3 {
24% {
transform: translate(0, 0);
}
36% {
transform: translate(20px, -40px);
animation-timing-function: ease-in;
}
48% {
transform: translate(40px, 0);
}
100% {
transform: translate(40px, 0);
}
}
@-webkit-keyframes wave_wipe {
48% {
-webkit-transform: translateX(-120px);
}
100% {
-webkit-transform: translateX(-120px);
}
}
@-moz-keyframes wave_wipe {
48% {
-moz-transform: translateX(-120px);
}
100% {
-moz-transform: translateX(-120px);
}
}
@-o-keyframes wave_wipe {
48% {
-o-transform: translateX(-120px);
}
100% {
-o-transform: translateX(-120px);
}
}
@keyframes wave_wipe {
48% {
transform: translateX(-120px);
}
100% {
transform: translateX(-120px);
}
}
/* wave_circles - end*/
/* pulse_circles - start*/
.edgtf-st-loader .pulse_circles {
width: 100px;
height: 100px;
margin: -50px 0 0 -50px;
position: relative;
}
.edgtf-st-loader .pulse_circles * {
box-sizing: border-box;
}
.edgtf-st-loader .pulse_circles .ball {
height: 100%;
width: 100%;
background: #fb3644;
position: absolute;
border-radius: 50%;
border: 0px solid #fb3644;
-webkit-animation: pulse_circles_pulse 3s infinite;
-moz-animation: pulse_circles_pulse 3s infinite;
-o-animation: pulse_circles_pulse 3s infinite;
animation: pulse_circles_pulse 3s infinite;
}
.edgtf-st-loader .pulse_circles .ball-2 {
-webkit-animation-delay: -0.75s;
-moz-animation-delay: -0.75s;
-o-animation-delay: -0.75s;
animation-delay: -0.75s;
}
.edgtf-st-loader .pulse_circles .ball-3 {
-webkit-animation-delay: -1.5s;
-moz-animation-delay: -1.5s;
-o-animation-delay: -1.5s;
animation-delay: -1.5s;
}
.edgtf-st-loader .pulse_circles .ball-4 {
-webkit-animation-delay: -2.25s;
-moz-animation-delay: -2.25s;
-o-animation-delay: -2.25s;
animation-delay: -2.25s;
}
@-webkit-keyframes pulse_circles_pulse {
0% {
-webkit-transform: scale(0.1, 0.1);
opacity: 1;
border-width: 50px;
}
100% {
-webkit-transform: scale(1, 1);
opacity: 0;
border-width: 0;
}
}
@-moz-keyframes pulse_circles_pulse {
0% {
-moz-transform: scale(0.1, 0.1);
opacity: 1;
border-width: 50px;
}
100% {
-moz-transform: scale(1, 1);
opacity: 0;
border-width: 0;
}
}
@-o-keyframes pulse_circles_pulse {
0% {
-o-transform: scale(0.1, 0.1);
opacity: 1;
border-width: 50px;
}
100% {
-o-transform: scale(1, 1);
opacity: 0;
border-width: 0;
}
}
@keyframes pulse_circles_pulse {
0% {
transform: scale(0.1, 0.1);
opacity: 1;
border-width: 50px;
}
100% {
transform: scale(1, 1);
opacity: 0;
border-width: 0;
}
}
/* pulse_circles - end*/
/* ==========================================================================
#Comments styles - start
========================================================================== */
.edgtf-comment-holder {
padding: 50px 0 55px;
margin: 0 0 0;
}
.edgtf-comment-holder .edgtf-comment:not(.edgtf-pingback-comment) .edgtf-comment-text li {
display: list-item;
margin: 0;
}
.edgtf-comment-holder .edgtf-comment-image {
display: block;
width: 75px;
height: 75px;
float: left;
}
.edgtf-comment-holder .edgtf-comment-text {
padding: 0 0 0 91px;
min-height: 75px;
}
.edgtf-comment-holder .edgtf-comment-text .edgtf-comment-info {
display: inline-block;
width: 100%;
vertical-align: middle;
}
.edgtf-comment-holder .edgtf-comment-text .replay,
.edgtf-comment-holder .edgtf-comment-text .comment-reply-link,
.edgtf-comment-holder .edgtf-comment-text .comment-edit-link {
float: right;
margin-left: 10px;
font-size: 10px;
text-transform: uppercase;
font-weight: 600;
}
.edgtf-comment-holder .edgtf-comment-text .edgtf-comment-name {
float: left;
font-weight: 600;
font-size: 13px;
}
.edgtf-comment-list {
list-style: none;
position: relative;
z-index: 150;
padding: 0;
margin: 30px 0 0;
}
.edgtf-comment-list li {
display: inline-block;
vertical-align: middle;
position: relative;
width: 100%;
margin: 0 0 40px;
}
.edgtf-comment-list > li:last-child {
margin: 0;
}
.edgtf-comment-list .children {
margin: 40px 0 0 0;
padding: 0 0 0 70px;
}
.edgtf-comment-list .children > li:last-child {
margin: 0;
}
.edgtf-comment-form {
margin-bottom: 40px;
}
.comment-respond .comment-reply-title {
font-size: 14px;
/*font size changed because of the h-tags that are fixed by wordpress*/
line-height: 1.4285714285714285714285714285714em;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 10px;
}
.comment-respond .comment-reply-title a {
font-size: 13px;
}
.comment-respond .logged-in-as {
margin-bottom: 10px;
}
.comment-respond .form-submit {
text-align: right;
}
.edgtf-comment-text .comment-respond {
margin: 20px 0;
}
.wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-number, .wpcf7-form-control.wpcf7-date, .wpcf7-form-control.wpcf7-textarea, .wpcf7-form-control.wpcf7-select, .wpcf7-form-control.wpcf7-quiz, #respond textarea,
#respond input[type='text'],
.post-password-form input[type='password'] {
width: 100%;
margin-bottom: 22px;
padding: 10px 15px;
border: 1px solid #efefef;
outline: 0;
font-family: inherit;
font-size: 13px;
background-color: #fff;
color: #7f8385;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.wpcf7-form-control.wpcf7-text:focus, .wpcf7-form-control.wpcf7-number:focus, .wpcf7-form-control.wpcf7-date:focus, .wpcf7-form-control.wpcf7-textarea:focus, .wpcf7-form-control.wpcf7-select:focus, .wpcf7-form-control.wpcf7-quiz:focus, #respond textarea:focus,
#respond input:focus[type='text'],
.post-password-form input:focus[type='password'] {
background-color: #f7f7f7;
}
.post-password-form input[type='submit'],
input.wpcf7-form-control.wpcf7-submit {
display: inline-block;
width: auto;
height: 45px;
line-height: 45px;
padding: 0 20px;
border: 1px solid #fb3644;
font-size: 13px;
font-family: inherit;
color: #fff;
background-color: #fb3644;
cursor: pointer;
-webkit-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.post-password-form input[type='submit']:hover,
input.wpcf7-form-control.wpcf7-submit:hover {
color: #fb3644;
background-color: #fff;
}
/* ==========================================================================
#Comments styles - end
========================================================================== */
/* ==========================================================================
#Pagination styles - start
========================================================================== */
.edgtf-pagination {
display: inline-block;
width: 100%;
vertical-align: middle;
text-align: center;
margin-bottom: 40px;
margin-top: 15px;
}
.edgtf-pagination ul {
display: inline-block;
vertical-align: middle;
}
.edgtf-pagination li {
float: left;
text-align: center;
margin: 0 5px;
display: block;
}
.edgtf-pagination li a,
.edgtf-pagination li.active span {
position: relative;
display: inline-block;
width: 46px;
height: 46px;
line-height: 46px;
vertical-align: middle;
text-decoration: none;
cursor: pointer;
white-space: nowrap;
box-sizing: content-box;
font-size: 16px;
color: #333;
background-color: #f5f5f5;
-webkit-transition: background-color 0.3s ease-out, color 0.3s ease-out;
transition: background-color 0.3s ease-out, color 0.3s ease-out;
}
.edgtf-pagination li:hover a {
background-color: #18202d;
color: #fb3644;
}
.edgtf-pagination li.active span {
background-color: #fb3644;
color: #fff;
}
.edgtf-pagination li .edgtf-pagination-icon {
font-size: 23px;
line-height: inherit;
}
/* ==========================================================================
#Pagination styles - end
========================================================================== */
/* ==========================================================================
#Owl Slider (Blog single, Portfolio single) - begin
========================================================================== */
.edgtf-owl-slider {
display: none;
}
.edgtf-owl-slider .owl-nav .owl-prev {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 1%;
}
.edgtf-owl-slider .owl-nav .owl-next {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 1%;
}
.edgtf-owl-slider .owl-nav .edgtf-prev-icon,
.edgtf-owl-slider .owl-nav .edgtf-next-icon {
display: inline-block;
width: 42px;
height: 42px;
text-align: center;
}
.edgtf-owl-slider .owl-nav .edgtf-prev-icon i,
.edgtf-owl-slider .owl-nav .edgtf-next-icon i {
-webkit-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
font-size: 45px;
line-height: 42px;
color: #fff;
}
.edgtf-owl-slider .owl-nav .edgtf-prev-icon:hover i,
.edgtf-owl-slider .owl-nav .edgtf-next-icon:hover i {
color: #fb3644;
}
.edgtf-owl-slider .owl-dots {
text-align: center;
}
.edgtf-owl-slider .owl-dots .owl-dot {
display: inline-block;
}
.edgtf-owl-slider .owl-dots .owl-dot span {
display: inline-block;
width: 12px;
height: 12px;
margin: 3px;
filter: Alpha(Opacity=50);
opacity: 0.5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #e3e3e3;
}
.edgtf-owl-slider .owl-dots .owl-dot.active span {
opacity: 1;
}
/* ==========================================================================
#Owl Slider (Blog single, Portfolio single) - end
========================================================================== */
/* ==========================================================================
#404 styles - start
========================================================================== */
.edgtf-404-page {
padding: 0 !important;
}
.edgtf-page-not-found {
margin: 80px 0 110px;
}
.edgtf-page-not-found h2 {
margin-bottom: 30px;
}
.edgtf-page-not-found h4 {
margin-bottom: 30px;
}
/* ==========================================================================
#404 styles - end
========================================================================== */
/* ==========================================================================
#Back to Top styles - start
========================================================================== */
#edgtf-back-to-top {
position: fixed;
width: 48px;
right: 48px;
bottom: 65px;
margin: 0;
z-index: 10000;
-webkit-transition: opacity 0.15s ease-out, visibility 0.15s ease-out, background-color 0.15s ease-out;
transition: opacity 0.15s ease-out, visibility 0.15s ease-out, background-color 0.15s ease-out;
opacity: 0;
visibility: hidden;
background-color: #fb3644;
overflow: hidden;
border-radius: 2px;
}
#edgtf-back-to-top.off {
opacity: 0;
visibility: hidden;
}
#edgtf-back-to-top.on {
opacity: 1;
visibility: visible;
}
#edgtf-back-to-top .edgtf-icon-stack {
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
display: block;
color: #fff;
font-size: 23px;
-webkit-transition: transform 0.15s ease-out 0.1s;
transition: transform 0.15s ease-out 0.1s;
box-sizing: border-box;
}
#edgtf-back-to-top .edgtf-icon-stack > span {
line-height: inherit;
}
#edgtf-back-to-top .edgtf-back-to-top-icon-hover {
color: #fff;
font-size: 23px;
position: absolute;
width: 48px;
top: 100%;
left: 0;
text-align: center;
display: block;
-webkit-transition: transform 0.15s ease-out;
transition: transform 0.15s ease-out;
}
#edgtf-back-to-top:hover {
background-color: #0e1718;
}
#edgtf-back-to-top:hover .edgtf-back-to-top-icon-hover {
-webkit-transform: translateY(-35px);
transform: translateY(-35px);
}
#edgtf-back-to-top:hover .edgtf-icon-stack {
-webkit-transition: transform 0.32s cubic-bezier(0.51, 0.07, 0.85, 1.88);
transition: transform 0.32s cubic-bezier(0.51, 0.07, 0.85, 1.88);
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
/* ==========================================================================
#Back to Top styles - end
========================================================================== */
/* ==========================================================================
#Self Hosted Video styles - start
========================================================================== */
.edgtf-self-hosted-video-holder .edgtf-video-wrap .mejs-container,
.edgtf-self-hosted-video-holder .edgtf-video-wrap .mejs-overlay-play {
height: 100% !important;
/*!important because of the inline style*/
width: 100% !important;
/*!important because of the inline style*/
}
/* ==========================================================================
#Self Hosted Video styles - end
========================================================================== */
/* ==========================================================================
Floating Background Styles - Start
========================================================================== */
.edgtf-section .edgtf-section-background-elements {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
}
.edgtf-section .edgtf-section-background-elements-inner {
position: absolute;
top: 50%;
left: 50%;
width: 6000px;
height: 6000px;
margin-left: -3000px;
margin-top: -3000px;
overflow: hidden;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.edgtf-section .edgtf-section-background-elements-inner.running {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity 1s linear, filter 1s linear;
transition: opacity 1s linear, filter 1s linear;
}
.edgtf-section .edgtf-section-background-elements .floater {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
}
/* ==========================================================================
Floating Background Styles - End
========================================================================== */
/* ==========================================================================
#Logo styles - start
========================================================================== */
.edgtf-logo-wrapper {
display: inline-block;
vertical-align: middle;
}
.edgtf-logo-wrapper a {
position: relative;
display: inline-block;
vertical-align: middle;
max-width: 100%;
}
.edgtf-logo-wrapper a img {
height: 100%;
-webkit-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}
.edgtf-logo-wrapper a img.edgtf-normal-logo {
opacity: 1;
}
.edgtf-logo-wrapper a img.edgtf-dark-logo {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.edgtf-logo-wrapper a img.edgtf-light-logo {
opacity: 0;
-webkit-transform: translateY(-200%);
transform: translateY(-200%);
}
/* ==========================================================================
#Logo styles - end
========================================================================== */
/* ==========================================================================
#Main Menu styles - start
========================================================================== */
.edgtf-main-menu {
position: relative;
display: inline-block;
vertical-align: middle;
height: 100%;
}
.edgtf-main-menu ul {
list-style: none outside none;
margin: 0px;
padding: 0px;
text-align: left;
}
.edgtf-main-menu ul li {
position: relative;
display: inline-block;
float: left;
padding: 0px;
margin: 0px;
background-repeat: no-repeat;
background-position: right;
}
.edgtf-main-menu ul li a {
font-size: 13px;
line-height: 16px;
font-weight: 700;
color: #333;
}
body:not(.edgtf-menu-with-large-icons) .edgtf-main-menu ul li a span.item_inner i:before {
margin: 0 7px 0 0;
}
.edgtf-main-menu ul li:hover a, .edgtf-main-menu ul li.edgtf-active-item a {
color: #fb3644;
}
.edgtf-main-menu > ul {
display: inline-block;
vertical-align: middle;
position: relative;
height: 100%;
}
.edgtf-main-menu > ul > li {
height: 100%;
}
.edgtf-main-menu > ul > li:first-child > a span.plus {
display: none !important;
}
body:not(.edgtf-menu-item-first-level-bg-color) .edgtf-main-menu > ul > li:hover > a,
.edgtf-main-menu > ul > li.edgtf-active-item > a {
color: #fb3644;
}
.edgtf-main-menu > ul > li.has_sub > a i.edgtf-menu-arrow {
display: inline-block;
margin-left: 6px;
}
.edgtf-main-menu > ul > li.has_sub > a .item_inner > i.edgtf-menu-arrow {
position: relative;
left: 4px;
}
.edgtf-main-menu > ul > li:hover .item_title:before {
-webkit-transition: -webkit-transform .3s ease-in-out, left 0s ease-in-out .6s;
transition: transform .3s ease-in-out, left 0s ease-in-out .6s;
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
left: calc(100% + 2px);
}
.edgtf-main-menu > ul > li:hover .item_title:after {
-webkit-transition: -webkit-transform .3s ease-in-out .3s, left .2s ease .6s;
transition: transform .3s ease-in-out .3s, left .2s ease .6s;
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
left: calc(100% + 2px);
}
.edgtf-main-menu > ul > li > a {
height: 100%;
position: relative;
padding: 0;
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
border-style: solid;
border-width: 0px;
position: relative;
border-color: transparent;
height: 100%;
background-color: transparent;
-webkit-transition: color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out, background-color 0.15s ease-out;
transition: color 0.15s ease-out, border-color 0.15s ease-out, background-color 0.15s ease-out;
letter-spacing: 2px;
}
.edgtf-main-menu > ul > li > a:before {
height: 2px;
bottom: 0px;
}
.edgtf-main-menu > ul > li > a:after {
height: 1px;
bottom: 4px;
}
body.edgtf-menu-with-large-icons .edgtf-main-menu > ul > li > a {
text-align: center;
vertical-align: middle;
}
.edgtf-main-menu > ul > li > a > span.item_outer {
display: block;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.edgtf-main-menu > ul > li > a span.item_inner {
display: inline-block;
padding: 0 20px;
border-width: 0px;
position: relative;
border-color: transparent;
background-color: transparent;
-webkit-transition: text-decoration 0.2s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out;
transition: text-decoration 0.2s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out;
}
body.edgtf-menu-with-large-icons .edgtf-main-menu > ul > li > a span.item_inner {
text-align: center;
vertical-align: middle;
}
.edgtf-main-menu > ul > li > a span.item_inner:before,
.edgtf-main-menu > ul > li > a span.item_inner:after, .edgtf-main-menu > ul > li > a:before, .edgtf-main-menu > ul > li > a:after {
content: "";
display: none;
position: absolute;
left: 0px;
background-color: transparent;
-webkit-transition: background-color 0.15s ease-out;
transition: background-color 0.15s ease-out;
width: 100%;
}
.edgtf-main-menu > ul > li > a span.item_inner:before {
bottom: 0px;
height: 2px;
}
.edgtf-main-menu > ul > li > a span.item_inner:after {
height: 1px;
bottom: 4px;
}
body.edgtf-menu-with-large-icons .edgtf-main-menu > ul > li > a span.item_inner i {
display: inline-block;
width: 100%;
vertical-align: middle;
}
.edgtf-main-menu > ul > li > a .item_title {
display: inline-block;
position: relative;
overflow: hidden;
top: 2px;
}
.edgtf-main-menu > ul > li > a .item_title:before, .edgtf-main-menu > ul > li > a .item_title:after {
content: '';
position: absolute;
left: 0;
top: calc(50% - 1px);
height: 1px;
width: 100%;
background-color: #fff;
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
opacity: 0;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
display: inline-block;
}
.edgtf-main-menu > ul > li > a .item_title:before {
background-color: rgba(255, 255, 255, 0.6);
z-index: 11;
}
.edgtf-main-menu > ul > li > a .item_title:after {
background-color: #fb3644;
background-color: rgba(251, 54, 68, 0.7);
z-index: 22;
}
.edgtf-main-menu > ul > li > a span.plus {
display: none;
width: 4px;
height: 4px;
background-color: #fb3644;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.edgtf-main-menu > ul > li > a > i.blank {
display: none;
}
body:not(.edgtf-menu-with-large-icons) .edgtf-main-menu .edgtf-drop-down .wide.icons .second i:before {
margin: 0;
}
.edgtf-light-header .edgtf-page-header > div:not(.edgtf-sticky-header) .edgtf-main-menu > ul > li > a,
.edgtf-light-header.edgtf-header-style-on-scroll .edgtf-page-header .edgtf-main-menu > ul > li > a {
color: #ffffff;
}
.edgtf-dark-header .edgtf-page-header > div:not(.edgtf-sticky-header) .edgtf-main-menu > ul > li > a,
.edgtf-dark-header.edgtf-header-style-on-scroll .edgtf-page-header .edgtf-main-menu > ul > li > a {
color: #333;
}
/* Drop Down Menu Hover Animation Effects
========================================================================== */
.edgtf-drop-down .second a:not(.no_link) .item_inner:before, .edgtf-drop-down .second a:not(.no_link) .item_inner:after {
content: '';
position: absolute;
left: 0;
top: calc(50% - 2px);
height: 1px;
width: 100%;
background-color: #fff;
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
opacity: 0;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.edgtf-drop-down .second a:not(.no_link) .item_inner {
position: relative;
overflow: hidden;
display: inline-block;
vertical-align: middle;
}
.edgtf-drop-down .second a:not(.no_link) .item_inner:before {
background-color: rgba(255, 255, 255, 0.6);
z-index: 11;
}
.edgtf-drop-down .second a:not(.no_link) .item_inner:after {
background-color: #fb3644;
background-color: rgba(251, 54, 68, 0.7);
z-index: 22;
}
.edgtf-drop-down .second a:not(.no_link) .item_inner .item_text {
position: relative;
z-index: 33;
}
.edgtf-drop-down .second li > a:hover .item_inner:before {
-webkit-transition: -webkit-transform .3s ease-in-out, left 0s ease-in-out .6s;
transition: transform .3s ease-in-out, left 0s ease-in-out .6s;
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
left: calc(100% + 1px);
}
.edgtf-drop-down .second li > a:hover .item_inner:after {
-webkit-transition: -webkit-transform .3s ease-in-out .3s, left .2s ease .6s;
transition: transform .3s ease-in-out .3s, left .2s ease .6s;
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
left: calc(100% + 1px);
}
/* Narrow drop down styles
========================================================================== */
.edgtf-drop-down ul {
list-style: none;
}
.edgtf-drop-down ul li {
position: relative;
}
header.transparent.fixed.scrolled .edgtf-drop-down .second,
header.transparent.fixed_hiding.scrolled .edgtf-drop-down .second {
top: 100%;
}
.edgtf-drop-down .second {
left: 0;
margin: 0;
top: calc(100% + 1px);
position: absolute;
display: block;
visibility: hidden;
overflow: hidden;
opacity: 0;
z-index: 10;
border-top: 5px solid #fb3644;
-webkit-transition: top 0.15s ease-out;
-moz-transition: top 0.15s ease-out;
-ms-transition: top 0.15s ease-out;
-o-transition: top 0.15s ease-out;
transition: top 0.15s ease-out;
}
header.transparent:not(.sticky) .edgtf-drop-down .second {
top: 75%;
}
header.transparent.with_border:not(.sticky) .edgtf-drop-down .second,
header.transparent.edgtf-menu-item-first-level-bg-color:not(.sticky) .edgtf-drop-down .second {
top: 100%;
}
.edgtf-drop-down li.left_position .second {
left: 0px;
}
/*
header.transparent .edgtf-drop-down li:not(.right_position):not(.left_position) .second:not(.right) {
left: 16px;
}
*/
header.transparent.edgtf-menu-item-first-level-bg-color .edgtf-drop-down .second:not(.right) {
left: 0;
}
.edgtf-drop-down li.right_position .second {
left: auto;
right: 0;
}
.edgtf-drop-down .second.edgtf-drop-down-start {
visibility: visible;
overflow: visible;
opacity: 1;
transition: opacity 0.2s ease-out;
-webkit-transition: opacity 0.2s ease-out;
}
.edgtf-drop-down > ul > li:hover > .second {
z-index: 20;
}
.edgtf-drop-down .second .inner {
position: relative;
padding: 0px;
display: block;
z-index: 997;
}
.edgtf-drop-down .second .inner > ul,
li.narrow .second .inner ul {
display: inline-block;
position: relative;
background-color: rgba(5, 11, 14, 0.9);
}
.edgtf-drop-down .second .inner > ul,
li.narrow .second .inner ul,
.edgtf-drop-down .narrow .second .inner ul li ul {
border-style: solid;
}
li.narrow .second .inner ul {
padding: 10px 0 8px;
}
.edgtf-drop-down .second .inner ul li {
display: block;
padding: 0 15px;
position: relative;
float: none;
height: auto;
background: 0;
width: 190px;
transition: background-color .15s ease-out;
-webkit-transition: background-color 0.15s ease-out;
-ms-transition: background-color 0.15s ease-out;
}
li.narrow .second .inner ul li:last-child {
border-bottom: none;
}
.edgtf-drop-down .wide.left_position .second ul li,
.edgtf-drop-down .wide.right_position .second ul li {
width: 180px;
}
.edgtf-drop-down .narrow .second .inner ul li {
padding: 0 8px 0 18px;
width: 230px;
-webkit-transition: background-color 0.15s ease-out;
-ms-transition: background-color 0.15s ease-out;
transition: background-color 0.15s ease-out;
}
.edgtf-drop-down .second .inner ul li a,
.edgtf-drop-down .second .inner ul li h4 {
display: block;
color: #9c9c9c;
height: auto;
font-size: 12px;
line-height: 21px;
font-weight: 600;
letter-spacing: 2px;
margin: 0 15px;
padding: 6px 7px;
-webkit-transition: color 0.2s ease-out;
-ms-transition: color 0.2s ease-out;
transition: color 0.2s ease-out;
border-bottom: 1px solid transparent;
float: none;
}
.edgtf-drop-down .second .inner > ul > li:last-child > a,
.edgtf-drop-down .second .inner > ul > li > ul > li:last-child > a,
.edgtf-drop-down .second .inner > ul > li > ul > li > ul > li:last-child > a {
border-bottom: 0;
}
.edgtf-drop-down .second .inner > ul > li:hover > a,
.edgtf-drop-down .second .inner ul li.sub ul li:hover > a {
color: #fff;
}
.edgtf-drop-down .wide .second ul li a,
.edgtf-drop-down .wide .second .inner ul li.sub a,
.edgtf-drop-down .wide .second .inner ul li h4 {
background: 0;
}
.edgtf-drop-down .wide .second ul ul li a:not(.edgtf-item-with-icon) .item_outer:before {
content: '';
display: inline-block;
width: 3px;
height: 3px;
background-color: #fb3644;
position: absolute;
left: 20px;
top: 14px;
}
.edgtf-drop-down .wide .second ul ul li a:not(.edgtf-item-with-icon) {
padding-left: 25px;
}
.edgtf-drop-down .wide .second .menu_icon_wrapper .null {
display: none;
}
.edgtf-drop-down .narrow .second .inner ul li ul {
position: absolute;
left: 100%;
top: -11px;
/* same as padding in father ul */
height: auto;
opacity: 0;
-webkit-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out;
overflow: hidden;
z-index: 10;
-webkit-transform: translateZ(0);
}
.edgtf-drop-down .second .inner ul.right li ul {
margin-left: -2px;
}
.edgtf-drop-down .second .inner ul li:hover ul {
z-index: 20;
opacity: 1;
}
.edgtf-drop-down .second .inner ul li ul li:hover ul {
z-index: 20;
opacity: 1 !important;
display: block !important;
visibility: visible !important;
}
/* slide_from_bottom start */
body.edgtf-dropdown-slide-from-bottom .edgtf-drop-down .second {
overflow: visible;
-webkit-transition: top 0.15s ease-out, opacity 0.2s ease-out, height 0s ease-out 0.5s;
transition: top 0.15s ease-out, opacity 0.2s ease-out, height 0s ease-out 0.5s;
}
body.edgtf-dropdown-slide-from-bottom .edgtf-drop-down .wide .second .inner > ul,
body.edgtf-dropdown-slide-from-bottom .edgtf-drop-down .narrow .second .inner > ul {
top: 30px;
-webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
body.edgtf-dropdown-slide-from-bottom .edgtf-drop-down .narrow .second .inner ul li ul {
top: 22px;
-webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
body.edgtf-dropdown-slide-from-bottom .edgtf-drop-down .wide .second.edgtf-drop-down-start .inner > ul,
body.edgtf-dropdown-slide-from-bottom .edgtf-drop-down .narrow .second.edgtf-drop-down-start .inner > ul {
top: 0;
}
body.edgtf-dropdown-slide-from-bottom .edgtf-drop-down .narrow .second .inner ul li:hover ul {
top: -1px;
/* same as padding in father ul */
}
/* slide_from_bottom end */
/* slide_from_top start */
body.edgtf-dropdown-slide-from-top .edgtf-drop-down .second {
overflow: visible;
-webkit-transition: top 0.15s ease-out, opacity 0.2s ease-out, height 0s ease-out 0.5s;
transition: top 0.15s ease-out, opacity 0.2s ease-out, height 0s ease-out 0.5s;
}
body.edgtf-dropdown-slide-from-top .edgtf-drop-down .wide .second .inner > ul,
body.edgtf-dropdown-slide-from-top .edgtf-drop-down .narrow .second .inner > ul {
top: -30px;
-webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
body.edgtf-dropdown-slide-from-top .edgtf-drop-down .narrow .second .inner ul li ul {
top: -22px;
-webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
body.edgtf-dropdown-slide-from-top .edgtf-drop-down .wide .second.edgtf-drop-down-start .inner > ul,
body.edgtf-dropdown-slide-from-top .edgtf-drop-down .narrow .second.edgtf-drop-down-start .inner > ul {
top: 0;
}
body.edgtf-dropdown-slide-from-top .edgtf-drop-down .narrow .second .inner ul li:hover ul {
top: -1px;
/* same as padding in father ul */
}
/* slide_from_top end */
/* slide_from_left start */
body.edgtf-dropdown-slide-from-left .edgtf-drop-down .second {
overflow: visible;
-webkit-transition: top 0.2s ease-out, opacity 0.2s ease-out, height 0s ease-out 0.4s;
transition: top 0.2s ease-out, opacity 0.2s ease-out, height 0s ease-out 0.4s;
}
body.edgtf-dropdown-slide-from-left .edgtf-drop-down .wide .second .inner > ul,
body.edgtf-dropdown-slide-from-left .edgtf-drop-down .narrow .second .inner > ul {
left: -30px;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
body.edgtf-dropdown-slide-from-left .edgtf-drop-down .narrow .second .inner ul li ul {
left: calc(100% - 30px);
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
body.edgtf-dropdown-slide-from-left .edgtf-drop-down .wide .second.edgtf-drop-down-start .inner > ul,
body.edgtf-dropdown-slide-from-left .edgtf-drop-down .narrow .second.edgtf-drop-down-start .inner > ul {
left: 0;
}
body.edgtf-dropdown-slide-from-left.edgtf-drop-down .narrow .second .inner ul li:hover ul {
left: 100%;
}
/* slide_from_left end */
.edgtf-drop-down .second.right {
right: 0px;
left: auto;
}
.edgtf-drop-down .second .inner ul.right li a,
.edgtf-drop-down .second .inner ul.right li h4 {
text-align: right;
}
.edgtf-drop-down .second .inner ul.right li ul {
left: -100%;
}
.edgtf-drop-down .second .inner ul li.sub ul li a,
.edgtf-drop-down .second .inner ul.right li.sub ul li a {
background: none;
}
.edgtf-drop-down .second .inner .widget {
padding: 20px 22px 0;
}
.edgtf-drop-down .second .inner .widget.widget_edgt_latest_posts_menu_widget {
padding: 0px 20px;
}
/* Wide drop down styles
========================================================================== */
.edgtf-drop-down .wide .second ul {
padding: 11px 0 9px;
}
.edgtf-drop-down .wide .second ul li {
float: left;
width: 234px;
padding: 0px;
border-bottom: 0;
box-sizing: border-box;
width: 100%;
}
.edgtf-drop-down .wide .second ul li .edgtf-featured-icon.icon-fire {
position: relative;
top: 2px;
left: 6px;
font-size: 12px;
color: #fb3644;
}
.edgtf-drop-down .wide .second > .inner > ul {
width: 1100px;
}
.edgtf-grid-1300 .edgtf-drop-down .wide .second > .inner > ul {
width: 1300px;
}
.edgtf-grid-1200 .edgtf-drop-down .wide .second > .inner > ul {
width: 1200px;
}
.edgtf-grid-1000 .edgtf-drop-down .wide .second > .inner > ul {
width: 1000px;
}
.edgtf-grid-800 .edgtf-drop-down .wide .second > .inner > ul {
width: 800px;
}
.edgtf-drop-down .wide .second > .inner > ul > li {
width: 25%;
}
.edgtf-drop-down .wide .second ul li:last-child {
margin-right: 0;
}
.edgtf-drop-down .wide.right_position .second ul li {
float: right;
}
.edgtf-drop-down .wide .second ul li:hover {
background-color: transparent;
}
.edgtf-drop-down .wide .second ul li:nth-child(4n+1) {
clear: both;
}
.edgtf-drop-down .wide.right_position.wide_columns_3 .second > .inner > ul,
.edgtf-drop-down .wide.left_position.wide_columns_3 .second > .inner > ul {
width: 825px;
/* default value for 3 columns */
}
.edgtf-drop-down .wide.right_position.wide_columns_2 .second > .inner > ul,
.edgtf-drop-down .wide.left_position.wide_columns_2 .second > .inner > ul {
width: 550px;
/* default value for 2 columns */
}
.edgtf-drop-down .wide.right_position.wide_columns_1 .second > .inner > ul,
.edgtf-drop-down .wide.left_position.wide_columns_1 .second > .inner > ul {
width: 275px;
/* default value for 1 column */
}
.edgtf-drop-down .wide.wide_columns_3 .second > .inner > ul > li {
width: 33.3333333%;
}
.edgtf-drop-down .wide.wide_columns_2 .second > .inner > ul > li {
width: 50%;
}
.edgtf-drop-down .wide.wide_columns_1 .second > .inner > ul > li {
width: 100%;
}
.edgtf-drop-down .second .inner ul li.sub a i.edgtf-menu-arrow {
position: relative;
top: 50%;
right: 0px;
display: inline-block;
vertical-align: middle;
color: inherit;
font-size: inherit;
margin: -3px 0 0 10px;
color: #fb3644;
font-size: 15px;
}
.edgtf-drop-down .second .inner ul li.sub ul li a i.edgtf-menu-arrow,
.edgtf-drop-down .wide .second .inner ul li.sub a i.edgtf-menu-arrow {
display: none;
}
.edgtf-drop-down .second .inner ul.right li.sub a i.edgtf-menu-arrow {
right: auto;
left: 0px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.edgtf-drop-down .wide .second .inner > ul > li > a {
line-height: 18px;
color: #fff;
font-weight: 600;
font-size: 13px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
-webkit-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
}
.edgtf-drop-down .wide .second .inner > ul > li > a:hover {
color: #fff;
}
.edgtf-drop-down .wide .second .inner ul li.sub h4 a,
.edgtf-drop-down .wide .second .inner ul li h4 a {
padding: 0px !important;
}
.edgtf-drop-down .wide .second ul li ul {
display: block;
left: 0;
padding: 10px 0 0;
position: relative;
top: 0;
visibility: visible;
background-color: transparent !important;
}
.edgtf-drop-down .wide .second ul li ul .widget {
padding: 0px 18px;
}
.edgtf-drop-down .wide .second ul li ul li {
padding: 0;
margin: 0;
border: 0;
}
.edgtf-main-menu .second {
text-transform: uppercase;
font-weight: 600;
font-size: 12px;
color: #888;
-webkit-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
}
.edgtf-main-menu .second ul li a .menu_icon {
padding-left: 5px;
font-size: 13px;
color: #fb3644;
}
.edgtf-main-menu .second a:hover > .item_outer .item_text .menu_icon {
color: #fb3644;
}
/* Wide drop down with full width background styles
========================================================================== */
.edgtf-drop-down .wide.wide_background .second {
background-color: rgba(6, 9, 10, 0.9);
}
.edgtf-drop-down .wide.wide_background .second .inner {
text-align: center;
}
.edgtf-drop-down .wide.wide_background .second .inner ul {
text-align: left;
}
/* Wide with icons drop down styles
========================================================================== */
.edgtf-drop-down .wide.icons .second ul li a span {
position: relative;
}
.edgtf-drop-down .wide.icons .second i {
display: inline-block;
}
.edgtf-drop-down .second i.blank,
.edgtf-drop-down .second i.null {
background: none;
border: 0px;
display: none;
}
.edgtf-drop-down .wide .second > .inner > ul > li > a,
.edgtf-drop-down .wide .second > .inner > ul > li:last-child > a {
padding-bottom: 15px;
border-bottom: 2px solid rgba(85, 85, 85, 0.54);
position: relative;
}
.edgtf-main-menu .item_description {
font-size: 12px;
text-transform: none;
font-weight: 300;
letter-spacing: 0;
padding-left: 5px;
}
.edgtf-drop-down .wide .second > .inner > ul > li > a:after {
content: '';
display: block;
position: absolute;
width: 3px;
height: 2px;
background-color: #fb3644;
bottom: -2px;
left: 0px;
}
.edgtf-drop-down .narrow ul li a .item_outer:before {
content: '';
display: inline-block;
width: 3px;
height: 3px;
background-color: #fb3644;
position: absolute;
left: 20px;
top: 14px;
}
/* ==========================================================================
#Main Menu styles - end
========================================================================== */
.edgtf-search a {
color: #fff;
}
.edgtf-sections-link a {
color: #fff;
}
.edgtf-sections-link a span {
font-size: 10px;
font-weight: 700;
}
.edgtf-sections-link a i {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.edgtf-banner {
display: inline-block;
vertical-align: middle;
}
/* ==========================================================================
#Top Header styles - start
========================================================================== */
.edgtf-top-bar {
width: 100%;
background-color: #000;
color: #fff;
position: relative;
font-weight: 400;
height: 40px;
overflow: hidden;
}
.edgtf-top-bar .edgtf-grid {
height: 100%;
}
.edgtf-top-bar .edgtf-grid .edgtf-vertical-align-containers {
padding-left: 0;
padding-right: 0;
}
.edgtf-top-bar .edgtf-logo-wrapper a {
max-height: 40px;
}
.edgtf-top-bar .edgtf-position-center p {
font-size: 13px;
color: #c99e66;
}
.edgtf-light-header .edgtf-top-bar {
color: #ffffff !important;
}
.edgtf-light-header .edgtf-top-bar .widget {
color: #ffffff !important;
}
.edgtf-light-header .edgtf-top-bar .widget p,
.edgtf-light-header .edgtf-top-bar .widget a,
.edgtf-light-header .edgtf-top-bar .widget span,
.edgtf-light-header .edgtf-top-bar .widget i,
.edgtf-light-header .edgtf-top-bar .widget .widgettitle {
color: #ffffff !important;
}
.edgtf-dark-header .edgtf-top-bar {
color: #333 !important;
}
.edgtf-dark-header .edgtf-top-bar .widget {
color: #333 !important;
}
.edgtf-dark-header .edgtf-top-bar .widget p,
.edgtf-dark-header .edgtf-top-bar .widget a,
.edgtf-dark-header .edgtf-top-bar .widget span,
.edgtf-dark-header .edgtf-top-bar .widget i,
.edgtf-dark-header .edgtf-top-bar .widget .widgettitle {
color: #333 !important;
}
/* ==========================================================================
#Top Header styles - start
========================================================================== */
.edgtf-header-standard .edgtf-menu-area {
background-color: #fff;
border-bottom: 1px solid #efefef;
box-sizing: border-box;
}
.edgtf-header-standard .edgtf-menu-area .edgtf-vertical-align-containers {
padding-right: 0;
}
.edgtf-header-standard .edgtf-menu-area .edgtf-vertical-align-containers .edgtf-position-center-inner {
height: 100%;
}
.edgtf-header-standard .edgtf-menu-area .edgtf-vertical-align-containers .edgtf-position-right-inner {
height: 100%;
}
.edgtf-header-standard .edgtf-menu-area .edgtf-vertical-align-containers .edgtf-position-right-inner .edgtf-search-opener,
.edgtf-header-standard .edgtf-menu-area .edgtf-vertical-align-containers .edgtf-position-right-inner .edgtf-side-menu-button-opener {
display: table;
height: 100%;
width: 59px;
float: left;
color: #fff;
text-align: center;
vertical-align: middle;
}
.edgtf-header-standard .edgtf-menu-area .edgtf-vertical-align-containers .edgtf-position-right-inner .edgtf-search-opener > i,
.edgtf-header-standard .edgtf-menu-area .edgtf-vertical-align-containers .edgtf-position-right-inner .edgtf-side-menu-button-opener > i {
display: table-cell;
vertical-align: middle;
}
.edgtf-header-standard .edgtf-menu-area .edgtf-vertical-align-containers .edgtf-position-right-inner .edgtf-search-opener {
background-color: #333;
}
.edgtf-header-standard .edgtf-menu-area .edgtf-vertical-align-containers .edgtf-side-menu-button-opener {
background-color: #fb3644;
}
.edgtf-mobile-header .edgtf-mobile-nav {
display: none;
background-color: #fff;
}
.edgtf-mobile-header .edgtf-mobile-nav ul {
list-style-type: none;
}
.edgtf-mobile-header .edgtf-mobile-nav ul ul {
margin-left: 20px;
display: none;
}
.edgtf-mobile-header .edgtf-mobile-nav li {
position: relative;
}
.edgtf-mobile-header .edgtf-mobile-nav a, .edgtf-mobile-header .edgtf-mobile-nav h4 {
border-bottom: 1px solid #eaeaea;
display: block;
font-size: 12px;
color: #333;
padding: 9px 0px;
display: block;
position: relative;
text-transform: none;
line-height: 17px;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 700;
}
.edgtf-mobile-header .edgtf-mobile-nav a:hover, .edgtf-mobile-header .edgtf-mobile-nav h4:hover {
color: #fb3644;
}
.edgtf-mobile-header .edgtf-mobile-nav .mobile_arrow {
position: absolute;
right: 0;
top: 0;
line-height: 35px;
height: 35px;
padding-right: 10px;
width: 50px;
text-align: right;
}
.edgtf-mobile-header .edgtf-mobile-nav .mobile_arrow:hover {
cursor: pointer;
}
.edgtf-mobile-header .edgtf-mobile-nav .mobile_arrow .edgtf-sub-arrow {
-webkit-transition: transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
}
.edgtf-mobile-header .edgtf-mobile-nav .mobile_arrow .fa-angle-down {
display: none;
}
.edgtf-mobile-header .edgtf-mobile-nav li.edgtf-opened > .mobile_arrow > .edgtf-sub-arrow {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.edgtf-mobile-header .edgtf-mobile-nav > ul > li:last-child > a,
.edgtf-mobile-header .edgtf-mobile-nav > .edgtf-grid > ul > li:last-child > a {
border-bottom: none;
}
/* ==========================================================================
#Mobile header styles
========================================================================== */
.edgtf-mobile-header {
display: none;
position: relative;
z-index: 101;
/* #General mobile header styles
========================================================================== */
/* #End of general mobile header styles
========================================================================== */
/* #Mobile logo styles
========================================================================== */
/* #End of mobile logo styles
========================================================================== */
/* #Mobile menu opener styles
========================================================================== */
/* #End of mobile menu opener styles
========================================================================== */
}
.edgtf-mobile-header .edgtf-mobile-header-inner {
height: 100px;
background-color: #fff;
position: relative;
}
.edgtf-mobile-header .edgtf-mobile-header-inner .edgtf-mobile-header-holder {
position: relative;
z-index: 2;
height: 100%;
}
.edgtf-mobile-header .edgtf-grid {
height: 100%;
}
.edgtf-mobile-header .edgtf-vertical-align-containers {
padding: 0;
}
.edgtf-mobile-header .edgtf-mobile-logo-wrapper a {
display: block;
max-height: 80px;
}
.edgtf-mobile-header .edgtf-mobile-logo-wrapper img {
height: 100%;
width: auto;
}
.edgtf-mobile-header .edgtf-mobile-menu-opener {
float: left;
position: relative;
z-index: 2;
height: 100%;
}
.edgtf-mobile-header .edgtf-mobile-menu-opener a {
display: table;
height: 100%;
padding-right: 10px;
color: #000;
}
.edgtf-mobile-header .edgtf-mobile-menu-opener a:hover {
color: #fb3644;
}
.edgtf-mobile-header .edgtf-mobile-menu-opener .edgtf-mobile-opener-icon-holder {
display: table-cell;
vertical-align: middle;
}
/* ==========================================================================
#End of mobile header styles
========================================================================== */
/* ==========================================================================
#Sticky mobile header styles
========================================================================== */
.edgtf-sticky-up-mobile-header .edgtf-animate-mobile-header .edgtf-mobile-header-inner {
width: 100%;
-webkit-transition: transform 0.4s ease-in-out, left 0.2s ease, right 0.2s ease;
-moz-transition: transform 0.4s ease-in-out, left 0.2s ease, right 0.2s ease;
-o-transition: transform 0.4s ease-in-out, left 0.2s ease, right 0.2s ease;
transition: transform 0.4s ease-in-out, left 0.2s ease, right 0.2s ease;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.edgtf-sticky-up-mobile-header .mobile-header-appear .edgtf-mobile-header-inner {
top: 0;
left: 0;
width: 100%;
position: fixed;
-webkit-transform: translateY(0);
transform: translateY(0);
}
/* ==========================================================================
#End of sticky mobile header styles
========================================================================== */
/* ==========================================================================
#Headers style - start
========================================================================== */
.edgtf-page-header {
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
width: 100%;
z-index: 110;
/* ==========================================================================
#General header layout - start
========================================================================== */
/* ==========================================================================
#General header layout - end
========================================================================== */
/* ==========================================================================
#Logo area styles - start
========================================================================== */
/* ==========================================================================
#Logo area styles - end
========================================================================== */
/* ==========================================================================
#Menu area styles - start
========================================================================== */
/* ==========================================================================
#Menu area styles - end
========================================================================== */
/* ==========================================================================
#Sticky header styles - start
========================================================================== */
/* ==========================================================================
#Sticky header styles - start
========================================================================== */
/* ==========================================================================
#Fixed header styles - start
========================================================================== */
/* ==========================================================================
#Fixed header - end
========================================================================== */
}
.edgtf-page-header a img {
display: block;
}
.edgtf-page-header .edgtf-grid {
height: 100%;
}
.edgtf-page-header .edgtf-grid .edgtf-vertical-align-containers {
padding: 0;
-webkit-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
.edgtf-page-header .edgtf-logo-area {
height: 220px;
overflow: hidden;
position: relative;
}
.edgtf-page-header .edgtf-logo-area .edgtf-logo-wrapper a {
max-height: 198px;
}
.edgtf-page-header .edgtf-menu-area {
height: 60px;
position: relative;
-webkit-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
.edgtf-page-header .edgtf-menu-area .edgtf-logo-wrapper a {
max-height: 54px;
}
.edgtf-page-header .edgtf-sticky-header {
height: 60px;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 100;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: -webkit-transform 0.33s ease;
transition: transform 0.3s ease;
box-sizing: border-box;
border-bottom: 1px solid #efefef;
-webkit-backface-visibility: hidden;
}
.edgtf-page-header .edgtf-sticky-header.header-appear {
transform: translateY(0%);
}
.edgtf-page-header .edgtf-sticky-header .edgtf-sticky-holder {
height: 100%;
background-color: #fff;
position: relative;
z-index: 2;
}
.admin-bar .edgtf-page-header .edgtf-sticky-header.header-appear {
top: 32px;
}
.edgtf-page-header .edgtf-sticky-header .edgtf-position-left-inner {
height: auto;
}
.edgtf-page-header .edgtf-sticky-header .edgtf-position-center-inner {
height: 100%;
}
.edgtf-page-header .edgtf-sticky-header .edgtf-sticky-holder .edgtf-logo-wrapper a {
max-height: 54px;
}
.edgtf-page-header .edgtf-sticky-header .edgtf-sticky-right {
display: inline-block;
vertical-align: middle;
}
.edgtf-page-header .admin-bar .edgtf-page-header .edgtf-sticky-header.header-appear {
transform: translateY(32px);
}
.edgtf-page-header .edgtf-fixed-wrapper.fixed {
width: 100%;
position: fixed;
left: 0px;
top: 0px;
-webkit-backface-visibility: hidden;
}
.admin-bar .edgtf-page-header .edgtf-fixed-wrapper.fixed {
top: 32px;
}
/* ==========================================================================
#Light header - begin
========================================================================== */
.edgtf-light-header .edgtf-logo-area,
.edgtf-light-header .edgtf-menu-area,
.edgtf-light-header .edgtf-vertical-menu-area {
color: #ffffff !important;
}
.edgtf-light-header .edgtf-logo-area .widget,
.edgtf-light-header .edgtf-menu-area .widget,
.edgtf-light-header .edgtf-vertical-menu-area .widget {
color: #ffffff !important;
}
.edgtf-light-header .edgtf-logo-area .widget p,
.edgtf-light-header .edgtf-logo-area .widget a,
.edgtf-light-header .edgtf-logo-area .widget span,
.edgtf-light-header .edgtf-logo-area .widget i,
.edgtf-light-header .edgtf-logo-area .widget .widgettitle,
.edgtf-light-header .edgtf-menu-area .widget p,
.edgtf-light-header .edgtf-menu-area .widget a,
.edgtf-light-header .edgtf-menu-area .widget span,
.edgtf-light-header .edgtf-menu-area .widget i,
.edgtf-light-header .edgtf-menu-area .widget .widgettitle,
.edgtf-light-header .edgtf-vertical-menu-area .widget p,
.edgtf-light-header .edgtf-vertical-menu-area .widget a,
.edgtf-light-header .edgtf-vertical-menu-area .widget span,
.edgtf-light-header .edgtf-vertical-menu-area .widget i,
.edgtf-light-header .edgtf-vertical-menu-area .widget .widgettitle {
color: #ffffff !important;
}
.edgtf-light-header .edgtf-logo-area .edgtf-light-logo,
.edgtf-light-header .edgtf-menu-area .edgtf-light-logo,
.edgtf-light-header .edgtf-vertical-menu-area .edgtf-light-logo {
opacity: 1;
}
.edgtf-light-header .edgtf-logo-area .edgtf-dark-logo,
.edgtf-light-header .edgtf-logo-area .edgtf-normal-logo,
.edgtf-light-header .edgtf-menu-area .edgtf-dark-logo,
.edgtf-light-header .edgtf-menu-area .edgtf-normal-logo,
.edgtf-light-header .edgtf-vertical-menu-area .edgtf-dark-logo,
.edgtf-light-header .edgtf-vertical-menu-area .edgtf-normal-logo {
opacity: 0;
}
/* ==========================================================================
#Light header - end
========================================================================== */
/* ==========================================================================
#Dark header - begin
========================================================================== */
.edgtf-dark-header .edgtf-logo-area,
.edgtf-dark-header .edgtf-menu-area,
.edgtf-dark-header .edgtf-vertical-menu-area {
color: #333 !important;
}
.edgtf-dark-header .edgtf-logo-area .widget,
.edgtf-dark-header .edgtf-menu-area .widget,
.edgtf-dark-header .edgtf-vertical-menu-area .widget {
color: #333 !important;
}
.edgtf-dark-header .edgtf-logo-area .widget p,
.edgtf-dark-header .edgtf-logo-area .widget a,
.edgtf-dark-header .edgtf-logo-area .widget span,
.edgtf-dark-header .edgtf-logo-area .widget i,
.edgtf-dark-header .edgtf-logo-area .widget .widgettitle,
.edgtf-dark-header .edgtf-menu-area .widget p,
.edgtf-dark-header .edgtf-menu-area .widget a,
.edgtf-dark-header .edgtf-menu-area .widget span,
.edgtf-dark-header .edgtf-menu-area .widget i,
.edgtf-dark-header .edgtf-menu-area .widget .widgettitle,
.edgtf-dark-header .edgtf-vertical-menu-area .widget p,
.edgtf-dark-header .edgtf-vertical-menu-area .widget a,
.edgtf-dark-header .edgtf-vertical-menu-area .widget span,
.edgtf-dark-header .edgtf-vertical-menu-area .widget i,
.edgtf-dark-header .edgtf-vertical-menu-area .widget .widgettitle {
color: #333 !important;
}
.edgtf-dark-header .edgtf-logo-area .edgtf-dark-logo,
.edgtf-dark-header .edgtf-menu-area .edgtf-dark-logo,
.edgtf-dark-header .edgtf-vertical-menu-area .edgtf-dark-logo {
opacity: 1;
}
.edgtf-dark-header .edgtf-logo-area .edgtf-normal-logo,
.edgtf-dark-header .edgtf-logo-area .edgtf-light-logo,
.edgtf-dark-header .edgtf-menu-area .edgtf-normal-logo,
.edgtf-dark-header .edgtf-menu-area .edgtf-light-logo,
.edgtf-dark-header .edgtf-vertical-menu-area .edgtf-normal-logo,
.edgtf-dark-header .edgtf-vertical-menu-area .edgtf-light-logo {
opacity: 0;
}
/* ==========================================================================
#Dark header - end
========================================================================== */
/* ==========================================================================
#Headers style - end
========================================================================== */
/* ==========================================================================
# Footer style - begin
========================================================================== */
footer {
display: block;
width: 100%;
margin: 0 auto;
z-index: 100;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
footer .edgtf-footer-inner {
position: relative;
/* for triangle back to top and ajax transitions */
}
footer .edgtf-container {
background-color: inherit;
}
footer .edgtf-container-inner {
position: relative;
}
footer .edgtf-container-inner > .widget {
text-align: center;
}
footer a {
text-decoration: none;
}
footer .edgtf-footer-ingrid-border-holder-outer {
background-color: #393939;
}
footer .edgtf-footer-top-border-holder,
footer .edgtf-footer-bottom-border-holder {
position: relative;
display: block;
width: 100%;
}
footer .edgtf-footer-top-border-holder.edgtf-in-grid,
footer .edgtf-footer-bottom-border-holder.edgtf-in-grid {
width: 1100px;
margin: 0 auto;
}
footer .edgtf-footer-top-holder {
display: block;
background-color: #19171b;
position: relative;
background-position: center center;
background-size: cover;
color: #969696;
/* #Icon list in footer -start
========================================================================== */
/* #Icon list in footer -end
========================================================================== */
}
footer .edgtf-footer-top-holder a {
color: #969696;
}
footer .edgtf-footer-top-holder a:hover {
color: #fff;
}
footer .edgtf-footer-top-holder .edgtf-zig-zag-separator-holder {
margin-bottom: 18px;
}
footer .edgtf-footer-top-holder ul li {
margin-bottom: 10px;
position: relative;
padding-left: 20px;
}
footer .edgtf-footer-top-holder ul li:before {
content: ' ';
width: 6px;
height: 6px;
position: absolute;
left: 0;
top: 50%;
margin-top: -3px;
background-color: #444444;
}
footer .edgtf-footer-top-holder .edgtf-icon-list-item .edgtf-icon-list-icon-holder {
vertical-align: top;
top: 6px;
position: relative;
}
footer .edgtf-footer-top:not(.edgtf-footer-top-full) .edgtf-container-inner {
padding: 95px 0 70px;
}
footer .edgtf-footer-top.edgtf-footer-top-full {
padding: 95px 105px 70px;
}
footer .edgtf-footer-bottom-holder {
display: table;
width: 100%;
background-color: #000000;
vertical-align: middle;
text-align: center;
height: 85px;
color: #989898;
font-size: 13px;
}
footer .edgtf-footer-bottom-holder .edgtf-footer-bottom-holder-inner {
display: table-cell;
vertical-align: middle;
}
footer .edgtf-footer-bottom-holder .edgtf-footer-bottom-full {
padding-left: 105px;
padding-right: 105px;
}
footer .edgtf-footer-bottom-holder .edgtf-column-inner {
text-align: center;
vertical-align: middle;
}
footer .edgtf-footer-bottom-holder .edgtf-three-columns .edgtf-column:first-child .edgtf-column-inner {
text-align: left;
}
footer .edgtf-footer-bottom-holder .edgtf-three-columns .edgtf-column:last-child .edgtf-column-inner {
text-align: right;
}
footer .edgtf-footer-bottom-holder .edgtf-two-columns-50-50 .edgtf-column:first-child .edgtf-column-inner {
text-align: left;
}
footer .edgtf-footer-bottom-holder .edgtf-two-columns-50-50 .edgtf-column:last-child .edgtf-column-inner {
text-align: right;
}
footer .edgtf-footer-bottom-holder .edgtf-footer-bottom-border-bottom-holder {
clear: both;
}
/* Footer uncover - begin
========================================================================== */
footer.edgtf-footer-uncover {
position: fixed;
bottom: 0;
left: 0;
z-index: 99;
-webkit-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
}
footer.edgtf-footer-uncover .cf7_custom_style_2 input.wpcf7-form-control.wpcf7-text,
footer.edgtf-footer-uncover .cf7_custom_style_2 input.wpcf7-form-control.wpcf7-number,
footer.edgtf-footer-uncover .cf7_custom_style_2 input.wpcf7-form-control.wpcf7-date,
footer.edgtf-footer-uncover .cf7_custom_style_2 textarea.wpcf7-form-control.wpcf7-textarea,
footer.edgtf-footer-uncover .cf7_custom_style_2 select.wpcf7-form-control.wpcf7-select,
footer.edgtf-footer-uncover .cf7_custom_style_2 input.wpcf7-form-control.wpcf7-quiz {
transform: none;
}
.edgtf-right-side-menu-opened footer.edgtf-footer-uncover {
left: -270px;
}
/* Footer uncover - end
========================================================================== */
/* Footer boxed - begin
========================================================================== */
.boxed footer {
width: 100% !important;
box-sizing: border-box;
-moz-box-sizing: border-box;
/* Firefox */
}
/* Footer boxed - end
========================================================================== */
/* Footer disabled - begin
========================================================================== */
footer.edgtf-disable-footer {
display: none;
}
/* Footer disabled - end
========================================================================== */
/* Footer widgets - begin
========================================================================== */
footer .widget {
margin-bottom: 20px;
}
footer .widget:last-child {
margin-bottom: 0;
}
footer .widget .edgtf-footer-widget-title {
color: #ffffff;
margin-bottom: 18px;
}
footer .widget ul {
list-style: none;
}
footer .widget select,
footer .widget input[type="text"] {
width: 100%;
overflow: hidden;
border: 1px solid #e9e9e9;
background-color: #f6f6f5;
padding: 0 10px;
height: 35px;
outline: none;
color: #7f8385;
font-family: inherit;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
footer .edgtf-footer-bottom-holder .widget .edgtf-footer-widget-title {
color: #7f8385;
}
/* Footer widgets - end
========================================================================== */
/* ==========================================================================
# Footer style - end
========================================================================== */
/* ==========================================================================
# Title area style - start
========================================================================== */
@-webkit-keyframes title-animation-from-right {
0% {
opacity: 0;
transform: translate(50%, 0);
}
100% {
opacity: 1;
transform: translate(0, 0);
}
}
@keyframes title-animation-from-right {
0% {
opacity: 0;
transform: translate(50%, 0);
}
100% {
opacity: 1;
transform: translate(0, 0);
}
}
@-webkit-keyframes title-animation-from-left {
0% {
opacity: 0;
transform: translate(-50%, 0);
}
100% {
opacity: 1;
transform: translate(0, 0);
}
}
@keyframes title-animation-from-left {
0% {
opacity: 0;
transform: translate(-50%, 0);
}
100% {
opacity: 1;
transform: translate(0, 0);
}
}
.edgtf-title {
display: block;
width: 100%;
height: 125px;
text-align: left;
position: relative;
z-index: 101;
background-color: #18202d;
background-position: center 0;
background-repeat: no-repeat;
}
.edgtf-title.edgtf-has-parallax-background {
background-attachment: fixed;
background-repeat: no-repeat;
position: relative;
z-index: 101;
}
.edgtf-title.edgtf-content-center-alignment {
text-align: center;
}
.edgtf-title.edgtf-content-right-alignment {
text-align: right;
}
.edgtf-title.edgtf-animation-right-left h1, .edgtf-title.edgtf-animation-right-left .edgtf-subtitle span, .edgtf-title.edgtf-animation-right-left .edgtf-breadcrumbs-holder {
-webkit-animation-name: title-animation-from-right;
-webkit-animation-duration: 0.5s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
-webkit-animation-delay: 1s;
-webkit-animation-fill-mode: forwards;
/* this prevents the animation from restarting! */
animation-name: title-animation-from-right;
animation-duration: 0.5s;
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
animation-delay: 1s;
animation-fill-mode: forwards;
/* this prevents the animation from restarting! */
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.edgtf-title.edgtf-animation-left-right h1, .edgtf-title.edgtf-animation-left-right .edgtf-subtitle span, .edgtf-title.edgtf-animation-left-right .edgtf-breadcrumbs-holder {
-webkit-animation-name: title-animation-from-left;
-webkit-animation-duration: 0.5s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
-webkit-animation-delay: 1s;
-webkit-animation-fill-mode: forwards;
/* this prevents the animation from restarting! */
animation-name: title-animation-from-left;
animation-duration: 0.5s;
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
animation-delay: 1s;
animation-fill-mode: forwards;
/* this prevents the animation from restarting! */
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.edgtf-title.edgtf-has-responsive-background {
height: auto !important;
}
.edgtf-title.edgtf-has-responsive-background .edgtf-title-holder {
display: block;
position: absolute;
top: 0;
left: 0;
}
.edgtf-title.edgtf-has-responsive-background .edgtf-title-holder .edgtf-container {
display: block;
height: 100%;
}
.edgtf-title.edgtf-has-responsive-background .edgtf-title-holder .edgtf-container-inner {
display: table;
height: 100%;
}
.edgtf-title.edgtf-has-responsive-background .edgtf-title-holder .edgtf-title-subtitle-holder {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.edgtf-title.edgtf-title-full-width-content .edgtf-title-holder .edgtf-container-inner {
width: 100%;
margin: 0;
padding-left: 20px !important;
padding-right: 20px !important;
}
.edgtf-title .edgtf-title-image img {
display: block;
position: relative;
width: 100%;
}
.edgtf-title.edgtf-title-image-not-responsive .edgtf-title-image {
display: none;
}
.edgtf-title .edgtf-title-holder {
display: table;
height: 100%;
position: relative;
width: 100%;
/* #Standard title - start
========================================================================== */
/* #Standard title - end
========================================================================== */
/* #Breadcrumb title - start
========================================================================== */
/* #Breadcrumb title - end
========================================================================== */
}
.edgtf-title .edgtf-title-holder .edgtf-container {
background-color: transparent;
display: table-row;
vertical-align: middle;
}
.edgtf-title .edgtf-title-holder .edgtf-container-inner {
display: table-cell;
padding: 0 !important;
vertical-align: middle;
}
.edgtf-title .edgtf-title-holder .edgtf-title-subtitle-holder {
display: block;
padding: 0;
position: relative;
z-index: 25;
}
.edgtf-title .edgtf-title-holder .edgtf-title-subtitle-holder-inner {
position: relative;
}
.edgtf-title .edgtf-title-holder h1 {
color: #fff;
display: inline-block;
line-height: 1em;
vertical-align: middle;
font-size: 25px;
font-weight: 600;
}
.edgtf-title .edgtf-title-holder h1 span {
display: inline-block;
}
.edgtf-title .edgtf-title-holder .edgtf-subtitle {
display: block;
font-size: 18px;
line-height: 1.3333333333333333333333333333333em;
font-style: normal;
font-weight: 400;
color: #fff;
letter-spacing: 1px;
}
.edgtf-title .edgtf-title-holder .edgtf-subtitle span {
display: inline-block;
vertical-align: middle;
}
.edgtf-title .edgtf-title-holder .edgtf-breadcrumbs-holder {
display: inline-block;
vertical-align: middle;
}
.edgtf-title .edgtf-title-holder .edgtf-breadcrumbs a, .edgtf-title .edgtf-title-holder .edgtf-breadcrumbs span {
color: #fb3644;
font-size: 13px;
font-weight: 500;
line-height: 1em;
display: inline-block;
vertical-align: middle;
}
.edgtf-title.edgtf-standard-type .edgtf-breadcrumbs-holder {
position: absolute;
top: 0;
height: 100%;
}
.edgtf-title.edgtf-standard-type .edgtf-breadcrumbs-holder .edgtf-breadcrumbs {
display: table;
height: 100%;
width: 100%;
}
.edgtf-title.edgtf-standard-type .edgtf-breadcrumbs-holder .edgtf-breadcrumbs-inner {
display: table-cell;
vertical-align: middle;
}
.edgtf-title.edgtf-standard-type.edgtf-content-left-alignment .edgtf-breadcrumbs-holder {
right: 0;
}
.edgtf-title.edgtf-standard-type.edgtf-content-right-alignment .edgtf-breadcrumbs-holder {
left: 0;
}
.edgtf-title.edgtf-standard-type.edgtf-content-center-alignment .edgtf-breadcrumbs-holder {
position: relative;
top: auto;
height: auto;
display: block;
}
.edgtf-title.edgtf-title-medium-text-size h1 {
font-size: 40px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0;
margin-bottom: 15px;
}
.edgtf-title.edgtf-title-medium-text-size .edgtf-subtitle {
font-size: 22px;
line-height: 28px;
font-weight: 400;
}
.edgtf-title.edgtf-title-large-text-size h1 {
font-size: 80px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0;
}
.edgtf-title.edgtf-title-large-text-size .edgtf-subtitle {
font-size: 25px;
line-height: 34px;
font-weight: 500;
}
/* ==========================================================================
# Title area style - end
========================================================================== */
/* ==========================================================================
# Side area style - start
========================================================================== */
/* Side area general style - start
========================================================================== */
.edgtf-light-header .edgtf-page-header > div:not(.edgtf-sticky-header) .edgtf-side-menu-button-opener,
.edgtf-light-header.edgtf-header-style-on-scroll .edgtf-page-header .edgtf-side-menu-button-opener,
.edgtf-light-header .edgtf-top-bar .edgtf-side-menu-button-opener {
border-color: #ffffff !important;
}
.edgtf-dark-header .edgtf-page-header > div:not(.edgtf-sticky-header) .edgtf-side-menu-button-opener,
.edgtf-dark-header.edgtf-header-style-on-scroll .edgtf-page-header .edgtf-side-menu-button-opener,
.edgtf-dark-header .edgtf-top-bar .edgtf-side-menu-button-opener {
border-color: #333 !important;
}
.edgtf-side-menu-button-opener .lines-holder {
position: relative;
display: table-cell;
vertical-align: middle;
}
.edgtf-side-menu-button-opener .line {
border-bottom: 2px solid #fff;
content: '';
display: block;
height: 0;
margin: 2px auto;
width: 13px;
}
.edgtf-side-menu-button-opener .line.first {
top: 24px;
width: 13px;
-webkit-transition: -webkit-transform .2s ease-out;
transition: transform .2s ease-out;
outline: 1px solid transparent;
}
.edgtf-side-menu-button-opener .line.second {
transform-origin: 100% 50%;
transition: transform .1s ease-out .15s;
}
.edgtf-side-menu-button-opener .line.third {
top: 32px;
width: 13px;
transition: transform .2s ease-out;
outline: 1px solid transparent;
}
body.edgtf-side-menu-open .edgtf-side-menu-button-opener .second,
.edgtf-side-menu-button-opener:hover .second {
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transition: -webkit-transform .1s ease-out;
transition: transform .1s ease-out;
}
body.edgtf-side-menu-open .edgtf-side-menu-button-opener .first,
.edgtf-side-menu-button-opener:hover .first {
-webkit-transform: rotate(45deg) scale(0.7, 1) translateX(2px);
transform: rotate(45deg) scale(0.7, 1) translateX(2px);
-webkit-transition: -webkit-transform .2s ease-out .1s;
transition: transform .2s easet .1s;
}
body.edgtf-side-menu-open .edgtf-side-menu-button-opener .third,
.edgtf-side-menu-button-opener:hover .third {
-webkit-transform: rotate(-45deg) scale(0.7, 1) translateX(2px);
transform: rotate(-45deg) scale(0.7, 1) translateX(2px);
-webkit-transition: -webkit-transform .2s ease-out .1s;
transition: transform .2s ease .1s;
}
.edgtf-side-menu {
background-color: #393939;
height: 100%;
min-height: 100%;
overflow: hidden;
padding: 30px 50px;
position: fixed;
top: 0;
right: -270px;
width: 210px;
z-index: 9999;
-webkit-backface-visibility: hidden;
}
.edgtf-side-menu h4 {
margin: 0 0 15px 0;
color: #fff;
}
.edgtf-side-menu h5,
.edgtf-side-menu h6 {
margin: 0 0 12px 0;
color: #fff;
}
.edgtf-side-menu .widget {
margin: 0 0 30px;
}
.edgtf-side-menu .widget li {
position: relative;
list-style-type: none;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 2px;
padding: 9px 0;
}
.edgtf-side-menu .widget li a {
color: #fff;
}
.edgtf-side-menu .widget li:hover a {
color: #fb3644;
}
.edgtf-side-menu .widget ul li.page_item_has_children,
.edgtf-side-menu .widget ul li.menu-item-has-children {
padding-right: 0;
border-bottom: none;
}
.edgtf-side-menu .widget ul ul {
padding: 6px 0 0 10px;
}
.edgtf-side-menu a,
.edgtf-side-menu span,
.edgtf-side-menu p,
.edgtf-side-menu .widget_rss li a.rsswidget {
color: #7f7f7f;
line-height: 31px;
-webkit-transition: color 0.15s ease-out;
transition: color 0.15s ease-out;
}
.edgtf-side-menu .widget_calendar {
font-size: 14px;
}
.edgtf-side-menu .widget_calendar a {
color: #fff;
}
.edgtf-side-menu .widget_calendar caption,
.edgtf-side-menu .widget_calendar th,
.edgtf-side-menu .widget_calendar td {
color: #9d9d9d;
line-height: 31px;
-webkit-transition: color 0.15s ease-out;
transition: color 0.15s ease-out;
}
.edgtf-side-menu .widget_calendar thead tr,
.edgtf-side-menu .widget_calendar tbody tr,
.edgtf-side-menu .widget_calendar tbody td {
border-color: #9d9d9d;
}
.edgtf-side-menu .edgtf-side-menu-title {
display: block;
margin: 0 0 12px;
}
.edgtf-side-menu .widget_nav_menu li:last-child,
.edgtf-side-menu .widget_nav_menu li a {
margin: 0;
}
.edgtf-side-menu .edgtf-close-side-menu-holder {
display: table;
height: 60px;
position: absolute;
top: 0px;
right: 20px;
z-index: 1000;
}
.edgtf-side-menu .edgtf-close-side-menu-holder-inner {
display: table-cell;
vertical-align: middle;
}
.edgtf-side-menu a.edgtf-close-side-menu {
display: inline-block;
height: 26px;
width: 26px;
padding: 0 2px 4px 0;
/* in order to align icon in horizontal and vertical center */
z-index: 1000;
-webkit-transition: transform 0.5s ease;
transition: transform 0.5s ease;
}
.edgtf-side-menu a.edgtf-close-side-menu span {
color: #ffffff;
display: inline-block;
font-size: 22px;
height: 26px;
line-height: 29px;
position: relative;
text-align: center;
width: 26px;
}
.edgtf-side-menu a.edgtf-close-side-menu:hover {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.admin-bar .edgtf-side-menu .edgtf-close-side-menu-holder {
top: 32px;
}
/* Side area general style - end
========================================================================== */
/* Side area slides over content style - start
========================================================================== */
.edgtf-right-side-menu-opened .edgtf-wrapper,
.edgtf-right-side-menu-opened footer.uncover,
.edgtf-right-side-menu-opened .edgtf-fixed-wrapper.fixed,
.edgtf-right-side-menu-opened .edgtf-sticky-header,
.edgtf-right-side-menu-opened .mobile-header-appear .edgtf-mobile-header-inner {
left: -270px;
}
.edgtf-side-menu-slide-from-right .edgtf-wrapper {
background-color: #fff;
position: relative;
z-index: 1000;
-webkit-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.edgtf-side-menu-slide-from-right .edgtf-wrapper .edgtf-cover {
z-index: 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
opacity: 0;
filter: alpha(opacity=0);
background: #000;
-webkit-transition: opacity 0.2s ease-in-out,background 0.2s ease-in-out,z-index 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out,background 0.2s ease-in-out,z-index 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out,background 0.2s ease-in-out,z-index 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out,background 0.2s ease-in-out,z-index 0.2s ease-in-out;
}
.edgtf-side-menu-slide-from-right .carousel-inner {
-webkit-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.edgtf-side-menu-slide-from-right .edgtf-side-menu {
padding: 5% 30px 30px 30px;
top: 0;
right: -45%;
width: 45%;
z-index: 9999;
text-align: center;
visibility: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.edgtf-side-menu-slide-from-right .edgtf-sticky-header,
.edgtf-side-menu-slide-from-right .edgtf-fixed-wrapper.fixed {
-webkit-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.33s ease;
transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.33s ease;
}
.edgtf-side-menu-slide-from-right footer.uncover {
-webkit-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.edgtf-side-menu-slide-from-right.edgtf-right-side-menu-opened .edgtf-cover {
cursor: url("img/close.png"), pointer;
z-index: 1002;
opacity: 0.6;
filter: alpha(opacity=60);
}
.edgtf-side-menu-slide-from-right.edgtf-right-side-menu-opened .edgtf-side-menu {
right: 0px;
visibility: visible;
}
/* Side area slides over content style - end
========================================================================== */
/* Side area slides with content style - start
========================================================================== */
.edgtf-side-menu-slide-with-content {
overflow-x: hidden;
position: relative;
left: 0;
-webkit-overflow-scrolling: auto !important;
-webkit-transition: left 0.2s ease, right 0.2s ease;
-moz-transition: left 0.2s ease, right 0.2s ease;
-o-transition: left 0.2s ease, right 0.2s ease;
transition: left 0.2s ease, right 0.2s ease;
}
.edgtf-side-menu-slide-with-content .edgtf-side-menu {
position: fixed;
visibility: visible;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 470px;
right: -470px;
height: 100%;
top: 0;
z-index: 9999;
-webkit-transition: left 0.2s ease, right 0.2s ease;
-moz-transition: left 0.2s ease, right 0.2s ease;
-o-transition: left 0.2s ease, right 0.2s ease;
transition: left 0.2s ease, right 0.2s ease;
}
.edgtf-side-menu-slide-with-content footer.uncover,
.edgtf-side-menu-slide-with-content .edgtf-wrapper {
-webkit-transition: left 0.2s ease, right 0.2s ease;
-moz-transition: left 0.2s ease, right 0.2s ease;
-o-transition: left 0.2s ease, right 0.2s ease;
transition: left 0.2s ease, right 0.2s ease;
}
.edgtf-side-menu-slide-with-content .edgtf-sticky-header,
.edgtf-side-menu-slide-with-content .edgtf-fixed-wrapper.fixed,
.edgtf-side-menu-slide-with-content .edgtf-mobile-header-inner {
-webkit-transition: left 0.2s ease, right 0.2s ease, -webkit-transform 0.33s ease;
transition: left 0.2s ease, right 0.2s ease, transform 0.33s ease;
}
.edgtf-side-menu-slide-with-content .carousel-inner {
left: 0 !important;
-webkit-transition: left 0.2s ease;
transition: left 0.2s ease;
}
.edgtf-side-menu-slide-with-content.edgtf-side-menu-open .edgtf-wrapper,
.edgtf-side-menu-slide-with-content.edgtf-side-menu-open footer.uncover,
.edgtf-side-menu-slide-with-content.edgtf-side-menu-open .edgtf-sticky-header,
.edgtf-side-menu-slide-with-content.edgtf-side-menu-open .edgtf-fixed-wrapper,
.edgtf-side-menu-slide-with-content.edgtf-side-menu-open .edgtf-mobile-header-inner {
left: -470px;
}
.edgtf-side-menu-slide-with-content.edgtf-side-menu-open .edgtf-side-menu {
right: 0;
}
.edgtf-side-menu-slide-with-content.edgtf-side-menu-open .carousel-inner:not(.relative_position) {
left: -470px !important;
}
/* width 270px start */
.edgtf-side-menu-slide-with-content.edgtf-width-270.edgtf-side-menu-open .edgtf-wrapper,
.edgtf-side-menu-slide-with-content.edgtf-width-270.edgtf-side-menu-open footer.uncover,
.edgtf-side-menu-slide-with-content.edgtf-width-270.edgtf-side-menu-open .edgtf-sticky-header,
.edgtf-side-menu-slide-with-content.edgtf-width-270.edgtf-side-menu-open .edgtf-fixed-wrapper,
.edgtf-side-menu-slide-with-content.edgtf-width-270.edgtf-side-menu-open .edgtf-mobile-header-inner {
left: -270px;
}
.edgtf-side-menu-slide-with-content.edgtf-width-270.edgtf-side-menu-open .edgtf-side-menu {
right: 0;
}
.edgtf-side-menu-slide-with-content.edgtf-width-270.edgtf-side-menu-open .carousel-inner:not(.relative_position) {
left: -270px !important;
}
.edgtf-side-menu-slide-with-content.edgtf-width-270 .edgtf-side-menu {
width: 270px;
right: -270px;
}
/* width 270px end */
/* width 370px start */
.edgtf-side-menu-slide-with-content.edgtf-width-370.edgtf-side-menu-open .edgtf-wrapper,
.edgtf-side-menu-slide-with-content.edgtf-width-370.edgtf-side-menu-open footer.uncover,
.edgtf-side-menu-slide-with-content.edgtf-width-370.edgtf-side-menu-open .edgtf-sticky-header,
.edgtf-side-menu-slide-with-content.edgtf-width-370.edgtf-side-menu-open .edgtf-fixed-wrapper,
.edgtf-side-menu-slide-with-content.edgtf-width-370.edgtf-side-menu-open .edgtf-mobile-header-inner {
left: -370px;
}
.edgtf-side-menu-slide-with-content.edgtf-width-370.edgtf-side-menu-open .edgtf-side-menu {
right: 0;
}
.edgtf-side-menu-slide-with-content.edgtf-width-370.edgtf-side-menu-open .carousel-inner:not(.relative_position) {
left: -370px !important;
}
.edgtf-side-menu-slide-with-content.edgtf-width-370 .edgtf-side-menu {
width: 370px;
right: -370px;
}
/* width 370px end */
/* Side area slides with content style - end
========================================================================== */
/* Side area uncovering - start
========================================================================== */
.edgtf-side-area-uncovered-from-content .edgtf-side-menu {
background-color: #1b1b1b;
height: 100%;
min-height: 100%;
overflow: hidden;
padding: 30px;
position: fixed;
top: 0;
right: 0;
width: 210px;
z-index: 90;
visibility: hidden;
}
.edgtf-side-area-uncovered-from-content .edgtf-sticky-header,
.edgtf-side-area-uncovered-from-content .edgtf-fixed-wrapper.fixed {
-webkit-transition: left 0.3s ease, right 0.2s ease;
-moz-transition: left 0.3s ease, right 0.2s ease;
-o-transition: left 0.3s ease, right 0.2s ease;
transition: left 0.3s ease, right 0.2s ease;
}
.edgtf-side-area-uncovered-from-content.edgtf-right-side-menu-opened .edgtf-sticky-header,
.edgtf-side-area-uncovered-from-content.edgtf-right-side-menu-opened .edgtf-fixed-wrapper.fixed,
.edgtf-side-area-uncovered-from-content.edgtf-right-side-menu-opened .edgtf-mobile-header-inner {
left: -270px;
}
/* Side area uncovering - end
========================================================================== */
/* ==========================================================================
# Side area style - end
========================================================================== */
/* ==========================================================================
# Search style - begin
========================================================================== */
.edgtf-search-opener {
-webkit-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.edgtf-search-opener .edgtf-search-icon-text {
-webkit-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.edgtf-light-header .edgtf-page-header > div:not(.edgtf-sticky-header) .edgtf-search-opener,
.edgtf-light-header.edgtf-header-style-on-scroll .edgtf-page-header .edgtf-search-opener,
.edgtf-light-header .edgtf-top-bar .edgtf-search-opener {
color: #ffffff !important;
}
.edgtf-dark-header .edgtf-page-header > div:not(.edgtf-sticky-header) .edgtf-search-opener,
.edgtf-dark-header.edgtf-header-style-on-scroll .edgtf-page-header .edgtf-search-opener,
.edgtf-dark-header .edgtf-top-bar .edgtf-search-opener {
color: #333 !important;
}
/* Search slides from window top - begin
========================================================================== */
.edgtf-search-slides-from-window-top .edgtf-top-bar,
.edgtf-search-slides-from-window-top .edgtf-page-header {
top: 0;
-webkit-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.edgtf-search-slides-from-window-top .edgtf-mobile-header {
-webkit-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.edgtf-search-slides-from-window-top .content_inner {
margin-top: 0;
-webkit-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.edgtf-search-slides-from-window-top .mobile-header-appear .edgtf-mobile-header-inner {
padding-top: 0;
-webkit-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.edgtf-search-slides-from-window-top.edgtf-search-open .edgtf-page-header,
.edgtf-search-slides-from-window-top.edgtf-search-open .edgtf-top-bar {
top: 50px;
}
.edgtf-search-slides-from-window-top.edgtf-search-open .edgtf-search-slide-window-top {
height: 50px;
}
.edgtf-search-slides-from-window-top.edgtf-search-open .edgtf-mobile-header {
top: 50px !important;
/* Mobile header has important top on max-width (1000px) */
}
.edgtf-search-slides-from-window-top.edgtf-search-open .mobile-header-appear .edgtf-mobile-header-inner {
padding-top: 50px;
}
.edgtf-search-slides-from-window-top.edgtf-search-open .content_inner {
margin-top: 50px;
}
.edgtf-search-slides-from-window-top.edgtf-search-open .edgtf-sticky-header.header-appear {
-webkit-transform: translateY(50px);
transform: translateY(50px);
}
.edgtf-fixed-wrapper.fixed .edgtf-search-slide-window-top {
position: static;
}
.edgtf-search-slide-window-top {
background: none repeat scroll 0 0 #262626;
color: #fff;
margin: 0;
overflow: hidden;
width: 100%;
height: 0;
position: fixed;
top: 0;
left: 0;
-webkit-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.edgtf-search-slide-window-top .form-inner {
padding: 0 45px;
}
.edgtf-search-slide-window-top .edgtf-container-inner {
position: relative;
}
.edgtf-search-slide-window-top i {
color: #959595;
font-size: 13px;
display: inline-block;
float: left;
line-height: 50px;
}
.edgtf-search-slide-window-top .edgtf-container i {
padding: 0;
}
.edgtf-search-slide-window-top .edgtf-container input {
width: 90%;
padding: 0 0 0 10px;
}
.edgtf-search-slide-window-top .edgtf-container .edgtf-search-close {
right: 0;
}
.edgtf-search-slide-window-top input,
.edgtf-search-slide-window-top input:focus {
background-color: #262626;
border: medium none;
box-shadow: none;
color: #959595;
display: inline-block;
font-size: 13px;
line-height: 20px;
height: 20px;
margin: 15px 0;
width: 90%;
padding: 0 0 0 10px;
font-family: inherit;
outline: none;
outline-offset: 0;
-webkit-appearance: none;
border-radius: 0;
float: left;
}
.edgtf-search-slide-window-top input:focus {
outline-offset: 0 !important;
}
@media only screen and (max-width: 1200px) {
.edgtf-search-slide-window-top input {
width: 80%;
}
}
@media only screen and (max-width: 768px) {
.edgtf-search-slide-window-top input {
width: 70%;
}
}
@media only screen and (max-width: 500px) {
.edgtf-search-slide-window-top input {
width: 65%;
}
}
.edgtf-search-slide-window-top input[type="submit"] {
border: 0 none;
clip: rect(0px, 0px, 0px, 0px);
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
width: 1px;
visibility: hidden;
}
.edgtf-search-slide-window-top .edgtf-search-close {
color: #959595;
font-size: 13px;
position: absolute;
line-height: 50px;
height: 50px;
top: 0;
right: 45px;
}
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
color: #959595;
margin-top: 10px;
}
/* Search slides from window top - end
========================================================================== */
/* Search slides from header bottom - begin
========================================================================== */
.edgtf-search-slides-from-header-bottom .edgtf-top-bar {
z-index: 120;
}
.edgtf-search-slide-header-bottom {
background: none repeat scroll 0 0 #f1f1f1;
color: #fff;
margin: 0;
overflow: hidden;
width: 100%;
height: 100px;
z-index: 0;
position: absolute;
top: 0;
left: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition: all 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.edgtf-search-slide-header-bottom .edgtf-container {
z-index: auto;
}
.edgtf-search-slide-header-bottom .edgtf-form-holder-outer {
display: table;
height: 100px;
width: 100%;
}
.edgtf-search-slide-header-bottom .edgtf-form-holder {
display: table-cell;
vertical-align: middle;
position: relative;
padding: 0 45px;
}
.edgtf-search-slide-header-bottom input,
.edgtf-search-slide-header-bottom input:focus {
background-color: transparent;
border: medium none;
box-shadow: none;
color: #696969;
font-size: 15px;
font-weight: 700;
display: inline-block;
vertical-align: middle;
width: 90%;
padding: 0;
font-family: inherit;
outline: none;
outline-offset: 0;
-webkit-appearance: none;
border-radius: 0;
text-transform: uppercase;
}
.edgtf-search-slide-header-bottom input:focus {
outline-offset: 0 !important;
}
.edgtf-search-slide-header-bottom .edgtf-search-submit {
width: auto;
cursor: pointer;
font-size: 50px;
position: absolute;
right: 45px;
top: 50%;
margin-top: -25px;
-webkit-transition: color 0.4s ease;
transition: color 0.4s ease;
color: #696969;
padding: 0 0 0 1px;
}
.edgtf-search-slide-header-bottom .edgtf-search-submit:hover {
color: #fb3644;
}
.edgtf-search-slide-header-bottom .edgtf-container-inner .edgtf-search-submit {
right: 0;
}
.edgtf-search-slide-header-bottom .edgtf-container-inner .edgtf-form-holder {
padding: 0;
}
.edgtf-search-slide-header-bottom.edgtf-animated {
left: 0;
-webkit-transform: translateY(0);
transform: translateY(0);
top: 100%;
}
.edgtf-search-slide-header-bottom.edgtf-animated .edgtf-form-holder-outer {
height: 100px;
}
.edgtf-search-slide-header-bottom.edgtf-disabled input,
.edgtf-search-slide-header-bottom.edgtf-disabled input:focus {
font-weight: normal;
}
.edgtf-search-slide-header-bottom.edgtf-disabled .edgtf-search-submit,
.edgtf-search-slide-header-bottom.edgtf-disabled .edgtf-search-submit:hover {
cursor: default;
color: #959595;
}
/* Search slides from header bottom - end
========================================================================== */
/* Search covers header - begin
========================================================================== */
.edgtf-search-cover {
display: none;
color: #fff;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 115;
background: #fff;
}
.edgtf-search-cover .edgtf-form-holder-outer {
display: table;
width: 100%;
height: 100%;
}
.edgtf-search-cover .edgtf-form-holder {
display: table-cell;
vertical-align: middle;
padding: 0 45px;
position: relative;
}
.edgtf-search-cover .edgtf-form-holder-inner {
display: inline-block;
vertical-align: middle;
position: relative;
width: 100%;
}
.edgtf-search-cover .edgtf-container-inner .edgtf-form-holder {
padding: 0;
}
.edgtf-search-cover .edgtf-container-inner .edgtf-search-close {
right: 0;
}
.edgtf-search-cover input,
.edgtf-search-cover input:focus {
background-color: transparent;
border: medium none;
box-shadow: none;
color: #696969;
font-size: 15px;
font-weight: 700;
display: inline-block;
width: 90%;
padding: 0;
font-family: inherit;
outline: none;
outline-offset: 0px;
-webkit-appearance: none;
border-radius: 0;
float: left;
text-transform: uppercase;
margin: 0;
}
.edgtf-search-cover input:focus {
outline-offset: 0 !important;
}
.edgtf-search-cover input[type="submit"] {
border: 0 none;
clip: rect(0px, 0px, 0px, 0px);
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
width: 1px;
visibility: hidden;
}
.edgtf-search-cover .edgtf-search-close {
font-size: 34px;
position: absolute;
right: 24px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 1em;
}
.edgtf-search-cover .edgtf-search-close a {
color: #9d9d9d;
display: inline-block;
}
.edgtf-search-cover .edgtf-search-close a:hover {
color: #fb3644;
}
.edgtf-search-cover .edgtf-search-close a i {
vertical-align: top;
}
.edgtf-search-cover.disabled input,
.edgtf-search-cover.disabled input:focus {
font-weight: normal;
}
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
color: #959595;
margin: 10px 0px 0px 0px;
}
/* Fullscreen search general style - start
========================================================================== */
.edgtf-fullscreen-search-holder {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 105;
opacity: 0;
}
.edgtf-fullscreen-search-holder .edgtf-search-label {
font-size: 30px;
line-height: 1em;
color: #a1a1a1;
vertical-align: bottom;
}
.edgtf-fullscreen-search-holder .edgtf-field-holder {
width: 57.8%;
display: inline-block;
vertical-align: bottom;
position: relative;
border-bottom: 1px solid #fb3644;
}
.edgtf-fullscreen-search-holder .edgtf-field-holder .edgtf-zig-zag-separator-holder {
margin-bottom: 10px;
}
.edgtf-fullscreen-search-holder .edgtf-field-holder .edgtf-line {
position: absolute;
bottom: -1px;
left: 0;
height: 1px;
width: 0;
background-color: #fff;
-webkit-transition: width 0.3s ease;
transition: width 0.3s ease;
}
.edgtf-fullscreen-search-holder ::-webkit-input-placeholder {
color: #fff;
}
.edgtf-fullscreen-search-holder :-moz-placeholder {
color: #fff;
}
.edgtf-fullscreen-search-holder ::-moz-placeholder {
color: #fff;
opacity: 1;
line-height: 1.1em;
}
.edgtf-fullscreen-search-holder :-ms-input-placeholder {
color: #fff;
opacity: 1;
line-height: 1.1em;
}
.edgtf-fullscreen-search-holder .edgtf-search-field {
width: 100%;
border-left: none;
border-top: none;
border-right: none;
border-bottom: none;
background: transparent;
outline: none;
height: 100%;
font-size: 30px;
color: #a1a1a1;
line-height: 1.2em;
position: relative;
padding-right: 100px;
}
.edgtf-fullscreen-search-holder .edgtf-search-submit {
border: none;
background: transparent;
outline: none;
width: auto;
cursor: pointer;
font-family: 'FontAwesome';
font-size: 63px;
line-height: 1em;
color: #fff;
position: absolute;
right: 0;
top: 38px;
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease;
}
.edgtf-fullscreen-search-holder .edgtf-search-submit:hover {
color: #fb3644;
}
.edgtf-fullscreen-search-holder .edgtf-search-close-holder {
float: right;
margin-right: 45px;
}
.edgtf-fullscreen-search-holder .edgtf-fullscreen-search-close-container {
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.edgtf-fullscreen-search-holder .edgtf-fullscreen-search-close-container a {
opacity: 0;
width: 100%;
visibility: hidden;
-webkit-transition: opacity 0.2s ease, color 0.2s ease;
transition: opacity 0.2s ease, color 0.2s ease;
position: absolute;
top: 18px;
right: 25px;
color: #fff;
}
.edgtf-fullscreen-search-holder .edgtf-fullscreen-search-close-container a .close {
position: absolute;
top: 5px;
left: 15px;
display: table;
}
.edgtf-fullscreen-search-holder .edgtf-fullscreen-search-close-container a .close > span:first-child {
font-size: 22px;
text-transform: capitalize;
display: table-cell;
vertical-align: middle;
padding-right: 10px;
}
.edgtf-fullscreen-search-holder .edgtf-fullscreen-search-close-container a .lines {
display: table-cell;
vertical-align: middle;
width: 25px;
height: 25px;
}
.edgtf-fullscreen-search-holder .edgtf-fullscreen-search-close-container a .lines .line-1 {
content: '';
position: absolute;
width: 36px;
height: 7px;
-webkit-transform: rotate(45deg) scale(0, 1);
transform: rotate(45deg) scale(0, 1);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-color: #fff;
-webkit-transition: -webkit-transform .2s ease-out .1s;
transition: transform .2s ease-out .1s;
}
body.edgtf-fullscreen-search-opened .edgtf-fullscreen-search-holder .edgtf-fullscreen-search-close-container a .lines .line-1 {
-webkit-transform: rotate(45deg) scale(1, 1);
transform: rotate(45deg) scale(1, 1);
}
.edgtf-fullscreen-search-holder .edgtf-fullscreen-search-close-container a .lines .line-2 {
content: '';
position: absolute;
width: 36px;
height: 7px;
top: 40px;
right: 3px;
-webkit-transform: rotate(-45deg) scale(0, 1);
transform: rotate(-45deg) scale(0, 1);
-webkit-transform-origin: 0% -50%;
transform-origin: 0% -50%;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-color: #fff;
-webkit-transition: -webkit-transform .2s ease-out .3s;
transition: transform .2s ease-out .3s;
}
body.edgtf-fullscreen-search-opened .edgtf-fullscreen-search-holder .edgtf-fullscreen-search-close-container a .lines .line-2 {
-webkit-transform: rotate(-45deg) scale(1, 1);
transform: rotate(-45deg) scale(1, 1);
}
.edgtf-fullscreen-search-table {
display: table;
width: 100%;
height: 100%;
}
.edgtf-fullscreen-search-cell {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
text-align: center;
}
.edgtf-fullscreen-search-opened .edgtf-form-holder .edgtf-search-field {
width: 100%;
border-left: none;
border-top: none;
border-right: none;
border-bottom: none;
background: transparent;
outline: none;
height: 100%;
font-size: 80px;
text-transform: uppercase;
font-weight: 700;
color: #fff;
line-height: 1.2em;
position: relative;
padding: 0;
}
/* Fullscreen search general style - end
========================================================================== */
/* Fullscreen search from circle style - start
========================================================================== */
.edgtf-fullscreen-search-overlay {
position: absolute;
width: 2000px;
height: 2000px;
margin-top: -1000px;
margin-left: -1000px;
top: 50%;
left: 0;
border-radius: 100%;
opacity: 0;
z-index: 99;
-ms-transform-origin: 50%;
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transform: scale(0);
transform: scale(0);
background-color: rgba(255, 255, 255, 0.98);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-ms-transition: -ms-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.edgtf-fullscreen-search-overlay.edgtf-animate {
-webkit-transform: scale(3);
transform: scale(3);
opacity: 1;
}
.edgtf-search-from-circle .edgtf-fullscreen-search-holder {
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
display: none;
opacity: 0;
visibility: visible;
z-index: 111;
}
/* Fullscreen search from circle style - end
========================================================================== */
/* Fullscreen search fade style - start
========================================================================== */
.edgtf-search-fade .edgtf-fullscreen-search-holder {
visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
opacity: 0;
z-index: 111;
box-sizing: border-box;
}
.edgtf-search-fade .edgtf-fullscreen-search-holder .edgtf-fullscreen-search-table {
background-color: rgba(0, 0, 0, 0.93);
}
.edgtf-search-fade-out.edgtf-search-fade .edgtf-fullscreen-search-holder {
-webkit-animation: search_fade_out 0.4s ease both;
animation: search_fade_out 0.4s ease both;
}
.edgtf-search-fade-in.edgtf-search-fade .edgtf-fullscreen-search-holder.edgtf-animate {
-webkit-animation: search_fade_in 0.2s ease both;
animation: search_fade_in 0.2s ease both;
}
.edgtf-search-fade .edgtf-fullscreen-search-holder.edgtf-animate .edgtf-fullscreen-search-close {
opacity: 1;
visibility: visible;
}
@-webkit-keyframes search_fade_out {
0% {
opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
visibility: hidden;
}
}
@keyframes search_fade_out {
0% {
opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
visibility: hidden;
}
}
@-webkit-keyframes search_fade_in {
0% {
opacity: 0;
visibility: hidden;
}
100% {
opacity: 1;
visibility: visible;
}
}
@keyframes search_fade_in {
0% {
opacity: 0;
visibility: hidden;
}
100% {
opacity: 1;
visibility: visible;
}
}
/* Fullscreen search fade style - end
========================================================================== */
/*---------------Fade animation with PUSH TEXT TOP------------*/
@-webkit-keyframes search_push_text_top {
0% {
opacity: 0;
-webkit-transform: translateY(60px);
transform: translateY(60px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes search_push_text_top {
0% {
opacity: 0;
-webkit-transform: translateY(60px);
transform: translateY(60px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.edgtf-search-fade.edgtf-fullscreen-search-opened .edgtf-fullscreen-search-holder .edgtf-form-holder {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-animation: search_push_text_top 0.4s ease-out both 0.25s;
animation: search_push_text_top 0.4s ease-out both 0.25s;
}
.edgtf-search-fade-out.edgtf-search-fade .edgtf-fullscreen-search-holder .edgtf-search-label,
.edgtf-search-fade-out.edgtf-search-fade .edgtf-fullscreen-search-holder .edgtf-search-submit,
.edgtf-search-fade-out.edgtf-search-fade .edgtf-fullscreen-search-holder .edgtf-field-holder {
opacity: 0;
}
/*----------------------FULLSCREEN SEARCH style end--------------------------*/
/* #Search Page Styles - start
========================================================================== */
.search-no-results h2 {
margin-bottom: 78px;
}
.search-results .edgtf-btn {
margin-bottom: 25px;
}
/* #Search Page Styles - end
========================================================================== */
/* ==========================================================================
# Search style - end
========================================================================== */
/* ==========================================================================
# Portfolio - start
========================================================================== */
/* ==========================================================================
# Portfolio Single Small Images - begin
========================================================================== */
.small-images .edgtf-portfolio-media .edgtf-portfolio-single-media {
margin-bottom: 20px;
}
.small-images .edgtf-portfolio-media .edgtf-portfolio-single-media:last-child {
margin-bottom: 0;
}
.small-images .edgtf-follow-portfolio-info {
position: relative;
}
.small-images .edgtf-portfolio-info-content-item {
margin-bottom: 50px;
}
/* ==========================================================================
# Portfolio Single Small Images - end
========================================================================== */
/* ==========================================================================
# Portfolio Single Small Slider - begin
========================================================================== */
.small-slider .edgtf-portfolio-info-content-item {
margin-bottom: 50px;
}
/* ==========================================================================
# Portfolio Single Small Slider - end
========================================================================== */
/* ==========================================================================
# Portfolio Single Big Images - begin
========================================================================== */
.big-images .edgtf-big-image-holder {
margin-bottom: 30px;
}
.big-images .edgtf-portfolio-media .edgtf-portfolio-single-media {
margin-bottom: 20px;
}
.big-images .edgtf-portfolio-media .edgtf-portfolio-single-media:last-child {
margin-bottom: 0;
}
.big-images .edgtf-portfolio-info-holder {
margin-top: 58px;
}
/* ==========================================================================
# Portfolio Single Big Images - end
========================================================================== */
/* ==========================================================================
# Portfolio Single Big Slider - begin
========================================================================== */
.big-slider .edgtf-big-image-holder {
margin-bottom: 30px;
}
.big-slider .edgtf-portfolio-info-holder {
margin-top: 58px;
}
/* ==========================================================================
# Portfolio Single Big Slider - end
========================================================================== */
/* ==========================================================================
# Portfolio Single Gallery - begin
========================================================================== */
.gallery .edgtf-portfolio-single-media a {
position: relative;
overflow: hidden;
display: block;
}
.gallery .edgtf-portfolio-single-media a .edgtf-portfolio-gallery-text-holder {
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 100%;
height: 100%;
opacity: 0;
background-color: rgba(0, 0, 0, 0.5);
-webkit-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
.gallery .edgtf-portfolio-single-media a .edgtf-portfolio-gallery-text-holder-inner {
position: relative;
display: table;
width: 100%;
height: 100%;
}
.gallery .edgtf-portfolio-single-media a .edgtf-portfolio-gallery-text-holder-inner h4 {
display: table-cell;
vertical-align: middle;
text-align: center;
color: #fff;
width: 100%;
height: 100%;
}
.gallery .edgtf-portfolio-single-media a img {
display: block;
}
.gallery .edgtf-portfolio-single-media a:hover .edgtf-portfolio-gallery-text-holder {
opacity: 1;
}
.gallery.edgtf-portfolio-gallery-three-columns .edgtf-portfolio-single-media {
width: 32%;
margin-right: 2%;
margin-bottom: 2%;
float: left;
}
.gallery.edgtf-portfolio-gallery-three-columns .edgtf-portfolio-single-media:nth-child(3n) {
margin-right: 0;
}
.gallery.edgtf-portfolio-gallery-two-columns .edgtf-portfolio-single-media {
width: 49%;
margin-right: 2%;
margin-bottom: 2%;
float: left;
}
.gallery.edgtf-portfolio-gallery-two-columns .edgtf-portfolio-single-media:nth-child(2n) {
margin-right: 0;
}
.gallery.edgtf-portfolio-gallery-four-columns .edgtf-portfolio-single-media {
width: 24%;
margin-right: 1.333333%;
margin-bottom: 2%;
float: left;
}
.gallery.edgtf-portfolio-gallery-four-columns .edgtf-portfolio-single-media:nth-child(4n) {
margin-right: 0;
}
/* ==========================================================================
# Portfolio Single Gallery - end
========================================================================== */
.single-portfolio-item div.pp_default a.pp_next,
.single-portfolio-item div.pp_default a.pp_previous {
color: #fff;
background-color: transparent;
font-size: 45px;
-webkit-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
}
.single-portfolio-item div.pp_default a.pp_next:hover,
.single-portfolio-item div.pp_default a.pp_previous:hover {
background-color: transparent;
color: #fb3644;
}
.edgtf-portfolio-single-holder .edgtf-portfolio-info-item {
border-bottom: 2px solid #efefef;
padding: 11px 12px;
background-color: #fafafa;
box-sizing: border-box;
display: inline-block;
vertical-align: middle;
width: 100%;
}
.edgtf-portfolio-single-holder .edgtf-portfolio-info-item:last-child {
border-bottom: none;
}
.edgtf-portfolio-single-holder .edgtf-portfolio-info-item .edgtf-portfolio-info-title {
float: left;
width: 40%;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
color: #333;
}
.edgtf-portfolio-single-holder .edgtf-portfolio-info-item .edgtf-portfolio-info-title i {
margin-right: 17px;
color: #989494;
font-size: 17px;
position: relative;
top: 2px;
}
.edgtf-portfolio-single-holder .edgtf-big-image-corner {
position: absolute;
z-index: 100;
background-color: #18202d;
width: 70px;
text-align: center;
color: #fff;
padding: 12px 0 0;
}
.edgtf-portfolio-single-holder .edgtf-big-image-corner .edgtf-like {
display: inline-block;
width: 100%;
vertical-align: middle;
padding-bottom: 18px;
}
.edgtf-portfolio-single-holder .edgtf-big-image-corner .edgtf-like > span,
.edgtf-portfolio-single-holder .edgtf-big-image-corner .edgtf-social-share-holder > a > span {
display: block;
line-height: 13px;
font-size: 13px;
color: #fff;
}
.edgtf-portfolio-single-holder .edgtf-big-image-corner .edgtf-like i,
.edgtf-portfolio-single-holder .edgtf-big-image-corner .edgtf-social-share-holder > a > i {
color: #fff;
}
.edgtf-portfolio-single-holder .edgtf-big-image-corner .edgtf-social-share-holder.edgtf-dropdown {
width: 100%;
padding-bottom: 10px;
vertical-align: middle;
}
.edgtf-portfolio-single-holder .edgtf-big-image-corner .edgtf-social-share-holder.edgtf-dropdown .edgtf-social-share-dropdown {
float: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
}
.edgtf-portfolio-single-holder .edgtf-big-image-corner .edgtf-social-share-holder.edgtf-dropdown .edgtf-social-share-dropdown ul {
width: 100%;
}
.edgtf-portfolio-single-holder .edgtf-big-image-corner .edgtf-social-share-holder.edgtf-dropdown .edgtf-social-share-dropdown ul li {
width: 100%;
float: none;
position: static;
background-color: rgba(25, 28, 33, 0.71);
padding: 10px 0;
}
.edgtf-portfolio-single-holder .edgtf-big-image-corner .edgtf-social-share-holder.edgtf-dropdown .edgtf-social-share-dropdown ul li a {
color: #fff;
-webkit-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
}
.edgtf-portfolio-single-holder .edgtf-big-image-corner .edgtf-social-share-holder.edgtf-dropdown .edgtf-social-share-dropdown ul li a:hover {
color: #fb3644;
}
.edgtf-portfolio-single-holder .edgtf-portfolio-info-content-item h2 {
margin-bottom: 25px;
}
.edgtf-portfolio-single-holder .edgtf-portfolio-single-nav {
text-align: center;
position: relative;
padding-top: 20px;
margin-top: 55px;
margin-bottom: 52px;
border-top: 2px solid #efefef;
}
.edgtf-portfolio-single-holder .edgtf-portfolio-single-nav a {
color: #575757;
}
.edgtf-portfolio-single-holder .edgtf-portfolio-single-nav a:hover {
color: #fb3644;
}
.edgtf-portfolio-single-holder .edgtf-portfolio-single-nav .edgtf-navigation-icon {
font-size: 20px;
position: relative;
top: -1px;
}
.edgtf-portfolio-single-holder .edgtf-portfolio-single-nav .edgtf-portfolio-back-btn {
display: inline-block;
font-size: 22px;
}
.edgtf-portfolio-single-holder .edgtf-portfolio-single-nav .edgtf-portfolio-next,
.edgtf-portfolio-single-holder .edgtf-portfolio-single-nav .edgtf-portfolio-prev,
.edgtf-portfolio-single-holder .edgtf-portfolio-single-nav .edgtf-portfolio-back-btn,
.edgtf-portfolio-single-holder .edgtf-portfolio-single-nav .edgtf-portfolio-back-btn a {
vertical-align: middle;
}
.edgtf-portfolio-single-holder .edgtf-portfolio-single-nav .edgtf-portfolio-next,
.edgtf-portfolio-single-holder .edgtf-portfolio-single-nav .edgtf-portfolio-prev {
display: inline-block;
}
.edgtf-portfolio-single-holder .edgtf-portfolio-single-nav .edgtf-portfolio-next a,
.edgtf-portfolio-single-holder .edgtf-portfolio-single-nav .edgtf-portfolio-prev a {
display: table;
}
.edgtf-portfolio-single-holder .edgtf-portfolio-single-nav .edgtf-portfolio-next span,
.edgtf-portfolio-single-holder .edgtf-portfolio-single-nav .edgtf-portfolio-prev span {
display: table-cell;
vertical-align: middle;
}
.edgtf-portfolio-single-holder .edgtf-portfolio-single-nav .edgtf-portfolio-prev {
margin-right: 22px;
}
.edgtf-portfolio-single-holder .edgtf-portfolio-single-nav .edgtf-portfolio-next {
margin-left: 22px;
}
.edgtf-portfolio-single-holder .edgtf-portfolio-video-lightbox {
position: relative;
display: block;
}
.edgtf-portfolio-single-holder .edgtf-portfolio-video-lightbox img {
vertical-align: middle;
}
.edgtf-portfolio-single-holder .edgtf-portfolio-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
}
.edgtf-portfolio-single-holder .edgtf-portfolio-overlay .edgtf-portfolio-play-icon {
position: absolute;
font-size: 20px;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
/* ==========================================================================
# Portfolio - end
========================================================================== */
/* ==========================================================================
Edge slider styles
========================================================================== */
/* Bootstrap carousel default styles
========================================================================== */
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.boxed .carousel-inner {
width: 1150px;
left: auto !important;
}
.carousel-inner > .item {
position: relative;
display: none;
-webkit-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left;
box-sizing: border-box;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
height: auto;
max-width: 100%;
line-height: 1;
}
.carousel-inner .edgtf-video {
position: static;
left: 0;
direction: ltr;
}
.safari_browser .carousel-inner video.video {
object-fit: inherit;
width: 100% !important;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block;
}
.carousel-inner > .active {
left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next {
left: 100%;
}
.carousel-inner > .prev {
left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
/* part for fading animation - start */
.carousel.edgtf-fade .item {
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-ms-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
opacity: 1;
filter: alpha(opacity=100);
}
.carousel.edgtf-fade .active.left,
.carousel.edgtf-fade .active.right {
opacity: 0;
filter: alpha(opacity=0);
}
.carousel.edgtf-fade .active.item {
opacity: 1;
filter: alpha(opacity=100);
}
.carousel.edgtf-fade .active.left,
.carousel.edgtf-fade .active.right {
left: 0;
z-index: 2;
opacity: 0;
filter: alpha(opacity=0);
}
.carousel.edgtf-fade .next,
.carousel.edgtf-fade .prev {
left: 0;
z-index: 1;
}
/* part for fading animation - end */
/* part for vertical up animation - start */
.carousel.edgtf-vertical-up:not(.edgtf-has-height) .carousel-inner {
height: 100%;
}
.carousel.edgtf-vertical-up .carousel-inner > .item {
-webkit-transition: -webkit-transform 0.6s ease;
-moz-transition: -moz-transform 0.6s ease;
-ms-transition: -ms-transform 0.6s ease;
-o-transition: -o-transform 0.6s ease;
transition: transform 0.6s ease;
}
.carousel.edgtf-vertical-up .carousel-inner > .active {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
}
.carousel.edgtf-vertical-up .carousel-inner > .next {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
left: 0%;
}
.carousel.edgtf-vertical-up .carousel-inner > .prev {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
left: 0%;
}
.carousel.edgtf-vertical-up .carousel-inner > .next.left,
.carousel.edgtf-vertical-up .carousel-inner > .prev.right {
left: 0%;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
}
.carousel.edgtf-vertical-up .carousel-inner > .active.left {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
left: 0%;
}
.carousel.edgtf-vertical-up .carousel-inner > .active.right {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
left: 0%;
}
/* part for vertical up animation - end */
/* part for vertical down animation - start */
.carousel.edgtf-vertical-down:not(.edgtf-has-height) .carousel-inner {
height: 100%;
}
.carousel.edgtf-vertical-down .carousel-inner > .item {
-webkit-transition: -webkit-transform 0.6s ease;
-moz-transition: -moz-transform 0.6s ease;
-ms-transition: -ms-transform 0.6s ease;
-o-transition: -o-transform 0.6s ease;
transition: transform 0.6s ease;
}
.carousel.edgtf-vertical-down .carousel-inner > .active {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
}
.carousel.edgtf-vertical-down .carousel-inner > .next {
-webkit-transform: translateY(-99%);
-moz-transform: translateY(-99%);
-ms-transform: translateY(-99%);
-o-transform: translateY(-99%);
transform: translateY(-99%);
left: 0%;
}
.carousel.edgtf-vertical-down .carousel-inner > .prev {
-webkit-transform: translateY(99%);
-moz-transform: translateY(99%);
-ms-transform: translateY(99%);
-o-transform: translateY(99%);
transform: translateY(99%);
left: 0%;
}
.carousel.edgtf-vertical-down .carousel-inner > .next.left,
.carousel.edgtf-vertical-down .carousel-inner > .prev.right {
left: 0%;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
}
.carousel.edgtf-vertical-down .carousel-inner > .active.left {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
left: 0%;
}
.carousel.edgtf-vertical-down .carousel-inner > .active.right {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
left: 0%;
}
/* part for vertical down animation - end */
/* part for slide cover animation - start */
.carousel.edgtf-slide-cover .carousel-inner > .next {
z-index: 99;
}
.carousel.edgtf-slide-cover .carousel-inner > .prev {
z-index: 100;
}
.carousel.edgtf-slide-cover .carousel-inner > .active.left {
left: -30%;
}
.carousel.edgtf-slide-cover .carousel-inner > .active.right {
left: 30%;
}
/* part for slide cover animation - end */
.carousel-indicators {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
z-index: 15;
padding: 0px !important;
text-align: center;
list-style: none;
}
.carousel-indicators:not(.thumbnails) li {
display: inline-block;
width: 6px;
height: 6px;
margin: 1px 9px;
text-indent: -999px;
cursor: pointer;
}
.carousel-indicators.thumbnails {
bottom: 55px;
}
.carousel-indicators.thumbnails li {
display: inline-block;
cursor: pointer;
margin-right: 5px;
background-color: rgba(0, 0, 0, 0.8);
width: 160px !important;
/* must not to be overwritten by options */
height: 100px !important;
}
.carousel-indicators.thumbnails li:last-child {
margin-right: 0;
}
.carousel-indicators.thumbnails li img {
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 0;
vertical-align: middle;
transition: padding 0.2s ease-out;
-ms-transition: padding 0.2s ease-out;
-o-transition: padding 0.2s ease-out;
-moz-transition: padding 0.2s ease-out;
-webkit-transition: padding 0.2s ease-out;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 40px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
text-shadow: none;
}
/* ==== Carousel Custom - Start ==== */
.carousel {
margin-bottom: 0;
}
.carousel.edgtf-full-screen {
height: 1500px;
}
.edgtf-slider {
width: 100%;
overflow: hidden;
position: relative;
z-index: 10;
}
.edgtf-slider-preloader {
width: 100%;
background-color: #1c1c1c;
position: absolute;
z-index: 20;
}
.edgtf-slider-preloader {
height: 1200px;
}
.edgtf-slider-svg {
opacity: 0;
}
.carousel:not(.edgtf-full-screen) .edgtf-slider-preloader .edgtf-ajax-loader {
position: absolute;
}
.vertical_menu_enabled .edgtf-slider-preloader .edgtf-ajax-loader {
margin-top: 0px !important;
}
.carousel-inner .edgtf-slider-content-outer {
position: relative;
height: 100%;
width: 1100px;
margin: 0px auto;
z-index: 12;
}
.carousel-inner .edgtf-slide-full-width .edgtf-slider-content-outer {
width: 100% !important;
}
.carousel-inner .edgtf-slider-content {
position: absolute;
width: 100%;
}
.carousel-inner .item.edgtf-content-vertical-middle .edgtf-slider-content-outer {
display: table;
}
.carousel-inner .item.edgtf-content-vertical-middle .edgtf-slider-content {
display: table-cell;
vertical-align: middle;
position: static;
}
.carousel-inner .item.edgtf-content-vertical-middle .edgtf-slider-content .edgtf-thumb {
height: auto;
}
.vertical_menu_enabled .carousel-inner .item.edgtf-content-vertical-middle {
padding-top: 0px !important;
}
.carousel-inner .edgtf-slider-content .edgtf-thumb {
height: 100%;
opacity: 1;
filter: alpha(opacity=100);
display: inline-block;
vertical-align: middle;
}
.carousel-inner .edgtf-slider-content.left {
text-align: left;
}
.carousel-inner .edgtf-slider-content.right {
text-align: right;
}
.carousel-inner .edgtf-slider-content.left .edgtf-thumb,
.carousel-inner .edgtf-slider-content.right .edgtf-thumb {
display: inline-block;
}
.carousel-inner .edgtf-slider-content.center .edgtf-thumb {
text-align: center;
}
.carousel-inner .edgtf-slider-content.center {
text-align: center;
}
/*---------------------Graphic animation Flip--------------------------------- */
.carousel-inner .edgtf-slider-content .edgtf-thumb.flip {
opacity: 0;
filter: alpha(opacity=0);
}
.carousel-inner .active .edgtf-slider-content .edgtf-thumb.flip {
-webkit-animation: rotate 0.6s 1 ease-out;
-moz-animation: rotate 0.6s 1 ease-out;
-o-animation: rotate 0.6s 1 ease-out;
animation: rotate 0.6s 1 ease-out;
opacity: 1;
filter: alpha(opacity=100);
}
/*---------------------Graphic animation Fade--------------------------------- */
.carousel-inner .edgtf-slider-content .edgtf-thumb.fade {
opacity: 0;
filter: alpha(opacity=0);
}
.carousel-inner .active .edgtf-slider-content .edgtf-thumb.fade {
-webkit-animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
-moz-animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
-o-animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
opacity: 1;
filter: alpha(opacity=100);
}
/*---------------------Graphic animation From right--------------------------------- */
.carousel-inner .edgtf-slider-content .edgtf-thumb.from_right {
opacity: 0;
filter: alpha(opacity=0);
position: relative;
right: -70px;
}
.carousel-inner .active .edgtf-slider-content .edgtf-thumb.from_right {
-webkit-animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
-o-animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateZ(0px);
}
/*---------------------Graphic animation From left--------------------------------- */
.carousel-inner .edgtf-slider-content .edgtf-thumb.from_left {
opacity: 0;
filter: alpha(opacity=0);
position: relative;
left: -70px;
}
.carousel-inner .active .edgtf-slider-content .edgtf-thumb.from_left {
-webkit-animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
-o-animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateZ(0px);
}
/*---------------------Graphic animation From top--------------------------------- */
.carousel-inner .edgtf-slider-content .edgtf-thumb.from_top {
opacity: 0;
filter: alpha(opacity=0);
position: relative;
top: -70px;
}
.carousel-inner .active .edgtf-slider-content .edgtf-thumb.from_top {
-webkit-animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
-o-animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateZ(0px);
}
/*---------------------Graphic animation From bottom--------------------------------- */
.carousel-inner .edgtf-slider-content .edgtf-thumb.from_bottom {
opacity: 0;
filter: alpha(opacity=0);
position: relative;
top: 70px;
}
.carousel-inner .active .edgtf-slider-content .edgtf-thumb.from_bottom {
-webkit-animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
-o-animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateZ(0px);
}
/*---------------------Graphic animation Clip from left, Clip from Top-----------------------------*/
.no-touch .carousel-inner .edgtf-slider-content .edgtf-thumb.clip_anim_hor,
.no-touch .carousel-inner .edgtf-slider-content .edgtf-thumb.clip_anim_ver,
.no-touch .carousel-inner .edgtf-slider-content .edgtf-thumb.clip_anim_puzzle {
display: inline-block;
position: relative;
}
.touch .carousel-inner .edgtf-slider-content .edgtf-thumb.clip_anim_hor,
.touch .carousel-inner .edgtf-slider-content .edgtf-thumb.clip_anim_ver,
.touch .carousel-inner .edgtf-slider-content .edgtf-thumb.clip_anim_puzzle {
opacity: 0;
filter: alpha(opacity=0);
}
/*---------------------Clip Animation Horizontal --------------------------------- */
.no-touch .carousel-inner .edgtf-slider-content .edgtf-thumb.clip_anim_hor img {
position: absolute;
left: 0;
top: 0;
-webkit-animation: clip_anim_hor 1.75s cubic-bezier(0.165, 0.84, 0.44, 1);
animation: clip_anim_hor 1.75s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.touch .carousel-inner .active .edgtf-slider-content .edgtf-thumb.clip_anim_hor {
-webkit-animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
-moz-animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
-o-animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
opacity: 1;
filter: alpha(opacity=100);
}
@-webkit-keyframes clip_anim_hor {
0% {
clip: rect(0px, 300px, 326px, 170px);
opacity: 0;
}
20% {
clip: rect(0px, 400px, 326px, 320px);
opacity: 0.2;
}
40% {
clip: rect(0px, 140px, 326px, 60px);
opacity: 0.4;
}
60% {
clip: rect(0px, 400px, 326px, 300px);
opacity: 0.6;
}
80% {
clip: rect(0px, 200px, 326px, 0px);
opacity: 0.8;
}
100% {
clip: rect(0px, 470px, 326px, 0px);
opacity: 1;
}
}
@keyframes clip_anim_hor {
0% {
clip: rect(0px, 300px, 326px, 170px);
opacity: 0;
}
20% {
clip: rect(0px, 400px, 326px, 320px);
opacity: 0.2;
}
40% {
clip: rect(0px, 140px, 326px, 60px);
opacity: 0.4;
}
60% {
clip: rect(0px, 400px, 326px, 300px);
opacity: 0.6;
}
80% {
clip: rect(0px, 200px, 326px, 0px);
opacity: 0.8;
}
100% {
clip: rect(0px, 470px, 326px, 0px);
opacity: 1;
}
}
/*---------------------Clip Animation Vertical--------------------------------- */
.no-touch .carousel-inner .edgtf-slider-content .edgtf-thumb.clip_anim_ver img {
position: absolute;
left: 0;
top: 0;
-webkit-animation: clip_anim_ver 1.75s cubic-bezier(0.165, 0.84, 0.44, 1);
animation: clip_anim_ver 1.75s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.touch .carousel-inner .active .edgtf-slider-content .edgtf-thumb.clip_anim_ver {
-webkit-animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
-moz-animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
-o-animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
opacity: 1;
filter: alpha(opacity=100);
}
@-webkit-keyframes clip_anim_ver {
0% {
clip: rect(0px, 470px, 90px, 0px);
opacity: 0;
}
20% {
clip: rect(200px, 470px, 280px, 0px);
opacity: 0.2;
}
40% {
clip: rect(50px, 470px, 140px, 0px);
opacity: 0.4;
}
60% {
clip: rect(200px, 470px, 300px, 0px);
opacity: 0.6;
}
80% {
clip: rect(0px, 470px, 120px, 0px);
opacity: 0.8;
}
100% {
clip: rect(0px, 470px, 326px, 0px);
opacity: 1;
}
}
@keyframes clip_anim_ver {
0% {
clip: rect(0px, 470px, 90px, 0px);
opacity: 0;
}
20% {
clip: rect(250px, 470px, 300px, 0px);
opacity: 0.2;
}
40% {
clip: rect(100px, 470px, 170px, 0px);
opacity: 0.4;
}
60% {
clip: rect(200px, 470px, 260px, 0px);
opacity: 0.6;
}
80% {
clip: rect(50px, 470px, 120px, 0px);
opacity: 0.8;
}
100% {
clip: rect(0px, 470px, 326px, 0px);
opacity: 0.8;
}
}
/*---------------------Clip Animation Puzzle--------------------------------- */
.no-touch .carousel-inner .edgtf-slider-content .edgtf-thumb.clip_anim_puzzle img {
position: absolute;
left: 0;
top: 0;
-webkit-animation: clip_anim_puzzle 1.75s;
animation: clip_anim_puzzle 1.75s;
}
.touch .carousel-inner .active .edgtf-slider-content .edgtf-thumb.clip_anim_puzzle {
-webkit-animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
-moz-animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
-o-animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
opacity: 1;
filter: alpha(opacity=100);
}
@-webkit-keyframes clip_anim_puzzle {
0% {
clip: rect(163px, 235px, 163px, 235px);
opacity: 0;
}
10% {
clip: rect(163px, 235px, 326px, 0px);
opacity: 0.2;
}
20% {
clip: rect(163px, 470px, 326px, 235px);
opacity: 0.3;
}
30% {
clip: rect(0px, 470px, 163px, 235px);
opacity: 0.4;
}
40% {
clip: rect(0px, 235px, 163px, 0px);
opacity: 0.5;
}
50% {
clip: rect(163px, 235px, 326px, 0px);
opacity: 0.6;
}
60% {
clip: rect(163px, 470px, 326px, 235px);
opacity: 0.7;
}
70% {
clip: rect(0px, 470px, 163px, 235px);
opacity: 0.8;
}
80% {
clip: rect(0px, 235px, 163px, 0px);
opacity: 0.9;
}
100% {
clip: rect(0px, 470px, 326px, 0px);
opacity: 1;
}
}
@keyframes clip_anim_puzzle {
0% {
clip: rect(163px, 235px, 163px, 235px);
opacity: 0;
}
10% {
clip: rect(163px, 235px, 326px, 0px);
opacity: 0.2;
}
20% {
clip: rect(163px, 470px, 326px, 235px);
opacity: 0.3;
}
30% {
clip: rect(0px, 470px, 163px, 235px);
opacity: 0.4;
}
40% {
clip: rect(0px, 235px, 163px, 0px);
opacity: 0.5;
}
50% {
clip: rect(163px, 235px, 326px, 0px);
opacity: 0.6;
}
60% {
clip: rect(163px, 470px, 326px, 235px);
opacity: 0.7;
}
70% {
clip: rect(0px, 470px, 163px, 235px);
opacity: 0.8;
}
80% {
clip: rect(0px, 235px, 163px, 0px);
opacity: 0.9;
}
100% {
clip: rect(0px, 470px, 326px, 0px);
opacity: 1;
}
}
/*---------------------Graphic animation end--------------------------------- */
.carousel-inner .edgtf-slider-content .edgtf-thumb img {
max-height: 100%;
}
.carousel-inner .edgtf-slider-content .edgtf-text {
-webkit-transform: translateZ(0px);
-moz-transform: translateZ(0px);
-ms-transform: translateZ(0px);
-o-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
filter: alpha(opacity=100);
position: relative;
display: inline-block;
width: 100%;
margin: 15px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/*------------------------------ All at once and one by one animations-------------------------------------------------------------*/
.carousel-inner .edgtf-slider-content .edgtf-text.all_at_once,
.carousel-inner .edgtf-slider-content .edgtf-slider-content-inner.all_at_once {
opacity: 0;
filter: alpha(opacity=0);
}
.carousel-inner .edgtf-slider-content .edgtf-text.one_by_one,
.carousel-inner .edgtf-slider-content .edgtf-slider-content-inner.one_by_one {
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
animation: none;
opacity: 1;
}
/*------------------------------ All at once from bottom -------------------------------------------------------------*/
.carousel-inner .active .edgtf-slider-content .edgtf-text.all_at_once.from_bottom,
.carousel-inner .edgtf-slider-content .edgtf-slider-content-inner.all_at_once.from_bottom {
-webkit-animation: text-from-bottom 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-animation: text-from-bottom 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
-o-animation: text-from-bottom 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
animation: text-from-bottom 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
opacity: 1;
filter: alpha(opacity=100);
}
@-webkit-keyframes text-from-bottom {
0% {
-webkit-transform: translate(0, 15%);
opacity: 0;
}
50% {
-webkit-transform: translate(0, 15%);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
}
@-moz-keyframes text-from-bottom {
0% {
-moz-transform: translate(0, 15%);
opacity: 0;
}
50% {
-moz-transform: translate(0, 15%);
opacity: 0;
}
100% {
-moz-transform: translate(0, 0);
opacity: 1;
}
}
@-o-keyframes text-from-bottom {
0% {
-o-transform: translate(0, 15%);
opacity: 0.5;
}
50% {
-o-transform: translate(0, 15%);
opacity: 0;
}
100% {
-o-transform: translate(0, 0);
opacity: 1;
}
}
@keyframes text-from-bottom {
0% {
transform: translate(0, 15%);
opacity: 0;
}
50% {
transform: translate(0, 15%);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
/*------------------------------ All at once from bottom end-------------------------------------------------------------*/
/*------------------------------ All at once from top -------------------------------------------------------------*/
.carousel-inner .active .edgtf-slider-content .edgtf-text.all_at_once.from_top,
.carousel-inner .active .edgtf-slider-content .edgtf-slider-content-inner.all_at_once.from_top {
-webkit-animation: text-from-top 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-animation: text-from-top 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
-o-animation: text-from-top 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
animation: text-from-top 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
opacity: 1;
filter: alpha(opacity=100);
}
@-webkit-keyframes text-from-top {
0% {
-webkit-transform: translate(0, -15%);
opacity: 0;
}
50% {
-webkit-transform: translate(0, -15%);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
}
@-moz-keyframes text-from-top {
0% {
-moz-transform: translate(0, -15%);
opacity: 0;
}
50% {
-moz-transform: translate(0, -15%);
opacity: 0;
}
100% {
-moz-transform: translate(0, 0);
opacity: 1;
}
}
@-o-keyframes text-from-top {
0% {
-o-transform: translate(0, -15%);
opacity: 0.5;
}
50% {
-o-transform: translate(0, -15%);
opacity: 0;
}
100% {
-o-transform: translate(0, 0);
opacity: 1;
}
}
@keyframes text-from-top {
0% {
transform: translate(0, -15%);
opacity: 0;
}
50% {
transform: translate(0, -15%);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
/*------------------------------ All at once from top end-------------------------------------------------------------*/
/*------------------------------ All at once from left -------------------------------------------------------------*/
.carousel-inner .active .edgtf-slider-content .edgtf-text.all_at_once.from_left,
.carousel-inner .active .edgtf-slider-content .edgtf-slider-content-inner.all_at_once.from_left {
-webkit-animation: text-from-left 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-animation: text-from-left 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
-o-animation: text-from-left 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
animation: text-from-left 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
opacity: 1;
filter: alpha(opacity=100);
}
@-webkit-keyframes text-from-left {
0% {
-webkit-transform: translate(-15%, 0);
opacity: 0;
}
50% {
-webkit-transform: translate(-15%, 0);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
}
@-moz-keyframes text-from-left {
0% {
-moz-transform: translate(-15%, 0);
opacity: 0;
}
50% {
-moz-transform: translate(-15%, 0);
opacity: 0;
}
100% {
-moz-transform: translate(0, 0);
opacity: 1;
}
}
@-o-keyframes text-from-left {
0% {
-o-transform: translate(-15%, 0);
opacity: 0.5;
}
50% {
-o-transform: translate(-15%, 0);
opacity: 0;
}
100% {
-o-transform: translate(0, 0);
opacity: 1;
}
}
@keyframes text-from-left {
0% {
transform: translate(-15%, 0);
opacity: 0;
}
50% {
transform: translate(-15%, 0);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
/*------------------------------ All at once from left end-------------------------------------------------------------*/
/*------------------------------ All at once from right -------------------------------------------------------------*/
.carousel-inner .active .edgtf-slider-content .edgtf-text.all_at_once.from_right,
.carousel-inner .active .edgtf-slider-content .edgtf-slider-content-inner.all_at_once.from_right {
-webkit-animation: text-from-right 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-animation: text-from-right 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
-o-animation: text-from-right 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
animation: text-from-right 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
opacity: 1;
filter: alpha(opacity=100);
}
@-webkit-keyframes text-from-right {
0% {
-webkit-transform: translate(15%, 0);
opacity: 0;
}
50% {
-webkit-transform: translate(15%, 0);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
}
@-moz-keyframes text-from-right {
0% {
-moz-transform: translate(15%, 0);
opacity: 0;
}
50% {
-moz-transform: translate(15%, 0);
opacity: 0;
}
100% {
-moz-transform: translate(0, 0);
opacity: 1;
}
}
@-o-keyframes text-from-right {
0% {
-o-transform: translate(15%, 0);
opacity: 0.5;
}
50% {
-o-transform: translate(15%, 0);
opacity: 0;
}
100% {
-o-transform: translate(0, 0);
opacity: 1;
}
}
@keyframes text-from-right {
0% {
transform: translate(15%, 0);
opacity: 0;
}
50% {
transform: translate(15%, 0);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
/*------------------------------ All at once from right end-------------------------------------------------------------*/
/*------------------------------ All at once fade -------------------------------------------------------------*/
.carousel-inner .active .edgtf-slider-content .edgtf-text.all_at_once.fade,
.carousel-inner .active .edgtf-slider-content .edgtf-slider-content-inner.all_at_once.fade {
-webkit-animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
-moz-animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
-o-animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
animation: fade 0.6s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32);
opacity: 1;
filter: alpha(opacity=100);
}
/*------------------------------ All at once fade end-------------------------------------------------------------*/
/*------------------------------ One by one from bottom -------------------------------------------------------------*/
.carousel-inner .edgtf-slider-content .edgtf-text.one_by_one.from_bottom .edgtf-el,
.carousel-inner .edgtf-slider-content .edgtf-slider-content-inner.one_by_one.from_bottom {
opacity: 0;
filter: alpha(opacity=0);
position: relative;
top: 70px;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_bottom .edgtf-el,
.carousel-inner .active .edgtf-slider-content .edgtf-slider-content-inner.one_by_one.from_bottom {
-webkit-animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
-moz-animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
-o-animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateZ(0px);
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_bottom .edgtf-el:nth-child(2) {
animation-delay: 0.3s;
-webkit-animation-delay: 0.3s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_bottom .edgtf-el:nth-child(3) {
animation-delay: 0.5s;
-webkit-animation-delay: 0.5s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_bottom .edgtf-el:nth-child(4) {
animation-delay: 0.7s;
-webkit-animation-delay: 0.7s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_bottom .edgtf-el:nth-child(5) {
animation-delay: 0.9s;
-webkit-animation-delay: 0.9s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_bottom .edgtf-el:nth-child(6) {
animation-delay: 1.1s;
-webkit-animation-delay: 1.1s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_bottom .edgtf-el:nth-child(7) {
animation-delay: 1.3s;
-webkit-animation-delay: 1.3s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_bottom .edgtf-el:nth-child(8) {
animation-delay: 1.5s;
-webkit-animation-delay: 1.5s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_bottom .edgtf-el:nth-child(9) {
animation-delay: 1.7s;
-webkit-animation-delay: 1.7s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_bottom .edgtf-el:nth-child(10) {
animation-delay: 1.8s;
-webkit-animation-delay: 1.8s;
}
/*------------------------------ One by one from bottom end -------------------------------------------------------------*/
/*------------------------------ One by one from top -------------------------------------------------------------*/
.carousel-inner .edgtf-slider-content .edgtf-text.one_by_one.from_top .edgtf-el,
.carousel-inner .edgtf-slider-content .edgtf-slider-content_inner.one_by_one.from_top {
opacity: 0;
filter: alpha(opacity=0);
position: relative;
top: -70px;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_top .edgtf-el,
.carousel-inner .active .edgtf-slider-content .edgtf-slider-content-inner.one_by_one.from_top {
-webkit-animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
-moz-animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
-o-animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateZ(0px);
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_top .edgtf-el:nth-child(2) {
animation-delay: 0.3s;
-webkit-animation-delay: 0.3s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_top .edgtf-el:nth-child(3) {
animation-delay: 0.5s;
-webkit-animation-delay: 0.5s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_top .edgtf-el:nth-child(4) {
animation-delay: 0.7s;
-webkit-animation-delay: 0.7s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_top .edgtf-el:nth-child(5) {
animation-delay: 0.9s;
-webkit-animation-delay: 0.9s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_top .edgtf-el:nth-child(6) {
animation-delay: 1.1s;
-webkit-animation-delay: 1.1s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_top .edgtf-el:nth-child(7) {
animation-delay: 1.3s;
-webkit-animation-delay: 1.3s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_top .edgtf-el:nth-child(8) {
animation-delay: 1.5s;
-webkit-animation-delay: 1.5s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_top .edgtf-el:nth-child(9) {
animation-delay: 1.7s;
-webkit-animation-delay: 1.7s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_top .edgtf-el:nth-child(10) {
animation-delay: 1.8s;
-webkit-animation-delay: 1.8s;
}
@-webkit-keyframes text-one-by-one-from-top {
0% {
top: -70px;
opacity: 0;
}
50% {
top: 0px;
opacity: 1;
}
100% {
top: 0px;
opacity: 1;
}
}
@-moz-keyframes text-one-by-one-from-top {
0% {
top: -70px;
opacity: 0;
}
50% {
top: 0px;
opacity: 1;
}
100% {
top: 0px;
opacity: 1;
}
}
@-o-keyframes text-one-by-one-from-top {
0% {
top: -70px;
opacity: 0;
}
50% {
top: 0px;
opacity: 1;
}
100% {
top: 0px;
opacity: 1;
}
}
@keyframes text-one-by-one-from-top {
0% {
top: -70px;
opacity: 0;
}
50% {
top: 0px;
opacity: 1;
}
100% {
top: 0px;
opacity: 1;
}
}
/*----------------------------One by one from top end-------------------------------*/
/*------------------------------ One by one from left -------------------------------------------------------------*/
.carousel-inner .edgtf-slider-content .edgtf-text.one_by_one.from_left .edgtf-el,
.carousel-inner .edgtf-slider-content .edgtf-slider-content-inner.one_by_one.from_left {
opacity: 0;
filter: alpha(opacity=0);
position: relative;
left: -70px;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_left .edgtf-el,
.carousel-inner .active .edgtf-slider-content .edgtf-slider-content-inner.one_by_one.from_left {
-webkit-animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
-moz-animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
-o-animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateZ(0px);
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_left .edgtf-el:nth-child(2) {
animation-delay: 0.3s;
-webkit-animation-delay: 0.3s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_left .edgtf-el:nth-child(3) {
animation-delay: 0.5s;
-webkit-animation-delay: 0.5s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_left .edgtf-el:nth-child(4) {
animation-delay: 0.7s;
-webkit-animation-delay: 0.7s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_left .edgtf-el:nth-child(5) {
animation-delay: 0.9s;
-webkit-animation-delay: 0.9s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_left .edgtf-el:nth-child(6) {
animation-delay: 1.1s;
-webkit-animation-delay: 1.1s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_left .edgtf-el:nth-child(7) {
animation-delay: 1.3s;
-webkit-animation-delay: 1.3s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_left .edgtf-el:nth-child(8) {
animation-delay: 1.5s;
-webkit-animation-delay: 1.5s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_left .edgtf-el:nth-child(9) {
animation-delay: 1.7s;
-webkit-animation-delay: 1.7s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_left .edgtf-el:nth-child(10) {
animation-delay: 1.8s;
-webkit-animation-delay: 1.8s;
}
@-webkit-keyframes text-one-by-one-from-left {
0% {
left: -70px;
opacity: 0;
}
50% {
left: 0px;
opacity: 1;
}
100% {
left: 0px;
opacity: 1;
}
}
@-moz-keyframes text-one-by-one-from-left {
0% {
left: -70px;
opacity: 0;
}
50% {
left: 0px;
opacity: 1;
}
100% {
left: 0px;
opacity: 1;
}
}
@-o-keyframes text-one-by-one-from-left {
0% {
left: -70px;
opacity: 0;
}
50% {
left: 0px;
opacity: 1;
}
100% {
left: 0px;
opacity: 1;
}
}
@keyframes text-one-by-one-from-left {
0% {
left: -70px;
opacity: 0;
}
50% {
left: 0px;
opacity: 1;
}
100% {
left: 0px;
opacity: 1;
}
}
/*----------------------------One by one from left end-------------------------------*/
/*------------------------------ One by one from right -------------------------------------------------------------*/
.carousel-inner .edgtf-slider-content .edgtf-text.one_by_one.from_right .edgtf-el,
.carousel-inner .edgtf-slider-content .edgtf-slider-content-inner.one_by_one.from_right {
opacity: 0;
filter: alpha(opacity=0);
position: relative;
right: -70px;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_right .edgtf-el,
.carousel-inner .active .edgtf-slider-content .edgtf-slider-content-inner.one_by_one.from_right {
-webkit-animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
-moz-animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
-o-animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateZ(0px);
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_right .edgtf-el:nth-child(2) {
animation-delay: 0.3s;
-webkit-animation-delay: 0.3s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_right .edgtf-el:nth-child(3) {
animation-delay: 0.5s;
-webkit-animation-delay: 0.5s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_right .edgtf-el:nth-child(4) {
animation-delay: 0.7s;
-webkit-animation-delay: 0.7s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_right .edgtf-el:nth-child(5) {
animation-delay: 0.9s;
-webkit-animation-delay: 0.9s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_right .edgtf-el:nth-child(6) {
animation-delay: 1.1s;
-webkit-animation-delay: 1.1s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_right .edgtf-el:nth-child(7) {
animation-delay: 1.3s;
-webkit-animation-delay: 1.3s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_right .edgtf-el:nth-child(8) {
animation-delay: 1.5s;
-webkit-animation-delay: 1.5s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_right .edgtf-el:nth-child(9) {
animation-delay: 1.7s;
-webkit-animation-delay: 1.7s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_right .edgtf-el:nth-child(10) {
animation-delay: 1.8s;
-webkit-animation-delay: 1.8s;
}
@-webkit-keyframes text-one-by-one-from-right {
0% {
right: -70px;
opacity: 0;
}
50% {
right: 0px;
opacity: 1;
}
100% {
right: 0px;
opacity: 1;
}
}
@-moz-keyframes text-one-by-one-from-right {
0% {
right: -70px;
opacity: 0;
}
50% {
right: 0px;
opacity: 1;
}
100% {
right: 0px;
opacity: 1;
}
}
@-o-keyframes text-one-by-one-from-right {
0% {
right: -70px;
opacity: 0;
}
50% {
right: 0px;
opacity: 1;
}
100% {
right: 0px;
opacity: 1;
}
}
@keyframes text-one-by-one-from-right {
0% {
right: -70px;
opacity: 0;
}
50% {
right: 0px;
opacity: 1;
}
100% {
right: 0px;
opacity: 1;
}
}
/*----------------------------One by one from right end-------------------------------*/
/*------------------------------ One by one fade -------------------------------------------------------------*/
.carousel-inner .edgtf-slider-content .edgtf-text.one_by_one.fade .edgtf-el,
.carousel-inner .edgtf-slider-content .edgtf-slider-content-inner.one_by_one.fade {
opacity: 0;
filter: alpha(opacity=0);
position: relative;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.fade .edgtf-el,
.carousel-inner .active .edgtf-slider-content .edgtf-slider-content-inner.one_by_one.fade {
-webkit-animation: fade 0.6s cubic-bezier(0.5, 0.11, 0.805, 0.32) 0.1s;
-moz-animation: fade 0.6s cubic-bezier(0.5, 0.11, 0.805, 0.32) 0.1s;
-o-animation: fade 0.6s cubic-bezier(0.5, 0.11, 0.805, 0.32) 0.1s;
animation: fade 0.6s cubic-bezier(0.5, 0.11, 0.805, 0.32) 0.1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateZ(0px);
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.fade .edgtf-el:nth-child(2) {
animation-delay: 0.3s;
-webkit-animation-delay: 0.3s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.fade .edgtf-el:nth-child(3) {
animation-delay: 0.5s;
-webkit-animation-delay: 0.5s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.fade .edgtf-el:nth-child(4) {
animation-delay: 0.7s;
-webkit-animation-delay: 0.7s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.fade .edgtf-el:nth-child(5) {
animation-delay: 0.9s;
-webkit-animation-delay: 0.9s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.fade .edgtf-el:nth-child(6) {
animation-delay: 1.1s;
-webkit-animation-delay: 1.1s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.fade .edgtf-el:nth-child(7) {
animation-delay: 1.3s;
-webkit-animation-delay: 1.3s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.fade .edgtf-el:nth-child(8) {
animation-delay: 1.5s;
-webkit-animation-delay: 1.5s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.fade .edgtf-el:nth-child(9) {
animation-delay: 1.7s;
-webkit-animation-delay: 1.7s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.fade .edgtf-el:nth-child(10) {
animation-delay: 1.8s;
-webkit-animation-delay: 1.8s;
}
/*----------------------------One by one fade end-------------------------------*/
/* if slide has thumbanail than set new animation delay times - start */
.carousel-inner .edgtf-has-thumbnail.active .edgtf-slider-content .edgtf-text.one_by_one .edgtf-el:nth-child(1) {
animation-delay: 0.2s;
-webkit-animation-delay: 0.2s;
}
.carousel-inner .edgtf-has-thumbnail.active .edgtf-slider-content .edgtf-text.one_by_one .edgtf-el:nth-child(2) {
animation-delay: 0.4s;
-webkit-animation-delay: 0.4s;
}
.carousel-inner .edgtf-has-thumbnail.active .edgtf-slider-content .edgtf-text.one_by_one .edgtf-el:nth-child(3) {
animation-delay: 0.6s;
-webkit-animation-delay: 0.6s;
}
.carousel-inner .edgtf-has-thumbnail.active .edgtf-slider-content .edgtf-text.one_by_one .edgtf-el:nth-child(4) {
animation-delay: 0.8s;
-webkit-animation-delay: 0.8s;
}
.carousel-inner .edgtf-has-thumbnail.active .edgtf-slider-content .edgtf-text.one_by_one .edgtf-el:nth-child(5) {
animation-delay: 1s;
-webkit-animation-delay: 1s;
}
.carousel-inner .edgtf-has-thumbnail.active .edgtf-slider-content .edgtf-text.one_by_one .edgtf-el:nth-child(6) {
animation-delay: 1.2s;
-webkit-animation-delay: 1.2s;
}
.carousel-inner .edgtf-has-thumbnail.active .edgtf-slider-content .edgtf-text.one_by_one .edgtf-el:nth-child(7) {
animation-delay: 1.4s;
-webkit-animation-delay: 1.4s;
}
.carousel-inner .edgtf-has-thumbnail.active .edgtf-slider-content .edgtf-text.one_by_one .edgtf-el:nth-child(8) {
animation-delay: 1.6s;
-webkit-animation-delay: 1.6s;
}
.carousel-inner .edgtf-has-thumbnail.active .edgtf-slider-content .edgtf-text.one_by_one .edgtf-el:nth-child(9) {
animation-delay: 1.8s;
-webkit-animation-delay: 1.8s;
}
.carousel-inner .edgtf-has-thumbnail.active .edgtf-slider-content .edgtf-text.one_by_one .edgtf-el:nth-child(10) {
animation-delay: 2s;
-webkit-animation-delay: 2s;
}
/* if slide has thumbanail than set new animation delay times - end */
/* one by one element animation - end */
.carousel-inner .edgtf-slider-content .edgtf-el {
width: 100%;
}
.carousel-inner .edgtf-slider-content .edgtf-el > div {
display: inline-block;
vertical-align: middle;
width: inherit;
}
.carousel-inner .edgtf-slider-content .edgtf-slide-buttons-holder {
display: inline-block;
width: 100%;
}
.carousel-inner .edgtf-slider-content .edgtf-slide-buttons-holder .edgtf-btn {
margin: 35px 10px 0;
}
.carousel-inner .edgtf-slider-content .edgtf-slide-buttons-holder .edgtf-btn:first-child {
margin-left: 0;
}
.carousel-inner .edgtf-slider-content .edgtf-slide-buttons-holder .edgtf-btn:last-child {
margin-right: 0;
}
.carousel-inner h2 {
clear: both;
font-size: 105px;
line-height: 1.047619047619047619047619047619em;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 800;
color: #fff;
margin: 0 0 14px;
}
.carousel-inner h2 a {
font-family: inherit !important;
font-size: inherit !important;
font-style: inherit !important;
font-weight: inherit !important;
letter-spacing: inherit !important;
line-height: inherit !important;
text-transform: inherit !important;
}
.carousel-inner h2 span span {
color: #fb3644;
}
.carousel-inner h3 {
color: #fff;
margin: 0 0 14px;
line-height: 1.3125em;
}
.carousel-inner h2 span,
.carousel-inner h3 span {
display: inline-block;
}
.carousel-inner h3.edgtf-slide-text {
margin: 0;
clear: both;
font-size: 22px;
line-height: 36px;
font-weight: 400;
text-transform: none;
letter-spacing: 0;
}
.carousel-inner .left .edgtf-text,
.carousel-inner .left h2,
.carousel-inner .left h3 {
text-align: left;
}
.carousel-inner .center .edgtf-text,
.carousel-inner .center h2,
.carousel-inner .center h3 {
text-align: center;
}
.carousel-inner .right .edgtf-text,
.carousel-inner .right h2,
.carousel-inner .right h3 {
text-align: right;
}
.carousel-inner {
left: 0 !important;
position: fixed;
overflow: hidden;
width: 100%;
z-index: 1;
transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-webkit-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
-webkit-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-moz-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-o-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-ms-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
}
.carousel-inner.edgtf-relative-position,
.touch .carousel-inner {
position: relative;
}
.carousel-inner .item img {
display: inline-block !important;
}
.touch .carousel-inner .item {
background-position: center 0px !important;
}
.carousel-inner .item .edgtf-image {
position: absolute;
top: 0px;
left: 0px;
background-position: center 0px;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 110%;
}
/* animate image - start */
@media only screen and (min-width: 1024px) {
.carousel-inner .item.edgtf-animate-image.zoom_center .edgtf-image {
position: absolute;
top: 0%;
left: 0%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 110%;
-webkit-backface-visibility: hidden;
/* to prevent glittering on slide change */
backface-visibility: hidden;
}
.carousel-inner .item.edgtf-animate-image.zoom_top_left .edgtf-image,
.carousel-inner .item.edgtf-animate-image.zoom_top_right .edgtf-image,
.carousel-inner .item.edgtf-animate-image.zoom_bottom_left .edgtf-image,
.carousel-inner .item.edgtf-animate-image.zoom_bottom_right .edgtf-image {
position: absolute;
top: -12%;
left: -12%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 125%;
height: 125%;
-webkit-backface-visibility: hidden;
/* to prevent glittering on slide change */
backface-visibility: hidden;
}
}
/* animate image - end */
.carousel-inner .item .edgtf-image img {
display: none !important;
width: 0px;
height: 0px;
}
.carousel-inner .item .edgtf-image-pattern {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.carousel-control {
top: 0px;
width: 8%;
height: 100%;
text-shadow: none;
position: absolute;
z-index: 2 !important;
margin: 0px;
outline: none;
cursor: pointer;
-webkit-transition: opacity 0.15s ease-out;
-moz-transition: opacity 0.15s ease-out;
-o-transition: opacity 0.15s ease-out;
-ms-transform: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out;
-webkit-backface-visibility: hidden;
/* because navigation is not visible during animation on chrome */
-moz-backface-visibility: hidden;
/* because navigation glitters in ff */
}
.carousel-control.right {
right: 0;
left: auto;
}
.carousel-control:hover {
opacity: 1 !important;
}
.carousel-control .edgtf-prev-nav,
.carousel-control .edgtf-next-nav {
position: absolute;
top: 50%;
margin-top: -45px;
height: 90px;
width: 90px;
line-height: 90px;
font-size: 90px;
color: #fff;
text-align: center;
z-index: 10;
-webkit-transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out, left .6s ease-in-out .3s, right .6s ease-in-out .3s;
-moz-transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out, left .6s ease-in-out .3s, right .6s ease-in-out .3s;
-o-transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out, left .6s ease-in-out .3s, right .6s ease-in-out .3s;
-ms-transform: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out, left .6s ease-in-out .3s, right .6s ease-in-out .3s;
transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out, left .6s ease-in-out .3s, right .6s ease-in-out .3s;
}
.edgtf-light-header .carousel-control .edgtf-prev-nav:hover,
.edgtf-dark-header .carousel-control .edgtf-prev-nav:hover,
.edgtf-light-header .carousel-control .edgtf-next-nav:hover,
.edgtf-dark-header .carousel-control .edgtf-next-nav:hover,
.carousel-control .edgtf-prev-nav:hover,
.carousel-control .edgtf-next-nav:hover {
color: #fb3644;
}
.carousel-control span span {
display: block;
line-height: inherit;
}
.carousel-control .edgtf-prev-nav {
left: 0px;
}
.carousel-control .edgtf-next-nav {
right: 0px;
}
/* thumb css - start */
.carousel-control .edgtf-thumb-holder {
width: 150px;
display: block;
position: absolute;
background-color: rgba(0, 0, 0, 0.8);
top: 50%;
}
/*left arrow*/
.carousel-control.left .edgtf-thumb-holder {
left: -200px;
-webkit-transition: left .6s ease-in-out .3s;
-moz-transition: left .6s ease-in-out .3s;
-o-transition: left .6s ease-in-out .3s;
-ms-transform: left .6s ease-in-out .3s;
transition: left .6s ease-in-out .3s;
}
.edgtf-in-progress .carousel-control.left .edgtf-thumb-holder {
left: -200px !important;
}
/*right arrow*/
.carousel-control.right .edgtf-thumb-holder {
right: -200px;
-webkit-transition: right .6s ease-in-out .3s;
-moz-transition: right .6s ease-in-out .3s;
-o-transition: right .6s ease-in-out .3s;
-ms-transform: right .6s ease-in-out .3s;
transition: right .6s ease-in-out .3s;
}
.edgtf-in-progress .carousel-control.right .edgtf-thumb-holder {
right: -200px !important;
}
.carousel-control .edgtf-thumb-arrow {
height: 50px;
line-height: 50px;
font-size: 25px;
}
/* effect on hover enabled in responsive above 1000px */
.carousel-control .edgtf-numbers {
height: 50px;
line-height: 50px;
font-size: 15px;
}
.carousel-control .edgtf-numbers span {
display: inline;
}
.carousel-control.left .edgtf-thumb-arrow {
float: left;
padding: 0px 0px 0px 20px;
}
.carousel-control.left .edgtf-numbers {
float: right;
padding: 0px 20px 0px 0px;
}
.carousel-control.right .edgtf-thumb-arrow {
float: right;
padding: 0px 20px 0px 0px;
}
.carousel-control.right .edgtf-numbers {
float: left;
padding: 0px 0px 0px 20px;
}
.carousel-control .edgtf-prev-nav .edgtf-numbers,
.carousel-control .edgtf-next-nav .edgtf-numbers {
float: none;
padding: 0;
position: absolute;
left: auto;
right: -15px;
top: 50%;
line-height: 26px;
height: 26px;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
color: #fff;
font-weight: 700;
font-size: 14px;
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
.carousel-control .edgtf-next-nav .edgtf-numbers {
left: -15px;
right: auto;
}
.carousel-control .img {
clear: both;
width: 150px;
position: relative;
display: block;
overflow: hidden;
margin: 0px 0px -2px 0px;
}
.carousel-control .edgtf-prev-nav:hover .edgtf-numbers,
.carousel-control .edgtf-next-nav:hover .edgtf-numbers {
opacity: 1;
}
.edgtf-thumb-holder .img img {
vertical-align: middle;
}
/* thumb css - end */
.carousel-indicators:not(.thumbnails) li {
vertical-align: middle;
background-color: #fb3644;
opacity: 1;
margin: 0px 9px;
-webkit-transition: background-color 0.15s ease-out, border-color 0.15s ease-out, opacity 0.15s ease-out;
-moz-transition: background-color 0.15s ease-out, border-color 0.15s ease-out, opacity 0.15s ease-out;
-o-transition: background-color 0.15s ease-out, border-color 0.15s ease-out, opacity 0.15s ease-out;
-ms-transform: background-color 0.15s ease-out, border-color 0.15s ease-out, opacity 0.15s ease-out;
transition: background-color 0.15s ease-out, border-color 0.15s ease-out, opacity 0.15s ease-out;
}
.carousel-indicators:not(.thumbnails) .active {
background-color: #ffffff;
}
.carousel-indicators.thumbnails .active img {
padding: 5px;
transition: padding 0.2s ease-out;
-o-transition: padding 0.2s ease-out;
-ms-transition: padding 0.2s ease-out;
-moz-transition: padding 0.2s ease-out;
-webkit-transition: padding 0.2s ease-out;
}
@-webkit-keyframes rotate {
0% {
-webkit-transform: perspective(600px) rotateX(90deg) scale(0.5);
opacity: 0;
}
50% {
-webkit-transform: perspective(600px) rotateX(90deg) scale(0.5);
opacity: 0;
}
100% {
-webkit-transform: perspective(600px) rotateX(0deg) scale(1);
opacity: 1;
}
}
@-moz-keyframes rotate {
0% {
-moz-transform: perspective(600px) rotateX(90deg) scale(0.5);
opacity: 0;
}
50% {
-moz-transform: perspective(600px) rotateX(90deg) scale(0.5);
opacity: 0;
}
100% {
-moz-transform: perspective(600px) rotateX(0deg) scale(1);
opacity: 1;
}
}
@-o-keyframes rotate {
0% {
-o-transform: perspective(600px) rotateX(90deg) scale(0.5);
opacity: 0.2;
}
50% {
-o-transform: perspective(600px) rotateX(90deg) scale(0.5);
opacity: 0.2;
}
100% {
-o-transform: perspective(600px) rotateX(0deg) scale(1);
opacity: 1;
}
}
@keyframes rotate {
0% {
transform: perspective(600px) rotateX(90deg) scale(0.5);
opacity: 0;
}
50% {
transform: perspective(600px) rotateX(90deg) scale(0.5);
opacity: 0;
}
100% {
transform: perspective(600px) rotateX(0deg) scale(1);
opacity: 1;
}
}
@-webkit-keyframes fade {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fade {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes fade {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes text-from-bottom-one-by-one {
0% {
top: 70px;
opacity: 0;
}
50% {
top: 0px;
opacity: 1;
}
100% {
top: 0px;
opacity: 1;
}
}
@-moz-keyframes text-from-bottom-one-by-one {
0% {
top: 70px;
opacity: 0;
}
50% {
top: 0px;
opacity: 1;
}
100% {
top: 0px;
opacity: 1;
}
}
@-o-keyframes text-from-bottom-one-by-one {
0% {
top: 70px;
opacity: 0;
}
50% {
top: 0px;
opacity: 1;
}
100% {
top: 0px;
opacity: 1;
}
}
@keyframes text-from-bottom-one-by-one {
0% {
top: 70px;
opacity: 0;
}
50% {
top: 0px;
opacity: 1;
}
100% {
top: 0px;
opacity: 1;
}
}
.carousel .edgtf-video .edgtf-mobile-video-image {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
display: none;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
}
.carousel .edgtf-video .edgtf-video-overlay {
height: 3000px;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 11;
}
.carousel .edgtf-video .edgtf-video-overlay.active {
background-image: url("img/pixel-video.png");
background-position: 0px 0px;
background-repeat: repeat;
opacity: 1;
}
.carousel .edgtf-video .edgtf-video-overlay img {
display: none !important;
}
.carousel .edgtf-video .edgtf-video-wrap {
top: 0px;
left: 0px;
overflow: hidden;
position: absolute;
width: 100%;
z-index: 10;
}
.carousel .edgtf-video .edgtf-video-wrap .mejs-poster {
background-size: cover !important;
-moz-background-size: cover !important;
-webkit-background-size: cover !important;
-o-background-size: cover !important;
}
.carousel .edgtf-video .edgtf-video-wrap .mejs-container .mejs-controls {
display: none !important;
}
.carousel .edgtf-video .edgtf-video-wrap .mejs-controls .mejs-button button:focus {
outline: none !important;
}
.carousel .edgtf-video .edgtf-video-wrap .mejs-controls .mejs-time-rail .mejs-time-loaded {
background-color: rgba(255, 255, 255, 0.18) !important;
}
.carousel .edgtf-video .edgtf-video-wrap .mejs-container {
background-color: transparent !important;
background-image: none !important;
height: auto !important;
}
.carousel .edgtf-video .edgtf-video-wrap .mejs-mediaelement {
background: none !important;
border: 0px !important;
}
.carousel .edgtf-video .edgtf-video-wrap .mejs-container .mejs-poster img {
max-width: none !important;
width: 100% !important;
}
.carousel .edgtf-video .edgtf-video-wrap .mejs-controls button {
opacity: 0.8;
}
.carousel .edgtf-video .edgtf-video-wrap .mejs-controls button:hover, .mejs-controls .mejs-fullscreen-button:hover button {
opacity: 1 !important;
}
.carousel .edgtf-video .edgtf-video-wrap .mejs-controls .mejs-time-rail .mejs-time-total {
background: #1f1f1f none repeat scroll 0 0 !important;
}
.carousel .edgtf-video .edgtf-video-wrap .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: transparent !important;
}
.edgtf-dark-header .carousel-indicators li {
background-color: #fb3644;
}
.edgtf-dark-header .carousel-control .edgtf-prev-nav,
.edgtf-dark-header .carousel-control .edgtf-next-nav {
color: #000;
}
.edgtf-light-header .carousel-indicators li {
background-color: #fb3644;
}
.edgtf-light-header .carousel-control .edgtf-prev-nav,
.edgtf-light-header .carousel-control .edgtf-next-nav {
color: #fff;
}
/* ==== Carousel Custom - End ==== */
/* ==========================================================================
End of Edge slider styles
========================================================================== */
/* ==========================================================================
Elements Holder start style
========================================================================== */
.edgtf-elements-holder {
width: 100%;
display: table;
table-layout: fixed;
}
.edgtf-elements-holder.edgtf-two-columns .edgtf-elements-holder-item {
width: 50%;
}
.edgtf-elements-holder.edgtf-two-columns-grid-66-33 .edgtf-elements-holder-item:first-child {
width: 66.67%;
}
.edgtf-elements-holder.edgtf-two-columns-grid-66-33 .edgtf-elements-holder-item:last-child {
width: 33.33%;
}
.edgtf-elements-holder.edgtf-two-columns-grid-33-66 .edgtf-elements-holder-item:first-child {
width: 33.33%;
}
.edgtf-elements-holder.edgtf-two-columns-grid-33-66 .edgtf-elements-holder-item:last-child {
width: 66.67%;
}
.edgtf-elements-holder.edgtf-three-columns .edgtf-elements-holder-item {
width: 33%;
}
.edgtf-elements-holder.edgtf-four-columns .edgtf-elements-holder-item {
width: 25%;
}
.edgtf-elements-holder.edgtf-five-columns .edgtf-elements-holder-item {
width: 20%;
}
.edgtf-elements-holder.edgtf-six-columns .edgtf-elements-holder-item {
width: 16%;
}
.edgtf-elements-holder .edgtf-elements-holder-item {
display: table-cell;
vertical-align: middle;
height: 100%;
background-size: cover;
background-position: center;
}
.edgtf-elements-holder .edgtf-elements-holder-item.edgtf-vertical-alignment-top {
vertical-align: top;
}
.edgtf-elements-holder .edgtf-elements-holder-item.edgtf-vertical-alignment-bottom {
vertical-align: bottom;
}
.edgtf-elements-holder .edgtf-elements-holder-item.edgtf-horizontal-alignment-center {
text-align: center;
}
.edgtf-elements-holder .edgtf-elements-holder-item.edgtf-horizontal-alignment-right {
text-align: right;
}
.edgtf-elements-holder .edgtf-elements-holder-item .edgtf-elements-holder-item-inner {
width: 100%;
}
.edgtf-elements-holder.edgtf-elements-items-float.edgtf-three-columns .edgtf-elements-holder-item {
width: 33.33333333333333%;
}
.edgtf-elements-holder.edgtf-elements-items-float.edgtf-six-columns .edgtf-elements-holder-item {
width: 16.66666666666667%;
}
.edgtf-elements-holder.edgtf-elements-items-float .edgtf-elements-holder-item {
float: left;
}
.edgtf-elements-holder .edgtf-elements-holder-item-content {
padding: 0 20px;
}
/* ==========================================================================
End of Elements Holder style
========================================================================== */
/* ==========================================================================
# Team style - begin
========================================================================== */
/* Team type main info on hover - begin
========================================================================== */
.edgtf-team.main-info-on-hover:not(.main-info-below-image) {
overflow: hidden;
}
.edgtf-team.main-info-on-hover .edgtf-team-inner {
overflow: hidden;
width: 100%;
}
.edgtf-team.main-info-on-hover .edgtf-team-image {
position: relative;
overflow: hidden;
}
.edgtf-team.main-info-on-hover .edgtf-team-image img {
width: 100%;
vertical-align: middle;
}
.edgtf-team.main-info-on-hover .edgtf-team-name,
.edgtf-team.main-info-on-hover .edgtf-team-position {
color: #fff;
}
.edgtf-team.main-info-on-hover .edgtf-team-position {
padding-top: 21px;
}
.edgtf-team.main-info-on-hover .edgtf-team-description {
display: table;
width: 100%;
height: 100%;
}
.edgtf-team.main-info-on-hover .edgtf-team-text {
padding: 20px 0 20px;
}
.edgtf-team.main-info-on-hover .edgtf-team-social-wrapp {
margin: 17px 0;
}
.edgtf-team.main-info-on-hover .edgtf-team-title-holder {
padding: 18px 0;
}
.edgtf-team.main-info-on-hover .edgtf-team-social {
display: table;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
.edgtf-team.main-info-on-hover .edgtf-team-social .edgt_icon_ion_icon:before,
.edgtf-team.main-info-on-hover .edgtf-team-social .edgt_icon_linea_icon:before {
line-height: inherit;
}
.edgtf-team.main-info-on-hover .edgtf-team-social-inner {
display: table-cell;
vertical-align: middle;
text-align: center;
position: relative;
}
.edgtf-team.main-info-on-hover .edgtf-team-social-holder {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
display: table-cell;
vertical-align: middle;
background-color: rgba(13, 45, 50, 0);
-webkit-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
}
.edgtf-team.main-info-on-hover .edgtf-team-social-holder .social_icon {
font-size: inherit;
line-height: inherit;
}
.edgtf-team.main-info-on-hover .edgtf-team-social-holder .social_icon {
display: block;
}
.edgtf-team.main-info-on-hover .edgtf-team-social-holder .social_icon:before {
display: block;
}
.edgtf-team.main-info-on-hover .edgtf-team-social-holder .edgtf-icon-shortcode:not(:last-child) {
margin-right: 21px;
}
.edgtf-team.main-info-on-hover .edgtf-team-social-holder .edgtf-icon-shortcode {
border-radius: 4px;
vertical-align: middle;
background-color: #fff;
}
.edgtf-team.main-info-on-hover .edgtf-team-social-holder .edgtf-icon-shortcode:hover {
background-color: #fb3644;
}
.edgtf-team.main-info-on-hover .edgtf-team-social-holder .edgtf-icon-shortcode:hover .edgtf-icon-element {
color: #fff;
}
.edgtf-team.main-info-on-hover .edgtf-team-social-holder .edgtf-icon-shortcode .edgtf-icon-element {
color: #313d44;
}
.edgtf-team.main-info-on-hover:hover .edgtf-team-social-holder {
background-color: rgba(13, 45, 50, 0.9);
}
.edgtf-team.main-info-on-hover:hover .edgtf-team-social {
opacity: 1;
}
.touch .edgtf-team .edgtf-team-social-holder {
cursor: pointer;
}
/* Team type main info on hover - end
========================================================================== */
/* Team type main info below image - begin
========================================================================== */
.edgtf-team.main-info-below-image {
-webkit-transform: translateZ(0);
}
.edgtf-team.main-info-below-image .edgtf-team-info .edgtf-team-name {
color: #1a3545;
margin-top: 40px;
margin-bottom: 20px;
}
.edgtf-team.main-info-below-image .edgtf-team-info .edgtf-team-position {
color: #1a3545;
}
.edgtf-team.main-info-below-image .edgtf-team-image {
overflow: visible;
position: relative;
}
.edgtf-team.main-info-below-image .edgtf-team-image img {
vertical-align: middle;
}
.edgtf-team.main-info-below-image .edgtf-team-social-holder-between {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(49, 61, 68, 0);
-webkit-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;
}
.edgtf-team.main-info-below-image .edgtf-team-social {
position: relative;
display: inline-block;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
.edgtf-team.main-info-below-image .edgtf-team-social .edgtf-icon-shortcode:not(:last-child) {
margin-right: 21px;
}
.edgtf-team.main-info-below-image .edgtf-team-social .edgtf-icon-shortcode {
border-radius: 4px;
vertical-align: middle;
background-color: #fff;
}
.edgtf-team.main-info-below-image .edgtf-team-social .edgtf-icon-shortcode .edgtf-icon-element {
color: #313d44;
}
.edgtf-team.main-info-below-image .edgtf-team-social-wrapp ul {
list-style: none;
position: relative;
display: block;
z-index: 990;
}
.edgtf-team.main-info-below-image .edgtf-team-social-wrapp ul li:first-child {
bottom: 56px;
/* social share icon + space between icons */
transition-delay: .5s;
}
.edgtf-team.main-info-below-image .edgtf-team-social-wrapp ul li:nth-child(2) {
bottom: 102px;
/* previous icon position + icon height + space between icons */
transition-delay: .4s;
}
.edgtf-team.main-info-below-image .edgtf-team-social-wrapp ul li:nth-child(3) {
bottom: 148px;
/* previous icon position + icon height + space between icons */
transition-delay: .3s;
}
.edgtf-team.main-info-below-image .edgtf-team-social-wrapp ul li:nth-child(4) {
bottom: 194px;
/* previous icon position + icon height + space between icons */
transition-delay: .2s;
}
.edgtf-team.main-info-below-image .edgtf-team-social-wrapp ul li:nth-child(5) {
bottom: 240px;
/* previous icon position + icon height + space between icons */
transition-delay: .1s;
}
.edgtf-team.main-info-below-image .edgtf-team-social.normal-social .edgtf-team-social-wrapp ul li {
position: absolute;
bottom: 0;
left: 0;
text-align: center;
opacity: 0;
-webkit-transition: opacity .03s ease-out, position .1s ease-out;
transition: opacity .03s ease-out, position .1s ease-out;
}
.edgtf-team.main-info-below-image .edgtf-team-social.normal-social .edgtf-team-social-wrapp ul li:first-child {
bottom: 50px;
}
.edgtf-team.main-info-below-image .edgtf-team-social.normal-social .edgtf-team-social-wrapp ul li:nth-child(2) {
bottom: 90px;
}
.edgtf-team.main-info-below-image .edgtf-team-social.normal-social .edgtf-team-social-wrapp ul li:nth-child(3) {
bottom: 130px;
}
.edgtf-team.main-info-below-image .edgtf-team-social.normal-social .edgtf-team-social-wrapp ul li:nth-child(4) {
bottom: 170px;
}
.edgtf-team.main-info-below-image .edgtf-team-social.normal-social .edgtf-team-social-wrapp ul li:nth-child(5) {
bottom: 210px;
}
.edgtf-team.main-info-below-image .edgtf-team-info {
margin-top: 20px;
}
.edgtf-team.main-info-below-image .edgtf-team-info {
margin-top: 0;
}
.edgtf-team.main-info-below-image .edgtf-team-text {
padding: 0;
}
.edgtf-team.main-info-below-image:hover .edgtf-team-social-wrapp ul li {
opacity: 1;
cursor: pointer;
}
.edgtf-team.main-info-below-image:hover .edgtf-team-social-wrapp ul li:first-child {
transition-delay: .1s;
}
.edgtf-team.main-info-below-image:hover .edgtf-team-social-wrapp ul li:nth-child(2) {
transition-delay: .2s;
}
.edgtf-team.main-info-below-image:hover .edgtf-team-social-wrapp ul li:nth-child(3) {
transition-delay: .3s;
}
.edgtf-team.main-info-below-image:hover .edgtf-team-social-wrapp ul li:nth-child(4) {
transition-delay: .4s;
}
.edgtf-team.main-info-below-image:hover .edgtf-team-social-wrapp ul li:nth-child(5) {
transition-delay: .5s;
}
.edgtf-team.main-info-below-image:hover .edgtf-team-social-holder-between {
background-color: rgba(49, 61, 68, 0.75);
}
.edgtf-team.main-info-below-image:hover .edgtf-team-social {
opacity: 1;
}
/* Team type main info below image - end
========================================================================== */
/* ==========================================================================
# Team style - end
========================================================================== */
/* ==========================================================================
# Call to action style - begin
========================================================================== */
.edgtf-call-to-action {
position: relative;
display: block;
box-sizing: border-box;
background-color: #fb3644;
}
.edgtf-call-to-action .edgtf-call-to-action-row-75-25,
.edgtf-call-to-action .edgtf-call-to-action-row-50-50,
.edgtf-call-to-action .edgtf-call-to-action-row-66-33 {
display: table;
box-sizing: border-box;
width: 100%;
}
.edgtf-call-to-action .edgtf-call-to-action-row-75-25 .edgtf-call-to-action-column1 {
width: 75%;
}
.edgtf-call-to-action .edgtf-call-to-action-row-75-25 .edgtf-call-to-action-column2 {
width: 25%;
}
.edgtf-call-to-action .edgtf-call-to-action-row-50-50 .edgtf-call-to-action-column1,
.edgtf-call-to-action .edgtf-call-to-action-row-50-50 .edgtf-call-to-action-column2 {
width: 50%;
}
.edgtf-call-to-action .edgtf-call-to-action-row-66-33 .edgtf-call-to-action-column1 {
width: 66%;
}
.edgtf-call-to-action .edgtf-call-to-action-row-66-33 .edgtf-call-to-action-column2 {
width: 34%;
}
.edgtf-call-to-action .edgtf-call-to-action-column2 {
text-align: right;
}
.edgtf-call-to-action .edgtf-call-to-action-cell {
display: table-cell;
vertical-align: middle;
}
.edgtf-call-to-action .edgtf-text-wrapper .edgtf-call-to-action-icon-holder {
position: absolute;
height: 100%;
top: 0;
}
.edgtf-call-to-action .edgtf-text-wrapper .edgtf-call-to-action-icon {
display: table;
height: 100%;
}
.edgtf-call-to-action .edgtf-text-wrapper .edgtf-call-to-action-icon .edgtf-call-to-action-icon-inner {
display: table-cell;
height: 100%;
vertical-align: middle;
}
.edgtf-call-to-action .edgtf-text-wrapper .edgtf-call-to-action-icon .edgtf-call-to-action-icon-inner .edgtf-call-to-action-icon {
color: #8b8b8b;
font-size: 40px;
display: inline;
}
.edgtf-call-to-action .edgtf-call-to-action-text,
.edgtf-call-to-action .edgtf-call-to-action-text * {
color: #fff;
}
.edgtf-call-to-action.with-icon .edgtf-text-wrapper .edgtf-call-to-action-text {
padding: 0 20px 0 70px;
}
/* ==========================================================================
# Call to action style - end
========================================================================== */
/* ==========================================================================
# Counter style - begin
========================================================================== */
.edgtf-counter-holder {
display: block;
opacity: 0;
-webkit-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
padding: 20px 0;
}
.edgtf-counter-holder .edgtf-counter {
font-size: 50px;
line-height: 1em;
font-weight: 300;
color: #575757;
overflow: hidden;
display: inline-block !important;
height: 1em;
}
.edgtf-counter-holder .edgtf-counter-title {
margin-top: 0;
margin-bottom: 0;
color: #575757;
}
.edgtf-counter-holder .edgtf-counter-text {
margin: 0;
color: #575757;
}
.edgtf-counter-holder-show {
opacity: 1;
}
.edgtf-counter-holder.left {
text-align: left;
}
.edgtf-counter-holder.right {
text-align: right;
}
.edgtf-counter-holder.center {
text-align: center;
padding: 20px 0px;
}
/* ==========================================================================
# Counter style - end
========================================================================== */
/* ==========================================================================
# Clients style - begin
========================================================================== */
.edgtf-clients .edgtf-client-holder {
float: left;
text-align: center;
margin-bottom: 0;
}
.edgtf-clients .edgtf-client-holder .edgtf-client-holder-inner {
position: relative;
margin: 0;
}
.edgtf-clients .edgtf-client-holder a {
display: inline-block;
vertical-align: middle;
max-width: 100%;
line-height: 0;
-webkit-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out;
position: relative;
overflow: hidden;
}
.edgtf-clients .edgtf-client-holder.edgtf-hover-opacity a:hover {
opacity: 0.4;
}
.edgtf-clients .edgtf-client-holder .edgtf-client-image {
position: relative;
display: block;
}
.edgtf-clients .edgtf-client-holder .edgtf-client-hover-image {
position: absolute;
top: 0;
left: 0;
display: block;
}
.edgtf-clients .edgtf-client-holder.edgtf-clients-roll-over .edgtf-client-hover-image,
.edgtf-clients .edgtf-client-holder.edgtf-clients-roll-over .edgtf-client-image {
-webkit-transition: -webkit-transform 0.22s cubic-bezier(0.6, -0.28, 0.26, 0.99);
transition: transform 0.22s cubic-bezier(0.6, -0.28, 0.26, 0.99);
}
.edgtf-clients .edgtf-client-holder.edgtf-clients-roll-over .edgtf-client-hover-image {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.edgtf-clients .edgtf-client-holder.edgtf-clients-roll-over a:hover .edgtf-client-hover-image {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.edgtf-clients .edgtf-client-holder.edgtf-clients-roll-over a:hover .edgtf-client-image {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.edgtf-clients .edgtf-client-holder.edgtf-clients-fade .edgtf-client-hover-image,
.edgtf-clients .edgtf-client-holder.edgtf-clients-fade .edgtf-client-image {
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.edgtf-clients .edgtf-client-holder.edgtf-clients-fade .edgtf-client-hover-image {
opacity: 0;
}
.edgtf-clients .edgtf-client-holder.edgtf-clients-fade a:hover .edgtf-client-hover-image {
opacity: 1;
}
.edgtf-clients .edgtf-client-holder.edgtf-clients-fade a:hover .edgtf-client-image {
opacity: 0;
}
.edgtf-clients.edgtf-clients-two-columns .edgtf-client-holder {
width: 50%;
}
.edgtf-clients.edgtf-clients-three-columns .edgtf-client-holder {
width: 33.33%;
}
.edgtf-clients.edgtf-clients-four-columns .edgtf-client-holder {
width: 25%;
}
.edgtf-clients.edgtf-clients-five-columns .edgtf-client-holder {
width: 20%;
}
.edgtf-clients .edgtf-clients-six-columns .edgtf-client-holder {
width: 16.66%;
}
.edgtf-clients .edgtf-client-image-holder {
padding: 20px 0;
}
/* ==========================================================================
# Clients style - end
========================================================================== */
/* ==========================================================================
Zig Zag separator start style
========================================================================== */
.edgtf-zig-zag-separator-holder {
position: relative;
opacity: 0;
line-height: 0;
}
.edgtf-zig-zag-separator-holder.edgtf-zig-zag-separator-center {
text-align: center;
}
.edgtf-zig-zag-separator-holder.edgtf-zig-zag-separator-left {
text-align: left;
}
.edgtf-zig-zag-separator-holder.edgtf-zig-zag-separator-right {
text-align: right;
}
.edgtf-zig-zag-separator-holder .edgtf-zig-zag-separator {
fill: none;
stroke: #fb3644;
stroke-width: 3.7;
stroke-miterlimit: 10;
}
.edgtf-zig-zag-separator-holder.edgtf-zig-zag-separator-on {
opacity: 1;
}
.touch .edgtf-zig-zag-separator-holder {
opacity: 1 !important;
}
/* ==========================================================================
End of Zig Zag separator style
========================================================================== */
/* ==========================================================================
SVG Icons start style
========================================================================== */
.edgtf-svg-icons-text-holder {
position: relative;
cursor: default;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
@media only screen and (max-width: 768px) {
.edgtf-svg-icons-text-holder {
margin-bottom: 50px;
}
}
.edgtf-svg-icons-text-holder:hover svg {
stroke: #fb3644 !important;
}
.edgtf-svg-icons-text-holder .edgtf-svg-icons {
position: relative;
opacity: 0;
-webkit-transition: all 0.5s ease 0.1s;
transition: all 0.5s ease 0.1s;
}
.edgtf-svg-icons-text-holder .edgtf-svg-icons svg {
stroke: #575757;
vertical-align: middle;
height: 55px;
width: auto;
-webkit-transition: stroke 0.2s ease-out 0.1s;
transition: stroke 0.2s ease-out 0.1s;
}
.edgtf-svg-icons-text-holder .edgtf-svg-icons path {
fill: none;
stroke: inherit;
stroke-width: 3;
stroke-miterlimit: 10;
}
.edgtf-svg-icons-text-holder .edgtf-svg-icons.edgtf-svg-icons-on {
opacity: 1;
}
.edgtf-svg-icons-text-holder.edgtf-upward-animation:hover .edgtf-svg-icons {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
.edgtf-svg-icons-text-holder .edgtf-svg-text {
margin-top: 10px;
position: absolute;
top: 100%;
left: 50%;
opacity: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: -webkit-transform .2s ease-out, opacity .35s ease;
transition: transform .2s ease-out, opacity .35s ease;
width: 100%;
-webkit-backface-visibility: hidden;
}
.edgtf-svg-icons-text-holder.edgtf-upward-animation:hover .edgtf-svg-text {
-webkit-transform: translate(-50%, -15px);
transform: translate(-50%, -15px);
opacity: 1;
}
.touch .edgtf-svg-icons-text-holder .edgtf-svg-icons {
opacity: 1 !important;
}
/* ==========================================================================
End of SVG Icons style
========================================================================== */
/* ==========================================================================
Number start style
========================================================================== */
.edgtf-number-holder.edgtf-number-center {
text-align: center;
}
.edgtf-number-holder.edgtf-number-left {
text-align: left;
}
.edgtf-number-holder.edgtf-number-right {
text-align: right;
}
.edgtf-number-holder .edgtf-number {
font-size: 92px;
font-family: 'Open Sans', serif;
line-height: 1em;
font-weight: 600;
color: #eaeaea;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
display: inline-block;
vertical-align: middle;
position: relative;
z-index: -1;
}
.edgtf-number-holder-inner {
display: inline-block;
vertical-align: middle;
}
.edgtf-number-holder-inner:hover .edgtf-number {
color: #fb3644 !important;
}
/* ==========================================================================
End of Number style
========================================================================== */
/* ==========================================================================
Background Revealing Holder start style
========================================================================== */
.edgtf-curtain-holder {
position: relative;
background: transparent center center no-repeat;
background-size: cover;
overflow: hidden;
border: 2px solid #efefef;
box-sizing: border-box;
}
.edgtf-curtain-holder .edgtf-curtain-holder-content {
position: relative;
padding: 30px 45px;
}
.edgtf-curtain-holder .edgtf-curtains {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.edgtf-curtain-holder .edgtf-curtain {
position: absolute;
}
.edgtf-curtain-holder .edgtf-curtain-top {
top: 0;
left: 0;
width: 100%;
height: 0;
}
.edgtf-curtain-holder .edgtf-curtain-bottom {
bottom: 0;
left: 0;
width: 100%;
height: 0;
}
.edgtf-curtain-holder .edgtf-curtain-left {
top: 0;
left: 0;
width: 0;
height: 100%;
}
.edgtf-curtain-holder .edgtf-curtain-right {
top: 0;
right: 0;
width: 0;
height: 100%;
}
.edgtf-curtain-holder .edgtf-curtain-top.edgtf-pulled,
.edgtf-curtain-holder .edgtf-curtain-bottom.edgtf-pulled,
.edgtf-curtain-holder .edgtf-curtain-left.edgtf-pulled,
.edgtf-curtain-holder .edgtf-curtain-right.edgtf-pulled {
width: 100%;
height: 100%;
}
/* ==========================================================================
End of Background Revealing Holder style
========================================================================== */
.edgtf-icon-shortcode {
display: inline-block;
}
.edgtf-icon-shortcode.circle, .edgtf-icon-shortcode.square {
background-color: #fb3644;
width: 2em;
height: 2em;
line-height: 2em;
text-align: center;
-webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.edgtf-icon-shortcode.circle a, .edgtf-icon-shortcode.square a {
display: inline-block;
width: 100%;
height: 100%;
}
.edgtf-icon-shortcode.circle .edgtf-icon-element, .edgtf-icon-shortcode.square .edgtf-icon-element {
color: #fff;
line-height: inherit;
}
.edgtf-icon-shortcode.circle {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.edgtf-icon-shortcode .edgtf-icon-element {
-webkit-transition: color 0.15s ease-in-out;
transition: color 0.15s ease-in-out;
}
.edgtf-icon-animation-holder {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: transform 0.15s ease-in-out;
transition: transform 0.15s ease-in-out;
display: inline-block;
}
.edgtf-icon-animation-holder.edgtf-icon-animation-show {
-webkit-transform: scale(1);
transform: scale(1);
}
.edgtf-icon-animation-holder .edgtf-animation-overlay {
top: -8px;
left: -8px;
padding: 8px;
box-shadow: 0 0 0 2px #fb3644;
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease;
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
box-sizing: content-box;
z-index: -1;
}
.edgtf-icon-animation-holder.circle .edgtf-animation-overlay {
border-radius: 50%;
}
.edgtf-icon-shortcode:hover .edgtf-animation-overlay {
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.1, 2.2), opacity 0.3s cubic-bezier(0, 0, 0.1, 2.2);
transition: transform 0.3s cubic-bezier(0, 0, 0.1, 2.2), opacity 0.3s cubic-bezier(0, 0, 0.1, 2.2);
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.edgtf-icon-tiny {
font-size: 1.5em;
line-height: .75em;
vertical-align: -15%;
}
.edgtf-icon-small {
font-size: 2em;
}
.edgtf-icon-medium {
font-size: 3em;
}
.edgtf-icon-large {
font-size: 4em;
}
.edgtf-icon-huge {
font-size: 5em;
}
/* ==========================================================================
# Info Card - begin
========================================================================== */
.edgtf-info-card-holder {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.edgtf-info-card-holder > a {
position: absolute;
height: 100%;
width: 100%;
z-index: 111;
}
.edgtf-info-card-holder:hover .edgtf-info-card-holder-inner, .edgtf-info-card-holder:focus .edgtf-info-card-holder-inner, .edgtf-info-card-holder:active .edgtf-info-card-holder-inner {
-webkit-transition: background-color 0.5s ease 0.1s;
transition: background-color 0.5s ease 0.1s;
}
.edgtf-info-card-holder:hover .edgtf-image-1, .edgtf-info-card-holder:focus .edgtf-image-1, .edgtf-info-card-holder:active .edgtf-image-1 {
top: -100%;
-webkit-transition: top 0.4s ease;
transition: top 0.4s ease;
}
.edgtf-info-card-holder:hover .edgtf-image-2, .edgtf-info-card-holder:focus .edgtf-image-2, .edgtf-info-card-holder:active .edgtf-image-2 {
top: 0;
-webkit-transition: top 0.4s ease;
transition: top 0.4s ease;
}
.edgtf-info-card-holder:hover .edgtf-info-card-title-holder h3,
.edgtf-info-card-holder:hover .edgtf-info-card-text-holder p, .edgtf-info-card-holder:focus .edgtf-info-card-title-holder h3,
.edgtf-info-card-holder:focus .edgtf-info-card-text-holder p, .edgtf-info-card-holder:active .edgtf-info-card-title-holder h3,
.edgtf-info-card-holder:active .edgtf-info-card-text-holder p {
color: #fff;
}
.edgtf-info-card-holder:hover .edgtf-info-card-icon-holder span i, .edgtf-info-card-holder:focus .edgtf-info-card-icon-holder span i, .edgtf-info-card-holder:active .edgtf-info-card-icon-holder span i {
-webkit-transition: opacity 0.1s ease-out 0.1s !important;
transition: opacity 0.1s ease-out 0.1s !important;
opacity: 0;
}
.edgtf-info-card-holder:hover .edgtf-info-card-icon-holder,
.edgtf-info-card-holder:hover .edgtf-info-card-title-holder,
.edgtf-info-card-holder:hover .edgtf-info-card-text-holder, .edgtf-info-card-holder:focus .edgtf-info-card-icon-holder,
.edgtf-info-card-holder:focus .edgtf-info-card-title-holder,
.edgtf-info-card-holder:focus .edgtf-info-card-text-holder, .edgtf-info-card-holder:active .edgtf-info-card-icon-holder,
.edgtf-info-card-holder:active .edgtf-info-card-title-holder,
.edgtf-info-card-holder:active .edgtf-info-card-text-holder {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
-webkit-transition: -webkit-transform 1s cubic-bezier(0.01, 0.47, 0.58, 1) 0.1s;
transition: transform 1s cubic-bezier(0.01, 0.47, 0.58, 1) 0.1s;
}
.edgtf-info-card-holder-inner {
position: relative;
background-color: transparent;
padding: 71px 32px 50px;
z-index: 99;
-webkit-transition: background-color 0.2s ease;
transition: background-color 0.2s ease;
}
.edgtf-image-1, .edgtf-image-2 {
content: '';
position: absolute;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
transition: top .45s ease;
}
.edgtf-image-1 {
top: 0;
z-index: 22;
}
.edgtf-image-2 {
background-color: #fb3644;
top: 100%;
z-index: 11;
}
.edgtf-info-card-title-holder {
-webkit-transition: -webkit-transform .4s ease-out;
transition: transform .4s ease-out;
}
.edgtf-info-card-title-holder h3 {
color: #000;
-webkit-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
}
.edgtf-info-card-icon-holder {
margin: 20px 10px;
-webkit-transition: -webkit-transform .4s ease-out;
transition: transform .4s ease-out;
}
.edgtf-info-card-icon-holder span i {
color: #000;
font-size: 2em;
-webkit-transition: opacity 0.1s ease-out 0.1s !important;
transition: opacity 0.1s ease-out 0.1s !important;
}
.edgtf-info-card-text-holder {
margin: 15px 0 5px;
max-width: 90%;
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
-webkit-transition: -webkit-transform .4s ease-out;
transition: transform .4s ease-out;
}
.edgtf-info-card-text-holder p {
color: #000;
-webkit-transition: color 0.15s ease-out;
transition: color 0.15s ease-out;
}
/* ==========================================================================
# Info Card - end
========================================================================== */
/* ==========================================================================
# Counter style - begin
========================================================================== */
.edgtf-counter-holder {
display: block;
opacity: 0;
-webkit-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
padding: 20px 0;
}
.edgtf-counter-holder .edgtf-counter {
font-size: 50px;
line-height: 1em;
font-weight: 300;
color: #575757;
overflow: hidden;
display: inline-block !important;
height: 1em;
}
.edgtf-counter-holder .edgtf-counter-title {
margin-top: 0;
margin-bottom: 0;
color: #575757;
}
.edgtf-counter-holder .edgtf-counter-text {
margin: 0;
color: #575757;
}
.edgtf-counter-holder-show {
opacity: 1;
}
.edgtf-counter-holder.left {
text-align: left;
}
.edgtf-counter-holder.right {
text-align: right;
}
.edgtf-counter-holder.center {
text-align: center;
padding: 20px 0px;
}
/* ==========================================================================
# Counter style - end
========================================================================== */
/* ==========================================================================
# Countdown style - begin
========================================================================== */
/* jQuery Countdown styles 2.0.0. */
.countdown-rtl {
direction: rtl;
}
.countdown-row {
clear: both;
width: 100%;
padding: 0 2px;
text-align: center;
}
.countdown-show1 .countdown-section {
width: 98%;
}
.countdown-show2 .countdown-section {
width: 48%;
}
.countdown-show3 .countdown-section {
width: 32.5%;
}
.countdown-show4 .countdown-section {
width: 24.5%;
}
.countdown-show5 .countdown-section {
width: 19.5%;
}
.countdown-show6 .countdown-section {
width: 16.25%;
}
.countdown-show7 .countdown-section {
width: 14%;
}
.edgtf-countdown {
font-weight: 700;
}
.countdown-section {
display: inline-block;
vertical-align: middle;
text-align: center;
font-weight: inherit;
}
.countdown-amount {
display: block;
position: relative;
font-size: 60px;
line-height: 60px;
margin-bottom: 20px;
color: inherit;
}
.countdown-period {
display: block;
font-size: 15px;
letter-spacing: 1px;
text-transform: uppercase;
color: inherit;
}
.countdown-descr {
display: block;
width: 100%;
}
/* ==========================================================================
# Countdown style - end
========================================================================== */
/* ==========================================================================
# Message style - begin
========================================================================== */
/* Unique style for both types - begin
========================================================================== */
.edgtf-message {
position: relative;
padding: 24px 27px;
margin: 0;
background-color: #ccc;
border: 0 solid #d7d7d7;
}
@media only screen and (max-width: 480px) {
.edgtf-message {
padding: 20px 22px;
}
}
.edgtf-message .edgtf-message-inner {
position: relative;
padding-right: 20px;
}
.edgtf-message .edgtf-message-inner .edgtf-message-text {
display: table;
height: 100%;
}
@media screen and (max-width: 320px) {
.edgtf-message .edgtf-message-inner .edgtf-message-text {
line-height: normal !important;
}
}
.edgtf-message .edgtf-message-inner .edgtf-message-text .edgtf-message-text-inner {
display: table-cell;
height: 100%;
vertical-align: middle;
color: #fff;
font-size: 18px;
font-weight: 400;
color: #fff;
font-size: 14px;
font-style: normal;
font-weight: 400;
}
.edgtf-message .edgtf-message-inner a.edgtf-close {
position: absolute;
right: 6px;
top: 2px;
line-height: 13px;
font-size: 18px;
}
.edgtf-message .edgtf-message-inner a.edgtf-close i {
width: 14px;
height: 14px;
color: #fff;
font-weight: 700;
display: inline-block;
}
.edgtf-message .edgtf-message-inner a.edgtf-close i:hover {
color: #fb3644;
}
/* Unique style for both types - end
========================================================================== */
/* Type with icon - begin
========================================================================== */
.edgtf-message.edgtf-with-icon .edgtf-message-icon-holder {
float: right;
padding: 0 20px 0 34px;
}
@media only screen and (max-width: 600px) {
.edgtf-message.edgtf-with-icon .edgtf-message-icon-holder {
padding: 20px 22px;
}
}
.edgtf-message.edgtf-with-icon .edgtf-message-icon-holder .edgtf-message-icon {
display: table;
height: 100%;
}
.edgtf-message.edgtf-with-icon .edgtf-message-icon-holder .edgtf-message-icon .edgtf-message-icon-inner {
display: table-cell;
height: 100%;
vertical-align: middle;
color: #fff;
font-size: 18px;
font-weight: 400;
}
.edgtf-message.edgtf-with-icon .edgtf-message-icon-holder .edgtf-message-icon .edgtf-message-icon-inner > i,
.edgtf-message.edgtf-with-icon .edgtf-message-icon-holder .edgtf-message-icon .edgtf-message-icon-inner > span {
color: #fff;
line-height: 1em;
padding: 8px;
}
/* Type with icon - end
==========================================================================
/* ==========================================================================
# Message style - end
========================================================================== */
/* ==========================================================================
# Ordered List Style - begin
========================================================================== */
.edgtf-ordered-list ol {
counter-reset: li;
display: block;
list-style-type: none;
background-position: left center;
background-repeat: no-repeat;
margin: 0 0 30px;
}
.edgtf-ordered-list ol li {
margin: 0px 0px 5px;
font-family: inherit;
}
.edgtf-ordered-list ol > li:before {
color: #fb3644;
content: counter(li, decimal-leading-zero);
counter-increment: li;
padding-right: 16px;
}
.edgtf-ordered-list ul {
counter-reset: li;
display: block;
list-style-type: none;
background-position: left center;
background-repeat: no-repeat;
margin: 0 0 30px;
}
/* ==========================================================================
# Ordered List Style - end
========================================================================== */
/* ==========================================================================
# Unordered List Style - begin
========================================================================== */
.edgtf-unordered-list ul {
display: block;
margin: 0;
padding: 0;
list-style-type: none;
}
.edgtf-unordered-list ul > li {
position: relative;
font-family: inherit;
padding-left: 20px;
margin-bottom: 5px;
}
.edgtf-unordered-list.edgtf-line ul > li:before {
height: 20px;
width: auto;
line-height: 20px;
display: inline-block;
position: absolute;
left: 0;
top: 1px;
padding: 0;
color: #fb3644;
text-align: center;
content: '-';
}
.edgtf-unordered-list.edgtf-square ul > li:before, .edgtf-unordered-list.edgtf-dropcaps.edgtf-circle ul > li:before {
height: 6px;
width: 6px;
display: inline-block;
position: absolute;
left: 0;
top: 10px;
padding: 0;
background-color: #fb3644;
text-align: center;
content: '';
}
.edgtf-unordered-list.edgtf-circle ul > li:before {
height: 6px;
width: 6px;
border-radius: 6px;
display: inline-block;
position: absolute;
left: 0;
top: 10px;
padding: 0;
background-color: #fb3644;
text-align: center;
content: '';
}
.edgtf-unordered-list.edgtf-color-black ul > li:before {
background-color: #000 !important;
/* predefined style */
}
.edgtf-unordered-list.edgtf-color-white ul > li:before {
background-color: #fff !important;
/* predefined style */
}
.edgtf-unordered-list.edgtf-animate-list ul li {
opacity: 0;
top: -40px;
}
.touch .no_animation_on_touch .edgtf-unordered-list.edgtf-animate-list ul li {
opacity: 1;
top: 0;
}
/* ==========================================================================
# Unordered List Style - end
========================================================================== */
/* ==========================================================================
# Icon List Item style - begin
========================================================================== */
.edgtf-icon-list-item {
display: table;
height: 1em;
width: 100%;
position: relative;
margin-bottom: 9px;
}
.edgtf-icon-list-item .edgtf-icon-list-icon-holder {
display: table-cell;
vertical-align: middle;
width: 1%;
padding-right: 20px;
}
.edgtf-icon-list-item .edgtf-icon-list-icon-holder-inner i,
.edgtf-icon-list-item .edgtf-icon-list-icon-holder-inner .edgtf-icon-font-elegant {
display: block;
color: #fb3644;
font-size: 14px;
text-align: center;
}
.edgtf-icon-list-item .edgtf-icon-list-text {
display: table-cell;
vertical-align: middle;
position: relative;
}
.edgtf-icon-list-item-square .edgtf-icon-list-icon-holder {
width: 1%;
}
.edgtf-icon-list-item-square .edgtf-icon-list-icon-holder-inner i,
.edgtf-icon-list-item-square .edgtf-icon-list-icon-holder-inner .edgtf-icon-font-elegant {
display: block;
color: #fff;
width: 1.6em;
height: 1.6em;
line-height: 1.6em;
font-size: 10px;
text-align: center;
background-color: #fb3644;
border-radius: 2px;
}
/* ==========================================================================
# Icon List Item style - end
========================================================================== */
/* ==========================================================================
Progress bar shortcode start styles
========================================================================== */
.edgtf-progress-bar {
position: relative;
margin: 0 0 10px;
width: 100%;
overflow: hidden;
text-align: left;
padding-right: 24px;
}
.edgtf-progress-bar .edgtf-progress-title-holder {
position: relative;
margin: 0;
}
.edgtf-progress-bar .edgtf-progress-title-holder .edgtf-progress-title {
display: inline-block;
z-index: 100;
color: #575757;
font-size: 14px;
}
.edgtf-progress-bar .edgtf-progress-number-wrapper {
text-align: right;
position: absolute;
left: 0;
z-index: 10;
opacity: 0;
color: #575757;
bottom: 0;
}
.edgtf-progress-bar .edgtf-progress-number-wrapper .edgtf-progress-number {
font-size: 14px;
font-weight: 700;
display: inline-block;
text-align: center;
float: right;
height: 21px;
line-height: 21px;
padding-left: 8px;
padding-right: 8px;
}
.edgtf-progress-bar .edgtf-progress-number-wrapper .edgtf-progress-number .edgtf-percent:after {
content: '%';
margin-left: 0.1em;
font-size: 1em;
}
.edgtf-progress-bar .edgtf-progress-number-wrapper.edgtf-floating {
width: 100%;
height: 100%;
}
.edgtf-progress-bar .edgtf-progress-number-wrapper.edgtf-floating .edgtf-progress-number {
position: absolute;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
}
.edgtf-progress-bar .edgtf-progress-number-wrapper.edgtf-floating-inside .edgtf-progress-number {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
height: 16px;
line-height: 16px;
}
.edgtf-progress-bar .edgtf-progress-number-wrapper.edgtf-floating-inside .edgtf-progress-number .edgtf-percent {
display: inline-block;
}
.edgtf-progress-bar .edgtf-progress-number-wrapper.edgtf-static {
width: 100%;
margin-left: 0;
}
.edgtf-progress-bar .edgtf-progress-number-wrapper.edgtf-static .edgtf-progress-number {
color: #fb3644;
font-size: 14px;
}
.edgtf-progress-bar .edgtf-progress-content-outer {
background-color: #fff;
position: relative;
overflow: hidden;
height: 16px;
border-color: #efefef;
}
.edgtf-progress-bar .edgtf-progress-content-outer .edgtf-progress-content {
max-width: 100%;
width: 0;
overflow: hidden;
background-color: #fb3644;
height: 16px;
border: 1px solid transparent;
box-sizing: border-box;
position: relative;
z-index: 20;
}
.edgtf-progress-bar .edgtf-progress-content-outer:after {
content: '';
border-width: 2px;
border-color: inherit;
border-style: solid;
position: absolute;
z-index: 19;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
box-sizing: border-box;
}
/* ==========================================================================
Progress bar shortcode end styles
========================================================================== */
/* ==========================================================================
# Testimonial style - begin
========================================================================== */
.edgtf-testimonials {
display: none;
/* Testimonials image styles */
}
.edgtf-testimonials .edgtf-testimonial-text-holder {
position: relative;
display: block;
}
.edgtf-testimonials .edgtf-testimonial-text-holder .edgtf-testimonial-text-inner {
display: block;
text-align: center;
}
.edgtf-testimonials .edgtf-testimonial-content {
text-align: center;
}
.edgtf-testimonials .edgtf-testimonial-text {
font-size: 16px;
line-height: 1.71em;
font-weight: 300;
}
.edgtf-testimonials .edgtf-testimonial-title {
margin: 0 0 23px;
}
.edgtf-testimonials .edgtf-testimonial-author-text {
line-height: 1.1em;
text-transform: uppercase;
font-size: 18px;
font-weight: 600;
padding: 32px 0 3px 0;
}
.edgtf-testimonials .edgtf-testimonial-author-text .edgtf-testimonials-job {
text-transform: none;
}
.edgtf-testimonials .edgtf-testimonial-author-text span {
font-weight: 400;
font-size: 14px;
}
.edgtf-testimonials .edgtf-testimonial-image-holder {
text-align: center;
margin: 0 0 18px;
display: inline-block;
}
.edgtf-testimonials .edgtf-testimonial-image-holder img {
max-width: 100%;
vertical-align: middle;
border-radius: 50%;
}
.edgtf-testimonials-holder.with-quote .edgtf-testimonial-image-holder {
background-image: url("img/quote.png");
background-repeat: no-repeat;
padding: 0 75px;
}
.edgtf-testimonials.owl-carousel .owl-dots {
text-align: center;
margin-top: 16px;
}
.edgtf-testimonials.owl-carousel .owl-dots .owl-dot {
display: inline-block;
}
.edgtf-testimonials.owl-carousel .owl-dots .owl-dot span {
display: inline-block;
width: 5px;
height: 5px;
margin: 0 9px;
background-color: #333;
}
.edgtf-testimonials.owl-carousel .owl-dots .owl-dot.active span {
background-color: #fb3644;
}
/* light-dark skin */
.edgtf-testimonials.owl-carousel.light .edgtf-testimonials-job,
.edgtf-testimonials.owl-carousel.light .edgtf-testimonial-author-text,
.edgtf-testimonials.owl-carousel.light .edgtf-testimonial-text,
.edgtf-testimonials.owl-carousel.light .edgtf-testimonial-title {
color: #fff;
}
.edgtf-testimonials.owl-carousel.light .owl-dots .owl-dot span {
background-color: #fff;
}
.edgtf-testimonials.owl-carousel.light .owl-dot.active span {
background-color: #fb3644;
}
.edgtf-testimonials.owl-carousel.dark .edgtf-testimonials-job,
.edgtf-testimonials.owl-carousel.dark .edgtf-testimonial-author-text,
.edgtf-testimonials.owl-carousel.dark .edgtf-testimonial-text,
.edgtf-testimonials.owl-carousel.dark .edgtf-testimonial-title {
color: #575757;
}
.edgtf-testimonials.owl-carousel.dark .owl-dots .owl-dot span {
background-color: #c1c1c1;
}
.edgtf-testimonials.owl-carousel.dark .owl-dot.active span {
background-color: #fb3644;
}
/* ==========================================================================
# Testimonial style - end
========================================================================== */
/* ==========================================================================
# Pricing table style - begin
========================================================================== */
.edgtf-pricing-tables.edgtf-two-columns .edgtf-price-table {
width: 48.75%;
}
.edgtf-pricing-tables.edgtf-three-columns .edgtf-price-table {
width: 31.666666666666668%;
}
.edgtf-pricing-tables.edgtf-four-columns .edgtf-price-table {
width: 23.125%;
}
.edgtf-price-table {
position: relative;
width: 100%;
padding: 0;
margin-left: 2.5%;
float: left;
}
.edgtf-price-table:first-child {
margin-left: 0;
}
.edgtf-price-table .edgtf-price-table-inner {
position: relative;
background-color: #fff;
border: 2px solid #efefef;
}
.edgtf-price-table .edgtf-price-table-inner ul {
list-style: none outside none;
margin: 0;
}
.edgtf-price-table .edgtf-price-table-inner ul li {
text-align: center;
margin: 0;
padding: 3px 20px;
}
.edgtf-price-table .edgtf-price-table-inner ul li.edgtf-price-button {
padding: 0;
}
.edgtf-price-table .edgtf-price-table-inner ul li.edgtf-price-button a {
display: block;
background-color: #fb3644;
color: #fff;
font-size: 18px;
line-height: 27px;
font-weight: 700;
padding: 14px 0;
-webkit-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
margin: -2px;
}
.edgtf-price-table .edgtf-price-table-inner ul li.edgtf-price-button a:hover {
background-color: #333;
}
.edgtf-price-table .edgtf-price-table-inner ul li.edgtf-table-title,
.edgtf-price-table .edgtf-price-table-inner ul li.edgtf-table-prices {
border-bottom: 2px solid #efefef;
}
.edgtf-price-table .edgtf-price-table-inner ul li.edgtf-table-title {
padding: 14px 20px;
position: relative;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.edgtf-price-table .edgtf-price-table-inner ul li.edgtf-table-title .edgtf-title-content {
display: block;
color: #333;
font-size: 18px;
line-height: 27px;
font-weight: 700;
}
.edgtf-price-table .edgtf-price-table-inner ul li.edgtf-table-content,
.edgtf-price-table .edgtf-price-table-inner ul li.edgtf-table-content ul {
padding: 14px 0;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.edgtf-price-table .edgtf-price-table-inner ul li.edgtf-table-content ul li:last-child {
border-bottom: none;
}
.edgtf-price-table .edgtf-price-table-inner ul li.edgtf-table-prices {
padding: 20px 5px 16px;
}
.edgtf-price-table .edgtf-price-table-inner ul li.edgtf-table-prices .edgtf-price-in-table {
text-align: center;
}
.edgtf-price-table .edgtf-price-table-inner ul li.edgtf-table-prices .edgtf-value {
font-size: 30px;
line-height: 30px;
position: relative;
color: #333;
vertical-align: top;
font-weight: 300;
top: 5px;
}
.edgtf-price-table .edgtf-price-table-inner ul li.edgtf-table-prices .edgtf-price {
font-size: 50px;
line-height: 45px;
padding: 0 3px;
vertical-align: middle;
color: #333;
font-weight: 300;
}
.edgtf-price-table .edgtf-price-table-inner ul li.edgtf-table-prices .edgtf-mark {
position: relative;
font-size: 15px;
line-height: 27px;
vertical-align: bottom;
color: #575757;
display: block;
padding-top: 5px;
}
.edgtf-price-table.edgtf-with-title-background ul li.edgtf-table-title {
margin: -2px;
border-bottom: none;
}
.edgtf-price-table.edgtf-active > ul {
margin: -38px 0 0;
padding: 38px 0 0;
background-position: 0 38px;
}
.edgtf-price-table.edgtf-active .edgtf-active-text {
width: 100%;
text-align: center;
background-color: #fb3644;
color: #fff;
font-size: 17px;
line-height: 30px;
font-weight: 400;
position: absolute;
top: 0px;
left: 0px;
z-index: 9;
}
.edgtf-price-table.edgtf-active .edgtf-active-text .edgtf-active-text-inner {
display: block;
padding: 4px;
}
/* ==========================================================================
# Pricing table style - end
========================================================================== */
/* ==========================================================================
# Pie Chart Basic - begin
========================================================================== */
.edgtf-pie-chart-holder {
position: relative;
display: block;
}
.edgtf-pie-chart-holder .edgtf-percentage {
position: relative;
display: block;
height: 145px;
width: 145px;
line-height: 145px;
text-align: center;
margin: 0 auto;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
.edgtf-pie-chart-holder .edgtf-percentage .edgtf-pie-title {
line-height: inherit;
}
.edgtf-pie-chart-holder .edgtf-percentage canvas {
position: absolute;
top: 0;
left: 0;
}
.edgtf-pie-chart-holder .edgtf-to-counter,
.edgtf-pie-chart-holder .edgtf-percent-mark {
position: relative;
font-weight: 500;
font-size: 30px;
color: #fb3644;
}
.edgtf-pie-chart-holder .edgtf-pie-chart-text {
text-align: center;
margin: 30px 0 0;
}
.edgtf-pie-chart-holder .edgtf-pie-chart-text p {
margin: 0 0 5px;
}
/* ==========================================================================
# Pie Chart Basic - end
========================================================================== */
/* ==========================================================================
# Pie Chart With Icon - begin
========================================================================== */
.edgtf-pie-chart-with-icon-holder {
position: relative;
display: block;
}
.edgtf-pie-chart-with-icon-holder .edgtf-percentage-with-icon {
position: relative;
display: block;
height: 145px;
width: 145px;
line-height: 145px;
text-align: center;
margin: 0 auto;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity .3s ease 0s;
-moz-transition: opacity .3s ease 0s;
-o-transition: opacity .3s ease 0s;
}
.edgtf-pie-chart-with-icon-holder .edgtf-percentage-with-icon canvas {
position: absolute;
top: 0;
left: 0;
}
.edgtf-pie-chart-with-icon-holder .edgtf-percentage-with-icon i,
.edgtf-pie-chart-with-icon-holder .edgtf-percentage-with-icon span {
float: none;
margin: 0;
color: #fb3644;
vertical-align: middle !important;
display: inline;
}
.edgtf-pie-chart-with-icon-holder .edgtf-percentage-with-icon .edgt_icon_font_elegant {
line-height: inherit;
}
.edgtf-pie-chart-with-icon-holder .edgtf-pie-chart-text {
text-align: center;
margin: 30px 0 0;
}
.edgtf-pie-chart-with-icon-holder .edgtf-pie-chart-text .edgtf-pie-title {
margin: 0 0 12px;
}
/* ==========================================================================
# Pie Chart With Icon - end
========================================================================== */
/* ==========================================================================
# Pie Chart Doughnut - begin
========================================================================== */
.edgtf-pie-chart-doughnut-holder {
display: block;
position: relative;
overflow: hidden;
}
.edgtf-pie-chart-doughnut-holder .edgtf-pie-chart-doughnut {
margin: 0 22px 0 0;
float: left;
}
.edgtf-pie-chart-doughnut-holder .edgtf-pie-legend {
position: relative;
float: left;
width: 40%;
}
.edgtf-pie-chart-doughnut-holder .edgtf-pie-legend ul {
list-style: none;
padding: 0;
}
.edgtf-pie-chart-doughnut-holder .edgtf-pie-legend ul li {
display: block;
margin: 0 0 10px 0;
}
.edgtf-pie-chart-doughnut-holder .edgtf-pie-legend ul li .edgtf-pie-color-holder {
width: 25px;
height: 25px;
background-color: #fb3644;
float: left;
}
.edgtf-pie-chart-doughnut-holder .edgtf-pie-legend ul li p {
line-height: 25px;
margin: 0;
padding: 0 0 0 50px;
}
/* ==========================================================================
# Pie Chart Doughnut - end
========================================================================== */
/* ==========================================================================
# Pie Chart Pie - begin
========================================================================== */
.edgtf-pie-chart-pie-holder {
display: block;
position: relative;
overflow: hidden;
}
.edgtf-pie-chart-pie-holder .edgtf-pie-chart-pie {
margin: 0 22px 0 0;
float: left;
}
.edgtf-pie-chart-pie-holder .edgtf-pie-legend {
position: relative;
float: left;
width: 20%;
}
.edgtf-pie-chart-pie-holder .edgtf-pie-legend ul {
list-style: none;
padding: 0;
}
.edgtf-pie-chart-pie-holder .edgtf-pie-legend ul li {
display: block;
margin: 0 0 10px 0;
}
.edgtf-pie-chart-pie-holder .edgtf-pie-legend ul li .edgtf-pie-color-holder {
width: 25px;
height: 25px;
background-color: #fb3644;
float: left;
}
.edgtf-pie-chart-pie-holder .edgtf-pie-legend ul li p {
line-height: 25px;
margin: 0;
padding: 0 0 0 50px;
}
/* ==========================================================================
# Pie Chart Pie - end
========================================================================== */
/* ==========================================================================
# Tabs style - begin
========================================================================== */
.edgtf-tabs .edgtf-tabs-nav {
display: block;
position: relative;
list-style: none outside none;
margin: 0;
padding: 0;
vertical-align: middle;
}
.edgtf-tabs .edgtf-tabs-nav li a {
display: block;
text-align: center;
padding: 10px 16px;
box-sizing: border-box;
color: #333;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 2px;
-webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
transition: color 0.15s ease-out, background-color 0.15s ease-out;
}
.edgtf-tabs .edgtf-tabs-nav li a .edgtf-icon-frame {
font-size: 17px;
}
.edgtf-tabs .edgtf-tabs-nav li.ui-state-active a,
.edgtf-tabs .edgtf-tabs-nav li.ui-state-hover a {
background-color: #333;
color: #fff;
}
.edgtf-tabs .edgtf-tabs-nav li.ui-state-active a .edgtf-icon-frame,
.edgtf-tabs .edgtf-tabs-nav li.ui-state-hover a .edgtf-icon-frame {
color: #fb3644;
}
.edgtf-tabs .edgtf-tabs-nav .edgtf-tab-container {
box-sizing: border-box;
position: relative;
}
/* Horizontal tabs styles
========================================================================== */
.edgtf-tabs.edgtf-horizontal .edgtf-tabs-nav {
border-bottom: 2px solid #efefef;
}
.edgtf-tabs.edgtf-horizontal .edgtf-tabs-nav li {
float: left;
}
.edgtf-tabs.edgtf-horizontal .edgtf-tabs-nav li:first-child {
margin: 0;
}
.edgtf-tabs.edgtf-horizontal .edgtf-tabs-nav li a {
border-bottom: none;
margin: 0 0 -2px;
}
.edgtf-tabs.edgtf-horizontal .edgtf-tab-container {
padding: 20px 10px;
}
/* Vertical tabs styles
========================================================================== */
.edgtf-tabs.edgtf-vertical .edgtf-tabs-nav {
float: left;
width: 25%;
border-right: 2px solid #efefef;
box-sizing: border-box;
}
.edgtf-tabs.edgtf-vertical .edgtf-tabs-nav li {
margin: 0 0 0px 0;
display: block;
width: 100%;
}
.edgtf-tabs.edgtf-vertical .edgtf-tabs-nav:last-child {
margin: 0;
}
.edgtf-tabs.edgtf-vertical .edgtf-tabs-nav li a {
border-right: none;
margin: 0 -2px 0 0px;
}
.edgtf-tabs.edgtf-vertical .edgtf-tab-container {
float: left;
padding: 10px 30px;
width: 75%;
box-sizing: border-box;
}
/* Tabs with icon and text styles start
========================================================================== */
.edgtf-tabs.edgtf-tab-text-icon .edgtf-tabs-nav li a .edgtf-tab-text-after-icon {
padding-left: 10px;
-webkit-transition: initial;
transition: initial;
}
/* Tabs with icon styles - start
========================================================================== */
.edgtf-tabs.edgtf-tab-icon .edgtf-tabs-nav li a i,
.edgtf-tabs.edgtf-tab-icon .edgtf-tabs-nav li a span {
-webkit-transition: initial;
transition: initial;
}
.edgtf-tabs.edgtf-tab-icon .edgtf-tabs-nav li a .edgtf-icon-frame {
display: inline-block;
min-width: 20px;
}
/* Tabs predefined white - start
========================================================================== */
.edgtf-tabs.edgtf-predefined-style-white .edgtf-tabs-nav li a {
color: #fff !important;
}
.edgtf-tabs.edgtf-predefined-style-white .edgtf-tabs-nav li.ui-state-active a,
.edgtf-tabs.edgtf-predefined-style-white .edgtf-tabs-nav li.ui-state-hover a {
border-color: #fff !important;
}
.edgtf-tabs.edgtf-predefined-style-white.edgtf-vertical .edgtf-tabs-nav,
.edgtf-tabs.edgtf-predefined-style-white.edgtf-horizontal .edgtf-tabs-nav {
border-color: #fff !important;
}
/* ==========================================================================
# Tabs style - end
========================================================================== */
.edgtf-btn {
display: inline-block;
position: relative;
outline: none;
font-style: normal;
font-weight: 700;
font-family: inherit;
padding: 12px 20px;
font-size: 12px;
line-height: 1.7em;
text-transform: uppercase;
border-radius: 2px;
letter-spacing: 2px;
-webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.edgtf-btn.edgtf-btn-solid {
background-color: #fb3644;
border: 2px solid #fb3644;
color: #fff;
}
.edgtf-btn.edgtf-btn-solid.edgtf-btn-icon .edgtf-btn-text {
border-right: 2px solid rgba(255, 255, 255, 0.5);
}
.edgtf-btn.edgtf-btn-outline {
border: 2px solid #aeafaf;
color: #7b7b7b;
background-color: transparent;
}
.edgtf-btn.edgtf-btn-outline.edgtf-btn-icon .edgtf-btn-text {
border-right: 2px solid #d5d5d5;
}
.edgtf-btn.edgtf-btn-outline-white {
border: 2px solid rgba(255, 255, 255, 0.73);
color: #fff;
background-color: transparent;
}
.edgtf-btn.edgtf-btn-outline-white.edgtf-btn-icon .edgtf-btn-text {
border-right: 2px solid rgba(255, 255, 255, 0.5);
}
.edgtf-btn.edgtf-btn-small {
font-size: 10px;
padding: 5px 15px;
}
.edgtf-btn.edgtf-btn-large {
font-size: 14px;
padding: 12px 28px;
}
.edgtf-btn.edgtf-btn-huge, .edgtf-btn.edgtf-btn-huge-full-width {
font-size: 16px;
padding: 15px 31px;
}
.edgtf-btn.edgtf-btn-huge-full-width {
display: block;
text-align: center;
}
.edgtf-btn.edgtf-btn-icon {
padding-top: 7px;
padding-bottom: 7px;
padding-right: 0px;
}
.edgtf-btn.edgtf-btn-icon .edgtf-btn-text {
padding-right: 20px;
padding-top: 6px;
padding-bottom: 6px;
display: inline-block;
}
.edgtf-btn.edgtf-btn-icon.edgtf-btn-small .edgtf-btn-text {
padding-right: 15px;
}
.edgtf-btn.edgtf-btn-icon.edgtf-btn-large .edgtf-btn-text {
padding-right: 28px;
}
.edgtf-btn.edgtf-btn-icon.edgtf-btn-huge .edgtf-btn-text, .edgtf-btn.edgtf-btn-icon.edgtf-btn-huge-full-width .edgtf-btn-text {
padding-right: 31px;
}
.edgtf-btn.edgtf-btn-icon .edgtf-button-icon-holder {
font-size: 20px;
top: 4px;
position: relative;
width: 50px;
text-align: center;
display: inline-block;
-moz-transform: translateZ(0);
}
.edgtf-btn.edgtf-btn-icon .edgtf-button-icon-holder:before {
display: inline-block;
}
.edgtf-btn.edgtf-btn-icon:hover .edgtf-button-icon-holder:before {
-webkit-animation: edgtf-point 2s infinite ease-out;
animation: edgtf-point 2s infinite ease-out;
}
.edgtf-btn input[type=submit].edgtf-btn,
.edgtf-btn button.edgtf-btn {
cursor: pointer;
}
@-webkit-keyframes edgtf-point {
10% {
transform: translateX(10px);
}
20% {
transform: translateX(0px);
}
}
@keyframes edgtf-point {
10% {
transform: translateX(10px);
}
20% {
transform: translateX(0px);
}
}
/* ==========================================================================
Accordion shortcode start styles
========================================================================== */
.edgtf-accordion-holder {
position: relative;
}
.edgtf-accordion-holder .edgtf-accordion-content {
margin: 0;
padding: 10px 0;
}
.edgtf-accordion-holder .edgtf-title-holder {
cursor: pointer;
position: relative;
padding: 16px 0;
color: #333;
border-top: 2px solid #efefef;
box-sizing: border-box;
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
-webkit-transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out;
transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out;
}
.edgtf-accordion-holder .edgtf-title-holder:first-child {
margin: 0;
border-top: none;
}
.edgtf-accordion-holder .edgtf-title-holder .edgtf-tab-title,
.edgtf-accordion-holder .edgtf-title-holder .edgtf-tab-title-inner {
color: inherit;
line-height: inherit;
}
.edgtf-accordion-holder .edgtf-title-holder .edgtf-accordion-mark {
position: absolute;
top: 0;
right: 19px;
padding: 16px 0;
display: block;
line-height: inherit;
color: #333;
box-sizing: border-box;
}
.edgtf-accordion-holder .edgtf-title-holder .edgtf-accordion-mark-icon {
position: relative;
display: block;
width: 100%;
height: 100%;
line-height: inherit;
text-align: center;
font-size: 18px;
-webkit-transition: color 0.15s ease-out;
transition: color 0.15s ease-out;
}
.edgtf-accordion-holder .edgtf-title-holder .edgtf-accordion-mark-icon span {
position: absolute;
display: block;
width: 100%;
height: 100%;
line-height: inherit;
-webkit-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out;
margin-left: -1px;
}
.edgtf-accordion-holder .edgtf-title-holder .edgtf-accordion-mark-icon .icon_minus-06 {
opacity: 0;
}
.edgtf-accordion-holder .edgtf-title-holder .edgtf-accordion-mark-icon .icon_plus {
opacity: 1;
}
.edgtf-accordion-holder .edgtf-title-holder .edgtf-accordion-icon {
position: absolute;
display: block;
line-height: inherit;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.edgtf-accordion-holder .edgtf-title-holder.ui-state-active .edgtf-accordion-icon,
.edgtf-accordion-holder .edgtf-title-holder.ui-state-hover .edgtf-accordion-icon,
.edgtf-accordion-holder .edgtf-title-holder.ui-state-active .edgtf-accordion-mark,
.edgtf-accordion-holder .edgtf-title-holder.ui-state-hover .edgtf-accordion-mark {
color: #fb3644;
}
.edgtf-accordion-holder .edgtf-title-holder.ui-state-active .edgtf-accordion-mark-icon .icon_minus-06 {
opacity: 1;
}
.edgtf-accordion-holder .edgtf-title-holder.ui-state-active .edgtf-accordion-mark-icon .icon_plus {
opacity: 0;
}
.edgtf-accordion-holder.edgtf-initial .edgtf-title-holder .edgtf-tab-title {
padding: 0 20px 0 0;
position: relative;
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
box-sizing: border-box;
text-align: left;
}
.edgtf-accordion-holder.edgtf-initial .edgtf-title-holder .edgtf-tab-title span.edgtf-tab-title-inner {
position: relative;
position: relative;
display: table-cell;
height: 100%;
width: 100%;
vertical-align: middle;
text-align: center;
text-align: left;
}
.edgtf-accordion-holder.edgtf-initial .edgtf-accordion-with-icon .edgtf-tab-title {
padding-left: 50px;
}
.edgtf-accordion-holder.edgtf-boxed .edgtf-title-holder {
padding-left: 50px;
}
.edgtf-accordion-holder.edgtf-boxed .edgtf-title-holder:first-child {
margin-top: 0;
}
.edgtf-accordion-holder.edgtf-boxed .edgtf-title-holder .edgtf-accordion-icon {
display: none;
}
.edgtf-accordion-holder.edgtf-boxed .edgtf-title-holder .edgtf-accordion-mark {
border: 0;
background-color: #f8f8f8;
right: auto;
left: 0;
top: 14px;
width: 28px;
height: 28px;
padding: 0;
line-height: 28px;
-webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
transition: color 0.15s ease-out, background-color 0.15s ease-out;
}
.edgtf-accordion-holder.edgtf-boxed .edgtf-title-holder.ui-state-active .edgtf-accordion-mark,
.edgtf-accordion-holder.edgtf-boxed .edgtf-title-holder.ui-state-hover .edgtf-accordion-mark {
background-color: #fb3644;
color: #fff;
}
/* Accordion predefined white - start
========================================================================== */
.edgtf-accordion.edgtf-accordion-predefined-style-white .edgtf-title-holder {
color: #fff !important;
border-top-color: rgba(255, 255, 255, 0.31);
}
.edgtf-accordion.edgtf-accordion-predefined-style-white .edgtf-title-holder:not(.ui-state-active):not(.ui-state-hover) .edgtf-accordion-mark {
color: #fff;
}
/* ==========================================================================
# Accordion style - end
========================================================================== */
/* ==========================================================================
Google Map start style
========================================================================== */
.edgtf-google-map-holder {
position: relative;
}
.edgtf-google-map {
display: block;
width: 100%;
height: 300px;
}
.edgtf-google-map iframe,
.edgtf-google-map object,
.edgtf-google-map embed {
width: 100%;
display: block;
}
.edgtf-google-map img {
max-width: none;
}
.edgtf-google-map-overlay {
position: absolute;
z-index: 1000;
width: 100%;
height: 100%;
display: none;
top: 0;
left: 0;
}
/* ==========================================================================
End of Google Map style
========================================================================== */
/* ==========================================================================
Separator start style
========================================================================== */
.edgtf-separator-holder {
position: relative;
margin: 10px 0;
line-height: 0;
font-size: 0;
}
.edgtf-separator-holder.edgtf-separator-center {
text-align: center;
}
.edgtf-separator-holder.edgtf-separator-left {
text-align: left;
}
.edgtf-separator-holder.edgtf-separator-right {
text-align: right;
}
.edgtf-separator-holder.edgtf-separator-full-width .edgtf-separator {
width: 100% !important;
}
.edgtf-separator-holder .edgtf-separator {
position: relative;
display: inline-block;
vertical-align: middle;
border-bottom: 1px solid #b2b2b2;
width: 50px;
}
.edgtf-separator-holder.edgtf-separator-transparent .edgtf-separator {
border-bottom: transparent;
width: 100%;
}
/* ==========================================================================
End of Separator style
========================================================================== */
/* #Latest posts
========================================================================== */
.edgtf-blog-list-holder {
display: inline-block;
width: 100%;
}
.edgtf-blog-list-holder > ul {
list-style: none;
display: inline-block;
width: 100%;
height: 100%;
position: relative;
margin: 0;
padding: 0;
vertical-align: top;
}
.edgtf-blog-list-holder > ul > li {
display: block;
position: relative;
}
.edgtf-blog-list-holder .edgtf-item-text-holder {
display: inline-block;
width: 100%;
box-sizing: border-box;
padding: 32px 0 20px;
}
.edgtf-blog-list-holder .edgtf-excerpt {
margin: 18px 0 0 0;
}
.edgtf-blog-list-holder .edgtf-item-info-section {
margin: 6px 0 0;
color: #fb3644;
}
.edgtf-blog-list-holder .edgtf-item-info-section > div {
display: inline;
padding: 0 5px;
color: #a9a9a9;
}
.edgtf-blog-list-holder .edgtf-item-info-section > div:first-child {
padding: 0 5px 0 0;
}
.edgtf-blog-list-holder .edgtf-item-info-section > div a {
color: #a9a9a9;
}
.edgtf-blog-list-holder .edgtf-item-info-section > div i {
color: #575757;
padding-right: 10px;
font-size: 17px;
}
.edgtf-blog-list-holder .edgtf-item-info-section > div:not(:first-child):before {
content: '/';
left: -5px;
position: relative;
}
.edgtf-blog-list-holder .edgtf-item-info-section .edgtf-blog-like a i {
margin: 0 5px 0 0;
}
.edgtf-blog-list-holder .edgtf-item-image {
position: relative;
}
.edgtf-blog-list-holder .edgtf-item-image img {
width: 100%;
vertical-align: middle;
}
.edgtf-blog-list-holder.edgtf-boxes > ul {
clear: both;
}
.edgtf-blog-list-holder.edgtf-boxes > ul > li {
padding: 0;
float: left;
border: 0;
box-sizing: border-box;
margin: 0 2% 2% 0;
}
.edgtf-blog-list-holder.edgtf-boxes > ul > li:hover .edgtf-item-date {
-webkit-transform: translateY(-7px);
transform: translateY(-7px);
background-color: #fb3644;
}
.edgtf-blog-list-holder.edgtf-boxes > ul > li:hover .edgtf-date-year {
color: #fff;
}
.edgtf-blog-list-holder.edgtf-boxes .edgtf-image-hover {
position: absolute;
background-color: rgba(0, 0, 0, 0.3);
top: 0;
left: 0;
display: block;
height: 100%;
width: 100%;
opacity: 0;
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.edgtf-blog-list-holder.edgtf-boxes .edgtf-image-hover .edgtf-image-hover-inner {
display: table;
vertical-align: middle;
text-align: center;
height: 100%;
width: 100%;
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
color: #fff;
}
.edgtf-blog-list-holder.edgtf-boxes .edgtf-image-hover .edgtf-image-hover-inner > span {
display: table-cell;
vertical-align: middle;
height: 100%;
}
.edgtf-blog-list-holder.edgtf-boxes .edgtf-image-hover .edgtf-image-hover-inner .edgtf-hover-icon {
font-size: 25px;
color: #fb3644;
margin-left: 2px;
vertical-align: middle;
position: relative;
top: -1px;
}
.edgtf-blog-list-holder.edgtf-boxes .edgtf-item-image:hover .edgtf-image-hover {
opacity: 1;
}
.edgtf-blog-list-holder.edgtf-boxes .edgtf-item-date {
position: absolute;
z-index: 100;
-webkit-transition: transform 0.3s ease-in-out, background-color 0.2s ease-in-out;
transition: transform 0.3s ease-in-out, background-color 0.2s ease-in-out;
background-color: #18202d;
width: 58px;
padding-top: 13px;
padding-bottom: 13px;
color: #fff;
}
.edgtf-blog-list-holder.edgtf-boxes .edgtf-item-date span {
display: block;
text-align: center;
}
.edgtf-blog-list-holder.edgtf-boxes .edgtf-item-date .edgtf-date-month {
font-size: 12px;
line-height: 16px;
}
.edgtf-blog-list-holder.edgtf-boxes .edgtf-item-date .edgtf-date-day {
font-size: 28px;
line-height: 28px;
font-weight: 700;
margin-bottom: 2px;
}
.edgtf-blog-list-holder.edgtf-boxes .edgtf-item-date .edgtf-date-year {
font-size: 12px;
line-height: 16px;
color: #8e9094;
-webkit-transition: color 0.1s ease-in-out;
transition: color 0.1s ease-in-out;
}
.edgtf-blog-list-holder.edgtf-boxes.edgtf-one-column > ul > li {
float: none;
margin: 0;
}
.edgtf-blog-list-holder.edgtf-boxes.edgtf-two-columns > ul > li {
width: 49%;
}
.edgtf-blog-list-holder.edgtf-boxes.edgtf-three-columns > ul > li {
width: 32%;
}
.edgtf-blog-list-holder.edgtf-boxes.edgtf-four-columns > ul > li {
width: 23.5%;
}
.edgtf-blog-list-holder.edgtf-boxes.edgtf-two-columns ul.edgtf-blog-list li:nth-child(2n),
.edgtf-blog-list-holder.edgtf-boxes.edgtf-three-columns ul.edgtf-blog-list li:nth-child(3n),
.edgtf-blog-list-holder.edgtf-boxes.edgtf-four-columns ul.edgtf-blog-list li:nth-child(4n) {
margin: 0;
}
.edgtf-blog-list-holder.edgtf-boxes.edgtf-two-columns ul.edgtf-blog-list li:nth-child(2n+1),
.edgtf-blog-list-holder.edgtf-boxes.edgtf-three-columns ul.edgtf-blog-list li:nth-child(3n+1),
.edgtf-blog-list-holder.edgtf-boxes.edgtf-four-columns ul.edgtf-blog-list li:nth-child(4n+1) {
clear: both;
}
/*------------------Masonry shortcode -----------------------------*/
.edgtf-blog-list-holder.edgtf-masonry .edgtf-blog-list-masonry-grid-sizer {
width: 32%;
}
.edgtf-blog-list-holder.edgtf-masonry .edgtf-blog-list-masonry-grid-gutter {
width: 2%;
}
.edgtf-blog-list-holder.edgtf-masonry .edgtf-blog-list-masonry-item {
width: 32%;
}
/*------------------image in left box -----------------------------*/
.edgtf-blog-list-holder.edgtf-image-in-box ul > li:not(:first-child) {
padding: 18px 0 0 0;
}
.edgtf-blog-list-holder.edgtf-image-in-box .edgtf-blog-list-item-inner {
position: relative;
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
}
.edgtf-blog-list-holder.edgtf-image-in-box .edgtf-item-image {
position: relative;
display: table-cell;
height: 100%;
width: 100%;
vertical-align: middle;
text-align: center;
width: 95px;
padding-right: 12px;
}
.edgtf-blog-list-holder.edgtf-image-in-box .edgtf-item-text-holder {
position: relative;
display: table-cell;
height: 100%;
width: 100%;
vertical-align: top;
text-align: left;
border-bottom: 2px solid #efefef;
padding: 0;
line-height: 20px;
}
.edgtf-blog-list-holder.edgtf-image-in-box p.edgtf-item-title {
font-weight: 500;
}
.edgtf-blog-list-holder.edgtf-image-in-box .edgtf-item-info-section {
margin-top: 5px;
font-size: 13px;
}
/*------------------Minimal type styles -----------------------------*/
.edgtf-blog-list-holder.edgtf-minimal > ul > li:not(:first-child) {
padding: 15px 0 0 0;
}
.edgtf-blog-list-holder.edgtf-minimal .edgtf-item-text-holder {
padding: 0;
}
.edgtf-blog-list-holder.edgtf-minimal .edgtf-excerpt {
margin: 0;
}
.edgtf-btn {
display: inline-block;
position: relative;
outline: none;
font-style: normal;
font-weight: 700;
font-family: inherit;
padding: 12px 20px;
font-size: 12px;
line-height: 1.7em;
text-transform: uppercase;
border-radius: 2px;
letter-spacing: 2px;
-webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.edgtf-btn.edgtf-btn-solid {
background-color: #fb3644;
border: 2px solid #fb3644;
color: #fff;
}
.edgtf-btn.edgtf-btn-solid.edgtf-btn-icon .edgtf-btn-text {
border-right: 2px solid rgba(255, 255, 255, 0.5);
}
.edgtf-btn.edgtf-btn-outline {
border: 2px solid #aeafaf;
color: #7b7b7b;
background-color: transparent;
}
.edgtf-btn.edgtf-btn-outline.edgtf-btn-icon .edgtf-btn-text {
border-right: 2px solid #d5d5d5;
}
.edgtf-btn.edgtf-btn-outline-white {
border: 2px solid rgba(255, 255, 255, 0.73);
color: #fff;
background-color: transparent;
}
.edgtf-btn.edgtf-btn-outline-white.edgtf-btn-icon .edgtf-btn-text {
border-right: 2px solid rgba(255, 255, 255, 0.5);
}
.edgtf-btn.edgtf-btn-small {
font-size: 10px;
padding: 5px 15px;
}
.edgtf-btn.edgtf-btn-large {
font-size: 14px;
padding: 12px 28px;
}
.edgtf-btn.edgtf-btn-huge, .edgtf-btn.edgtf-btn-huge-full-width {
font-size: 16px;
padding: 15px 31px;
}
.edgtf-btn.edgtf-btn-huge-full-width {
display: block;
text-align: center;
}
.edgtf-btn.edgtf-btn-icon {
padding-top: 7px;
padding-bottom: 7px;
padding-right: 0px;
}
.edgtf-btn.edgtf-btn-icon .edgtf-btn-text {
padding-right: 20px;
padding-top: 6px;
padding-bottom: 6px;
display: inline-block;
}
.edgtf-btn.edgtf-btn-icon.edgtf-btn-small .edgtf-btn-text {
padding-right: 15px;
}
.edgtf-btn.edgtf-btn-icon.edgtf-btn-large .edgtf-btn-text {
padding-right: 28px;
}
.edgtf-btn.edgtf-btn-icon.edgtf-btn-huge .edgtf-btn-text, .edgtf-btn.edgtf-btn-icon.edgtf-btn-huge-full-width .edgtf-btn-text {
padding-right: 31px;
}
.edgtf-btn.edgtf-btn-icon .edgtf-button-icon-holder {
font-size: 20px;
top: 4px;
position: relative;
width: 50px;
text-align: center;
display: inline-block;
-moz-transform: translateZ(0);
}
.edgtf-btn.edgtf-btn-icon .edgtf-button-icon-holder:before {
display: inline-block;
}
.edgtf-btn.edgtf-btn-icon:hover .edgtf-button-icon-holder:before {
-webkit-animation: edgtf-point 2s infinite ease-out;
animation: edgtf-point 2s infinite ease-out;
}
.edgtf-btn input[type=submit].edgtf-btn,
.edgtf-btn button.edgtf-btn {
cursor: pointer;
}
@-webkit-keyframes edgtf-point {
10% {
transform: translateX(10px);
}
20% {
transform: translateX(0px);
}
}
@keyframes edgtf-point {
10% {
transform: translateX(10px);
}
20% {
transform: translateX(0px);
}
}
/* ==========================================================================
# Carousels style - begin
========================================================================== */
/* show when carousel is initialized */
.edgtf-carousel {
display: none;
}
.edgtf-carousel-holder {
/* Carousel navigation - begin
========================================================================== */
/* Carousel navigation - end
========================================================================== */
}
.edgtf-carousel-holder .edgtf-carousel-item-holder {
position: relative;
/* Image roll over - begin
========================================================================== */
/* Image roll over - end
========================================================================== */
/* Image fade - begin
========================================================================== */
/* Image fade on hover - end
========================================================================== */
}
.edgtf-carousel-holder .edgtf-carousel-item-holder .edgtf-carousel-item-title {
text-align: center;
margin-top: 20px;
}
.edgtf-carousel-holder .edgtf-carousel-item-holder.edgtf-carousel-roll-over .edgtf-carousel-first-image-holder,
.edgtf-carousel-holder .edgtf-carousel-item-holder.edgtf-carousel-roll-over .edgtf-carousel-second-image-holder {
-webkit-transition: -webkit-transform 0.22s cubic-bezier(0.6, -0.28, 0.26, 0.99);
transition: transform 0.22s cubic-bezier(0.6, -0.28, 0.26, 0.99);
display: block;
}
.edgtf-carousel-holder .edgtf-carousel-item-holder.edgtf-carousel-roll-over .edgtf-carousel-second-image-holder {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.edgtf-carousel-holder .edgtf-carousel-item-holder.edgtf-carousel-roll-over:hover .edgtf-carousel-second-image-holder {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.edgtf-carousel-holder .edgtf-carousel-item-holder.edgtf-carousel-roll-over:hover .edgtf-carousel-first-image-holder {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.edgtf-carousel-holder .edgtf-carousel-item-holder.edgtf-carousel-fade .edgtf-carousel-first-image-holder,
.edgtf-carousel-holder .edgtf-carousel-item-holder.edgtf-carousel-fade .edgtf-carousel-second-image-holder {
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.edgtf-carousel-holder .edgtf-carousel-item-holder.edgtf-carousel-fade .edgtf-carousel-second-image-holder {
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.edgtf-carousel-holder .edgtf-carousel-item-holder.edgtf-carousel-fade:hover .edgtf-carousel-second-image-holder {
opacity: 1;
}
.edgtf-carousel-holder .edgtf-carousel-item-holder.edgtf-carousel-fade:hover .edgtf-carousel-first-image-holder {
opacity: 0;
}
.edgtf-carousel-holder .edgtf-carousel.owl-carousel .owl-nav {
width: 100%;
}
.edgtf-carousel-holder .edgtf-carousel.owl-carousel .owl-nav .owl-prev {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 1%;
}
.edgtf-carousel-holder .edgtf-carousel.owl-carousel .owl-nav .owl-next {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 1%;
}
.edgtf-carousel-holder .edgtf-carousel.owl-carousel .owl-nav .edgtf-prev-icon,
.edgtf-carousel-holder .edgtf-carousel.owl-carousel .owl-nav .edgtf-next-icon {
display: inline-block;
width: 42px;
height: 42px;
text-align: center;
}
.edgtf-carousel-holder .edgtf-carousel.owl-carousel .owl-nav .edgtf-prev-icon i,
.edgtf-carousel-holder .edgtf-carousel.owl-carousel .owl-nav .edgtf-next-icon i {
-webkit-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
font-size: 45px;
line-height: 45px;
color: #fff;
}
.edgtf-carousel-holder .edgtf-carousel.owl-carousel .owl-nav .edgtf-prev-icon:hover i,
.edgtf-carousel-holder .edgtf-carousel.owl-carousel .owl-nav .edgtf-next-icon:hover i {
color: #fb3644;
}
.edgtf-carousel-holder .edgtf-carousel.owl-carousel .owl-dots {
text-align: center;
margin-top: 55px;
}
.edgtf-carousel-holder .edgtf-carousel.owl-carousel .owl-dots .owl-dot {
display: inline-block;
}
.edgtf-carousel-holder .edgtf-carousel.owl-carousel .owl-dots .owl-dot span {
display: inline-block;
width: 6px;
height: 6px;
margin: 3px 9px;
background-color: #fb3644;
}
.edgtf-carousel-holder .edgtf-carousel.owl-carousel .owl-dots .owl-dot.active span {
background-color: #333;
}
/* ==========================================================================
# Carousels style - end
========================================================================== */
/* ==========================================================================
Blockquote shortcode start styles
========================================================================== */
blockquote {
position: relative;
display: table;
}
blockquote .edgtf-icon-quotations-holder {
display: table-cell;
width: 102px;
padding: 0 16px 0 0;
font-size: 40px;
line-height: 40px;
font-weight: 400;
color: #fb3644;
}
blockquote .edgtf-blockquote-text {
display: table-cell;
vertical-align: top;
}
blockquote p.edgtf-blockquote-text {
font-weight: 600;
}
/* ==========================================================================
Blockquote shortcode end styles
========================================================================== */
/* ==========================================================================
# Image Gallery - begin
========================================================================== */
/* Image Gallery Grid - begin
========================================================================== */
.edgtf-image-gallery .edgtf-grayscale .edgtf-gallery-image img {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: gray;
filter: grayscale(100%);
filter: url(img/desaturate.svg#grayscale);
}
.edgtf-image-gallery .edgtf-grayscale .edgtf-gallery-image:hover img {
-webkit-filter: grayscale(0);
filter: none;
}
.edgtf-image-gallery .edgtf-gallery-image img {
display: block;
}
.edgtf-image-gallery .edgtf-image-gallery-grid.edgtf-gallery-columns-2 .edgtf-gallery-image {
width: 49%;
margin-right: 2%;
margin-bottom: 2%;
display: inline-block;
float: left;
}
.edgtf-image-gallery .edgtf-image-gallery-grid.edgtf-gallery-columns-2 .edgtf-gallery-image:nth-child(2n) {
margin-right: 0;
}
.edgtf-image-gallery .edgtf-image-gallery-grid.edgtf-gallery-columns-2 .edgtf-gallery-image:nth-child(2n+1) {
clear: both;
}
.edgtf-image-gallery .edgtf-image-gallery-grid.edgtf-gallery-columns-3 .edgtf-gallery-image {
width: 32%;
margin-right: 2%;
margin-bottom: 2%;
display: inline-block;
float: left;
}
.edgtf-image-gallery .edgtf-image-gallery-grid.edgtf-gallery-columns-3 .edgtf-gallery-image:nth-child(3n) {
margin-right: 0;
}
.edgtf-image-gallery .edgtf-image-gallery-grid.edgtf-gallery-columns-3 .edgtf-gallery-image:nth-child(3n+1) {
clear: both;
}
.edgtf-image-gallery .edgtf-image-gallery-grid.edgtf-gallery-columns-4 .edgtf-gallery-image {
width: 24%;
margin-right: 1.33333%;
margin-bottom: 1.33333%;
display: inline-block;
float: left;
}
.edgtf-image-gallery .edgtf-image-gallery-grid.edgtf-gallery-columns-4 .edgtf-gallery-image:nth-child(4n) {
margin-right: 0;
}
.edgtf-image-gallery .edgtf-image-gallery-grid.edgtf-gallery-columns-4 .edgtf-gallery-image:nth-child(4n+1) {
clear: both;
}
.edgtf-image-gallery .edgtf-image-gallery-grid.edgtf-gallery-columns-5 .edgtf-gallery-image {
width: 19%;
margin-right: 1.25%;
margin-bottom: 1.25%;
display: inline-block;
float: left;
}
.edgtf-image-gallery .edgtf-image-gallery-grid.edgtf-gallery-columns-5 .edgtf-gallery-image:nth-child(5n) {
margin-right: 0;
}
.edgtf-image-gallery .edgtf-image-gallery-grid.edgtf-gallery-columns-5 .edgtf-gallery-image:nth-child(5n+1) {
clear: both;
}
/* Image Gallery Grid - end
========================================================================== */
/* Image Gallery Slider - begin
========================================================================== */
.edgtf-image-gallery-slider {
text-align: center;
display: none;
}
.edgtf-image-gallery .edgtf-image-gallery-wrapper {
display: inline-block;
vertical-align: middle;
}
.edgtf-image-gallery .edgtf-image-gallery-wrapper img {
vertical-align: middle;
}
.edgtf-image-gallery .owl-nav .owl-prev {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 2%;
}
.edgtf-image-gallery .owl-nav .owl-next {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 2%;
}
.edgtf-image-gallery .owl-nav .edgtf-prev-icon,
.edgtf-image-gallery .owl-nav .edgtf-next-icon {
display: inline-block;
width: 42px;
height: 42px;
text-align: center;
}
.edgtf-image-gallery .owl-nav .edgtf-prev-icon i,
.edgtf-image-gallery .owl-nav .edgtf-next-icon i {
-webkit-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
font-size: 45px;
line-height: 45px;
color: #fff;
}
.edgtf-image-gallery .owl-nav .edgtf-prev-icon:hover i,
.edgtf-image-gallery .owl-nav .edgtf-next-icon:hover i {
color: #fb3644;
}
.edgtf-image-gallery .owl-dots {
text-align: center;
}
.edgtf-image-gallery .owl-dots .owl-dot {
display: inline-block;
}
.edgtf-image-gallery .owl-dots .owl-dot span {
display: inline-block;
width: 12px;
height: 12px;
margin: 3px;
filter: Alpha(Opacity=50);
opacity: 0.5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #74797b;
}
.edgtf-image-gallery .owl-dots .owl-dot.active span {
opacity: 1;
}
/* Image Gallery Slider - end
========================================================================== */
.edgtf-image-gallery.carousel {
overflow: hidden;
position: relative;
}
.edgtf-image-gallery-carousel {
display: none;
width: 33.33%;
margin: 0 auto;
overflow: visible;
}
.edgtf-image-gallery-carousel .owl-stage-outer {
overflow: visible;
}
.edgtf-image-gallery-carousel .owl-controls {
position: absolute;
width: 100%;
bottom: 10px;
}
.edgtf-image-gallery-carousel .edgtf-image-gallery-wrapper {
background-color: #0e1718;
}
.edgtf-image-gallery-carousel img {
opacity: 0.19;
-webkit-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
.edgtf-image-gallery-carousel .owl-item.active img {
opacity: 1;
}
.edgtf-image-gallery-carousel-wrapper {
position: relative;
}
.edgtf-image-gallery-nav span {
position: absolute;
display: inline-block;
top: 50%;
color: #fff;
font-size: 45px;
z-index: 1;
transform: translateY(-50%);
cursor: pointer;
}
.edgtf-image-gallery-nav span.edgtf-prev-icon {
left: 0;
}
.edgtf-image-gallery-nav span.edgtf-next-icon {
right: 0;
}
/* ==========================================================================
# Image Gallery - end
========================================================================== */
/* ==========================================================================
Video Button shortcode start styles
========================================================================== */
.edgtf-video-button-play {
width: 65px;
height: 65px;
display: block;
line-height: 65px;
font-size: 50px;
margin: 0 auto;
}
.edgtf-video-button-play .edgtf-video-button-wrapper {
width: 100%;
height: 100%;
display: block;
position: relative;
background-color: #898989;
color: #fff;
-webkit-transition: background-color 0.15s ease, color 0.15s ease;
transition: background-color 0.15s ease, color 0.15s ease;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.edgtf-video-button-play .edgtf-video-button-wrapper:hover {
background-color: #000;
color: #fb3644;
}
.edgtf-video-button-play .edgtf-video-button-wrapper span {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.edgtf-video-button-title {
text-align: center;
margin-top: 20px;
}
/* ==========================================================================
Video Button shortcode end styles
========================================================================== */
/* ==========================================================================
Dropcaps shortcodes styles
========================================================================== */
.edgtf-dropcaps {
position: relative;
display: inline-block;
float: left;
height: 45px;
width: 45px;
line-height: 45px;
font-size: 40px;
color: #fb3644;
font-weight: 700;
text-align: center;
margin: 5px 11px 0 0;
}
.edgtf-dropcaps.edgtf-square, .edgtf-dropcaps.edgtf-circle {
font-size: 25px;
background-color: #fb3644;
color: #fff;
}
.edgtf-dropcaps.edgtf-circle {
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
}
/* ==========================================================================
Dropcaps shortcode end styles
========================================================================== */
/* ==========================================================================
Portfolio shortcode styles - begin
========================================================================== */
/* ======================================
Portfolio filter styles - start
======================================*/
.edgtf-portfolio-filter-holder {
position: relative;
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
margin: 0 0 26px;
}
.edgtf-portfolio-filter-holder .edgtf-portfolio-filter-holder-inner {
position: relative;
display: table-cell;
height: 100%;
width: 100%;
vertical-align: middle;
text-align: center;
text-align: left;
}
.edgtf-portfolio-filter-holder .edgtf-portfolio-filter-holder-inner ul {
display: inline-block;
list-style: none;
vertical-align: middle;
}
.edgtf-portfolio-filter-holder .edgtf-portfolio-filter-holder-inner ul li {
cursor: pointer;
display: block;
margin: 0;
float: left;
text-align: center;
}
.edgtf-portfolio-filter-holder .edgtf-portfolio-filter-holder-inner ul li span {
position: relative;
display: inline-block;
vertical-align: middle;
padding: 0 10px;
color: #a6a6a6;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 13px;
font-weight: 700;
-webkit-transition: color 0.15s ease-out;
transition: color 0.15s ease-out;
}
.edgtf-portfolio-filter-holder .edgtf-portfolio-filter-holder-inner ul li:hover span {
color: #fb3644;
}
.edgtf-portfolio-filter-holder .edgtf-portfolio-filter-holder-inner ul li:first-child span {
padding-left: 0;
}
.edgtf-portfolio-filter-holder .edgtf-portfolio-filter-holder-inner ul li.active span,
.edgtf-portfolio-filter-holder .edgtf-portfolio-filter-holder-inner ul li.current span {
color: #333;
}
/* ======================================
Portfolio filter styles - end
======================================*/
.edgtf-portfolio-list-holder {
height: 100%;
}
.edgtf-portfolio-list-holder article {
overflow: hidden;
position: relative;
margin: 0;
vertical-align: top;
margin: 0;
}
.edgtf-portfolio-list-holder article.mix {
display: none;
visibility: hidden;
float: left;
}
.edgtf-portfolio-list-holder article .edgtf-item-image-holder {
position: relative;
}
.edgtf-portfolio-list-holder article .edgtf-item-image-holder a {
display: block;
}
.edgtf-portfolio-list-holder article .edgtf-item-image-holder img,
.edgtf-portfolio-list-holder article .edgtf-item-image-holder a img {
vertical-align: top;
height: auto;
max-width: 100%;
width: 100%;
}
.edgtf-portfolio-list-holder article .edgtf-item-icons-holder {
position: static;
display: block;
}
.edgtf-portfolio-list-holder article .edgtf-item-icons-holder a {
display: inline-block;
font-size: 16px;
color: #fb3644;
margin: 0 25px 0 0;
z-index: 3;
text-align: center;
}
.edgtf-portfolio-list-holder article .edgtf-item-icons-holder a.edgtf-preview {
margin-right: 0;
}
.edgtf-portfolio-list-holder article .edgtf-item-icons-holder a:before {
font-family: 'FontAwesome';
line-height: inherit;
}
.edgtf-portfolio-list-holder article .edgtf-item-icons-holder a.edgtf-portfolio-lightbox:before {
content: "\f067";
}
.edgtf-portfolio-list-holder article .edgtf-item-icons-holder a.edgtf-preview:before {
content: "\f0c1";
}
.edgtf-portfolio-list-holder article .edgtf-item-icons-holder a.edgtf-like:before {
content: "\f08a";
}
.edgtf-portfolio-list-holder article .edgtf-item-icons-holder a.edgtf-like.liked:before {
content: "\f004";
}
.edgtf-portfolio-list-holder article .edgtf-item-title,
.edgtf-portfolio-list-holder article .edgtf-item-title a {
line-height: 1.7;
font-weight: 700;
padding-bottom: 0px;
color: #fff;
text-transform: uppercase;
}
.edgtf-portfolio-list-holder article .edgtf-zig-zag-separator-holder svg {
height: 8px;
width: auto;
}
/* Gallery grid */
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-ptf-two-columns article {
width: 50%;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-ptf-three-columns article {
width: 33.33%;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-ptf-four-columns article {
width: 25%;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-ptf-five-columns article {
width: 20%;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery.edgtf-ptf-six-columns article {
width: 16.66%;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space .edgtf-ptf-gap,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-standard .edgtf-ptf-gap {
height: 0;
display: inline-block;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space .edgtf-portfolio-list-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-standard .edgtf-portfolio-list-holder {
text-align: justify;
font-size: 0;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space .edgtf-portfolio-list-holder article.mix,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-standard .edgtf-portfolio-list-holder article.mix {
float: none;
margin-bottom: 2%;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-ptf-two-columns article,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-ptf-two-columns .edgtf-ptf-gap,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-standard.edgtf-ptf-two-columns article,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-standard.edgtf-ptf-two-columns .edgtf-ptf-gap {
width: 49%;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-ptf-three-columns article,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-ptf-three-columns .edgtf-ptf-gap,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-standard.edgtf-ptf-three-columns article,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-standard.edgtf-ptf-three-columns .edgtf-ptf-gap {
width: 32%;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-ptf-four-columns article,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-ptf-four-columns .edgtf-ptf-gap,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-standard.edgtf-ptf-four-columns article,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-standard.edgtf-ptf-four-columns .edgtf-ptf-gap {
width: 23.5%;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-ptf-five-columns article,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-ptf-five-columns .edgtf-ptf-gap,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-standard.edgtf-ptf-five-columns article,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-standard.edgtf-ptf-five-columns .edgtf-ptf-gap {
width: 18.4%;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-ptf-six-columns article,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space.edgtf-ptf-six-columns .edgtf-ptf-gap,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-standard.edgtf-ptf-six-columns article,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-standard.edgtf-ptf-six-columns .edgtf-ptf-gap {
width: 15%;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-standard .edgtf-portfolio-item .edgtf-item-icons-holder {
position: absolute;
width: 100%;
top: 50%;
-webkit-transform: translate(-100%, -50%);
transform: translate(-100%, -50%);
z-index: 6;
-webkit-transition: -webkit-transform .3s ease 0s;
transition: transform .3s ease 0s;
text-align: center;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-standard .edgtf-portfolio-item .edgtf-item-text-holder {
padding: 5%;
padding-bottom: 0;
background-color: #fff;
text-align: center;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-standard .edgtf-portfolio-item .edgtf-item-image-holder .edgtf-portfolio-item-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
background-color: #0a171e;
cursor: pointer;
-webkit-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-standard .edgtf-portfolio-item:hover .edgtf-item-icons-holder {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-standard .edgtf-portfolio-item:hover .edgtf-portfolio-item-overlay {
opacity: 0.8;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-standard .edgtf-item-text-holder .edgtf-ptf-category-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-standard .edgtf-item-text-holder .edgtf-ptf-category-holder span {
color: #575757;
font-weight: 400;
font-size: 14px;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-standard .edgtf-item-title,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-standard .edgtf-item-title a {
color: #575757;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry {
/* upward animation start */
/* upward animation end*/
/* slide up animation start */
/* slide up animation end*/
/* push image animation start */
/* push image animation end*/
/* shift animation start */
/* shift animation end*/
/* zooming animation start */
/* zooming animation end*/
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery article .edgtf-item-image-holder img,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space article .edgtf-item-image-holder img,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space article .edgtf-item-image-holder img,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry article .edgtf-item-image-holder img {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery article .edgtf-portfolio-link,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space article .edgtf-portfolio-link,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space article .edgtf-portfolio-link,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry article .edgtf-portfolio-link {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery article .edgtf-item-text-overlay,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space article .edgtf-item-text-overlay,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space article .edgtf-item-text-overlay,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry article .edgtf-item-text-overlay {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0;
background-color: #0a171e;
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery article .edgtf-item-text-overlay-inner,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space article .edgtf-item-text-overlay-inner,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space article .edgtf-item-text-overlay-inner,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry article .edgtf-item-text-overlay-inner {
position: relative;
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery article .edgtf-item-text-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space article .edgtf-item-text-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space article .edgtf-item-text-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry article .edgtf-item-text-holder {
position: relative;
display: table-cell;
height: 100%;
width: 100%;
vertical-align: middle;
text-align: center;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery article .edgtf-item-text-holder .edgtf-ptf-category-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery article .edgtf-item-text-holder .edgtf-ptf-category-holder span,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space article .edgtf-item-text-holder .edgtf-ptf-category-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space article .edgtf-item-text-holder .edgtf-ptf-category-holder span,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space article .edgtf-item-text-holder .edgtf-ptf-category-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space article .edgtf-item-text-holder .edgtf-ptf-category-holder span,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry article .edgtf-item-text-holder .edgtf-ptf-category-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry article .edgtf-item-text-holder .edgtf-ptf-category-holder span {
color: #fff;
font-weight: 400;
font-size: 14px;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery .edgtf-upward-hover-animation .edgtf-portfolio-item .edgtf-item-text-overlay,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space .edgtf-upward-hover-animation .edgtf-portfolio-item .edgtf-item-text-overlay,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-upward-hover-animation .edgtf-portfolio-item .edgtf-item-text-overlay,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry .edgtf-upward-hover-animation .edgtf-portfolio-item .edgtf-item-text-overlay {
width: 101%;
left: 0;
height: auto;
padding: 5%;
top: auto;
bottom: -1px;
opacity: 1;
text-align: center;
-webkit-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
-webkit-backface-visibility: hidden;
box-sizing: border-box;
background-color: rgba(10, 23, 30, 0.75);
z-index: 5;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery .edgtf-upward-hover-animation .edgtf-portfolio-item .edgtf-item-image-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space .edgtf-upward-hover-animation .edgtf-portfolio-item .edgtf-item-image-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-upward-hover-animation .edgtf-portfolio-item .edgtf-item-image-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry .edgtf-upward-hover-animation .edgtf-portfolio-item .edgtf-item-image-holder {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery .edgtf-upward-hover-animation .edgtf-portfolio-item:hover .edgtf-item-text-overlay,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space .edgtf-upward-hover-animation .edgtf-portfolio-item:hover .edgtf-item-text-overlay,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-upward-hover-animation .edgtf-portfolio-item:hover .edgtf-item-text-overlay,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry .edgtf-upward-hover-animation .edgtf-portfolio-item:hover .edgtf-item-text-overlay {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery .edgtf-upward-hover-animation .edgtf-portfolio-item:hover .edgtf-item-image-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space .edgtf-upward-hover-animation .edgtf-portfolio-item:hover .edgtf-item-image-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-upward-hover-animation .edgtf-portfolio-item:hover .edgtf-item-image-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry .edgtf-upward-hover-animation .edgtf-portfolio-item:hover .edgtf-item-image-holder {
-webkit-transform: scale(1.01);
transform: scale(1.01);
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery .edgtf-slide-up-hover-animation .edgtf-portfolio-item .edgtf-item-image-holder img,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space .edgtf-slide-up-hover-animation .edgtf-portfolio-item .edgtf-item-image-holder img,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-slide-up-hover-animation .edgtf-portfolio-item .edgtf-item-image-holder img,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry .edgtf-slide-up-hover-animation .edgtf-portfolio-item .edgtf-item-image-holder img {
-webkit-transform: none;
transform: none;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery .edgtf-slide-up-hover-animation .edgtf-portfolio-item .edgtf-item-text-overlay,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space .edgtf-slide-up-hover-animation .edgtf-portfolio-item .edgtf-item-text-overlay,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-slide-up-hover-animation .edgtf-portfolio-item .edgtf-item-text-overlay,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry .edgtf-slide-up-hover-animation .edgtf-portfolio-item .edgtf-item-text-overlay {
width: 100%;
left: 0;
height: 100%;
top: 0;
opacity: 0.8;
text-align: center;
-webkit-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
transition: transform 0.4s ease, 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-webkit-backface-visibility: hidden;
box-sizing: border-box;
z-index: 5;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery .edgtf-slide-up-hover-animation .edgtf-portfolio-item:hover .edgtf-item-text-overlay,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space .edgtf-slide-up-hover-animation .edgtf-portfolio-item:hover .edgtf-item-text-overlay,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-slide-up-hover-animation .edgtf-portfolio-item:hover .edgtf-item-text-overlay,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry .edgtf-slide-up-hover-animation .edgtf-portfolio-item:hover .edgtf-item-text-overlay {
-webkit-transform: translateY(0%);
transform: translateY(0%);
opacity: 0.8;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery .edgtf-push-hover-animation .edgtf-portfolio-item .edgtf-item-image-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space .edgtf-push-hover-animation .edgtf-portfolio-item .edgtf-item-image-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-push-hover-animation .edgtf-portfolio-item .edgtf-item-image-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry .edgtf-push-hover-animation .edgtf-portfolio-item .edgtf-item-image-holder {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
transition: transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery .edgtf-push-hover-animation .edgtf-portfolio-item .edgtf-item-image-holder img,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space .edgtf-push-hover-animation .edgtf-portfolio-item .edgtf-item-image-holder img,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-push-hover-animation .edgtf-portfolio-item .edgtf-item-image-holder img,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry .edgtf-push-hover-animation .edgtf-portfolio-item .edgtf-item-image-holder img {
-webkit-transform: scale(1.01);
transform: scale(1.01);
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery .edgtf-push-hover-animation .edgtf-portfolio-item .edgtf-item-text-overlay,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space .edgtf-push-hover-animation .edgtf-portfolio-item .edgtf-item-text-overlay,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-push-hover-animation .edgtf-portfolio-item .edgtf-item-text-overlay,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry .edgtf-push-hover-animation .edgtf-portfolio-item .edgtf-item-text-overlay {
width: 101%;
left: 0;
height: 100%;
top: 0;
opacity: 1;
text-align: center;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
transition: transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
padding: 10%;
-webkit-backface-visibility: hidden;
box-sizing: border-box;
z-index: 5;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery .edgtf-push-hover-animation .edgtf-portfolio-item:hover .edgtf-item-text-overlay,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space .edgtf-push-hover-animation .edgtf-portfolio-item:hover .edgtf-item-text-overlay,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-push-hover-animation .edgtf-portfolio-item:hover .edgtf-item-text-overlay,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry .edgtf-push-hover-animation .edgtf-portfolio-item:hover .edgtf-item-text-overlay {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery .edgtf-push-hover-animation .edgtf-portfolio-item:hover .edgtf-item-image-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space .edgtf-push-hover-animation .edgtf-portfolio-item:hover .edgtf-item-image-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-push-hover-animation .edgtf-portfolio-item:hover .edgtf-item-image-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry .edgtf-push-hover-animation .edgtf-portfolio-item:hover .edgtf-item-image-holder {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery .edgtf-shift-hover-animation .edgtf-portfolio-item .edgtf-item-image-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space .edgtf-shift-hover-animation .edgtf-portfolio-item .edgtf-item-image-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-shift-hover-animation .edgtf-portfolio-item .edgtf-item-image-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry .edgtf-shift-hover-animation .edgtf-portfolio-item .edgtf-item-image-holder {
-webkit-transform: scale(1.15);
transform: scale(1.15);
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.21, 0.87, 0.52, 1.02);
transition: transform 0.5s cubic-bezier(0.21, 0.87, 0.52, 1.02);
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery .edgtf-shift-hover-animation .edgtf-portfolio-item .edgtf-item-text-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space .edgtf-shift-hover-animation .edgtf-portfolio-item .edgtf-item-text-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-shift-hover-animation .edgtf-portfolio-item .edgtf-item-text-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry .edgtf-shift-hover-animation .edgtf-portfolio-item .edgtf-item-text-holder {
vertical-align: top;
text-align: left;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery .edgtf-shift-hover-animation .edgtf-portfolio-item .edgtf-item-text-overlay,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space .edgtf-shift-hover-animation .edgtf-portfolio-item .edgtf-item-text-overlay,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-shift-hover-animation .edgtf-portfolio-item .edgtf-item-text-overlay,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry .edgtf-shift-hover-animation .edgtf-portfolio-item .edgtf-item-text-overlay {
width: 100%;
left: 0;
height: 100%;
top: 0;
opacity: 0;
text-align: center;
-webkit-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
-webkit-backface-visibility: hidden;
box-sizing: border-box;
z-index: 5;
padding: 5% 5% 5% 25px;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery .edgtf-shift-hover-animation .edgtf-portfolio-item .edgtf-item-title,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery .edgtf-shift-hover-animation .edgtf-portfolio-item .edgtf-zig-zag-separator-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery .edgtf-shift-hover-animation .edgtf-portfolio-item .edgtf-ptf-category-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space .edgtf-shift-hover-animation .edgtf-portfolio-item .edgtf-item-title,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space .edgtf-shift-hover-animation .edgtf-portfolio-item .edgtf-zig-zag-separator-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space .edgtf-shift-hover-animation .edgtf-portfolio-item .edgtf-ptf-category-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-shift-hover-animation .edgtf-portfolio-item .edgtf-item-title,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-shift-hover-animation .edgtf-portfolio-item .edgtf-zig-zag-separator-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-shift-hover-animation .edgtf-portfolio-item .edgtf-ptf-category-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry .edgtf-shift-hover-animation .edgtf-portfolio-item .edgtf-item-title,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry .edgtf-shift-hover-animation .edgtf-portfolio-item .edgtf-zig-zag-separator-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry .edgtf-shift-hover-animation .edgtf-portfolio-item .edgtf-ptf-category-holder {
left: -120%;
position: relative;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery .edgtf-shift-hover-animation .edgtf-portfolio-item .edgtf-item-title,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space .edgtf-shift-hover-animation .edgtf-portfolio-item .edgtf-item-title,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-shift-hover-animation .edgtf-portfolio-item .edgtf-item-title,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry .edgtf-shift-hover-animation .edgtf-portfolio-item .edgtf-item-title {
-webkit-transition: left 0.3s cubic-bezier(0.21, 0.87, 0.52, 1.02);
transition: left 0.3s cubic-bezier(0.21, 0.87, 0.52, 1.02);
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery .edgtf-shift-hover-animation .edgtf-portfolio-item .edgtf-zig-zag-separator-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space .edgtf-shift-hover-animation .edgtf-portfolio-item .edgtf-zig-zag-separator-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-shift-hover-animation .edgtf-portfolio-item .edgtf-zig-zag-separator-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry .edgtf-shift-hover-animation .edgtf-portfolio-item .edgtf-zig-zag-separator-holder {
text-align: left;
-webkit-transition: left 0.5s cubic-bezier(0.21, 0.87, 0.52, 1.02);
transition: left 0.5s cubic-bezier(0.21, 0.87, 0.52, 1.02);
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery .edgtf-shift-hover-animation .edgtf-portfolio-item .edgtf-ptf-category-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space .edgtf-shift-hover-animation .edgtf-portfolio-item .edgtf-ptf-category-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-shift-hover-animation .edgtf-portfolio-item .edgtf-ptf-category-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry .edgtf-shift-hover-animation .edgtf-portfolio-item .edgtf-ptf-category-holder {
-webkit-transition: left 0.7s cubic-bezier(0.21, 0.87, 0.52, 1.02);
transition: left 0.7s cubic-bezier(0.21, 0.87, 0.52, 1.02);
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery .edgtf-shift-hover-animation .edgtf-portfolio-item:hover .edgtf-item-title,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery .edgtf-shift-hover-animation .edgtf-portfolio-item:hover .edgtf-zig-zag-separator-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery .edgtf-shift-hover-animation .edgtf-portfolio-item:hover .edgtf-ptf-category-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space .edgtf-shift-hover-animation .edgtf-portfolio-item:hover .edgtf-item-title,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space .edgtf-shift-hover-animation .edgtf-portfolio-item:hover .edgtf-zig-zag-separator-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space .edgtf-shift-hover-animation .edgtf-portfolio-item:hover .edgtf-ptf-category-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-shift-hover-animation .edgtf-portfolio-item:hover .edgtf-item-title,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-shift-hover-animation .edgtf-portfolio-item:hover .edgtf-zig-zag-separator-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-shift-hover-animation .edgtf-portfolio-item:hover .edgtf-ptf-category-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry .edgtf-shift-hover-animation .edgtf-portfolio-item:hover .edgtf-item-title,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry .edgtf-shift-hover-animation .edgtf-portfolio-item:hover .edgtf-zig-zag-separator-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry .edgtf-shift-hover-animation .edgtf-portfolio-item:hover .edgtf-ptf-category-holder {
left: 0%;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery .edgtf-shift-hover-animation .edgtf-portfolio-item:hover .edgtf-item-text-overlay,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space .edgtf-shift-hover-animation .edgtf-portfolio-item:hover .edgtf-item-text-overlay,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-shift-hover-animation .edgtf-portfolio-item:hover .edgtf-item-text-overlay,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry .edgtf-shift-hover-animation .edgtf-portfolio-item:hover .edgtf-item-text-overlay {
opacity: 0.8;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery .edgtf-shift-hover-animation .edgtf-portfolio-item:hover .edgtf-item-image-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space .edgtf-shift-hover-animation .edgtf-portfolio-item:hover .edgtf-item-image-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-shift-hover-animation .edgtf-portfolio-item:hover .edgtf-item-image-holder,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry .edgtf-shift-hover-animation .edgtf-portfolio-item:hover .edgtf-item-image-holder {
-webkit-transform: scale(1.15) translateX(20px);
transform: scale(1.15) translateX(20px);
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery .edgtf-image-zoom-animation .edgtf-portfolio-item .edgtf-item-image-holder img,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space .edgtf-image-zoom-animation .edgtf-portfolio-item .edgtf-item-image-holder img,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-image-zoom-animation .edgtf-portfolio-item .edgtf-item-image-holder img,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry .edgtf-image-zoom-animation .edgtf-portfolio-item .edgtf-item-image-holder img {
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.21, 0.87, 0.52, 1.02);
transition: transform 0.5s cubic-bezier(0.21, 0.87, 0.52, 1.02);
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery .edgtf-image-zoom-animation .edgtf-portfolio-item .edgtf-item-text-overlay,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space .edgtf-image-zoom-animation .edgtf-portfolio-item .edgtf-item-text-overlay,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-image-zoom-animation .edgtf-portfolio-item .edgtf-item-text-overlay,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry .edgtf-image-zoom-animation .edgtf-portfolio-item .edgtf-item-text-overlay {
width: 100%;
left: 0;
height: 100%;
top: 0;
opacity: 0;
text-align: center;
-webkit-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
-webkit-backface-visibility: hidden;
box-sizing: border-box;
z-index: 5;
padding: 5%;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery .edgtf-image-zoom-animation .edgtf-portfolio-item:hover .edgtf-item-text-overlay,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space .edgtf-image-zoom-animation .edgtf-portfolio-item:hover .edgtf-item-text-overlay,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-image-zoom-animation .edgtf-portfolio-item:hover .edgtf-item-text-overlay,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry .edgtf-image-zoom-animation .edgtf-portfolio-item:hover .edgtf-item-text-overlay {
opacity: 0.8;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery .edgtf-image-zoom-animation .edgtf-portfolio-item:hover img,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery-with-space .edgtf-image-zoom-animation .edgtf-portfolio-item:hover img,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-image-zoom-animation .edgtf-portfolio-item:hover img,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry .edgtf-image-zoom-animation .edgtf-portfolio-item:hover img {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
/* masonry grid */
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry .edgtf-portfolio-list-masonry-grid-gutter,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space .edgtf-portfolio-list-masonry-grid-gutter {
width: 0;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-ptf-one-column .edgtf-portfolio-list-masonry-grid-sizer,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-ptf-one-column article.edgtf-default-masonry-item,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-ptf-one-column article.edgtf-large-height-masonry-item,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-ptf-one-column .edgtf-large-width-masonry-item,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-ptf-one-column .edgtf-large-width-height-masonry-item,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-ptf-one-column .edgtf-portfolio-list-masonry-grid-sizer,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-ptf-one-column article.edgtf-default-masonry-item,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-ptf-one-column article.edgtf-large-height-masonry-item,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-ptf-one-column .edgtf-large-width-masonry-item,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-ptf-one-column .edgtf-large-width-height-masonry-item {
width: 100%;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-ptf-two-columns .edgtf-portfolio-list-masonry-grid-sizer,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-ptf-two-columns article.edgtf-default-masonry-item,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-ptf-two-columns article.edgtf-large-height-masonry-item,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-ptf-two-columns .edgtf-portfolio-list-masonry-grid-sizer,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-ptf-two-columns article.edgtf-default-masonry-item,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-ptf-two-columns article.edgtf-large-height-masonry-item {
width: 50%;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-ptf-two-columns .edgtf-large-width-masonry-item,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-ptf-two-columns .edgtf-large-width-height-masonry-item,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-ptf-two-columns .edgtf-large-width-masonry-item,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-ptf-two-columns .edgtf-large-width-height-masonry-item {
width: 100%;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-ptf-three-columns .edgtf-portfolio-list-masonry-grid-sizer,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-ptf-three-columns article.edgtf-default-masonry-item,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-ptf-three-columns article.edgtf-large-height-masonry-item,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-ptf-three-columns .edgtf-portfolio-list-masonry-grid-sizer,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-ptf-three-columns article.edgtf-default-masonry-item,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-ptf-three-columns article.edgtf-large-height-masonry-item {
width: 33.33%;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-ptf-three-columns .edgtf-large-width-masonry-item,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-ptf-three-columns .edgtf-large-width-height-masonry-item,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-ptf-three-columns .edgtf-large-width-masonry-item,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-ptf-three-columns .edgtf-large-width-height-masonry-item {
width: 66.66%;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-ptf-four-columns .edgtf-portfolio-list-masonry-grid-sizer,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-ptf-four-columns article.edgtf-default-masonry-item,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-ptf-four-columns article.edgtf-large-height-masonry-item,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-ptf-four-columns .edgtf-portfolio-list-masonry-grid-sizer,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-ptf-four-columns article.edgtf-default-masonry-item,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-ptf-four-columns article.edgtf-large-height-masonry-item {
width: 25%;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-ptf-four-columns .edgtf-large-width-masonry-item,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-ptf-four-columns .edgtf-large-width-height-masonry-item,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-ptf-four-columns .edgtf-large-width-masonry-item,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-ptf-four-columns .edgtf-large-width-height-masonry-item {
width: 50%;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-ptf-five-columns .edgtf-portfolio-list-masonry-grid-sizer,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-ptf-five-columns article.edgtf-default-masonry-item,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-ptf-five-columns article.edgtf-large-height-masonry-item,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-ptf-five-columns .edgtf-portfolio-list-masonry-grid-sizer,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-ptf-five-columns article.edgtf-default-masonry-item,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-ptf-five-columns article.edgtf-large-height-masonry-item {
width: 20%;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-ptf-five-columns .edgtf-large-width-masonry-item,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-ptf-five-columns .edgtf-large-width-height-masonry-item,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-ptf-five-columns .edgtf-large-width-masonry-item,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-ptf-five-columns .edgtf-large-width-height-masonry-item {
width: 40%;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-ptf-six-columns .edgtf-portfolio-list-masonry-grid-sizer,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-ptf-six-columns article.edgtf-default-masonry-item,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-ptf-six-columns article.edgtf-large-height-masonry-item,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-ptf-six-columns .edgtf-portfolio-list-masonry-grid-sizer,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-ptf-six-columns article.edgtf-default-masonry-item,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-ptf-six-columns article.edgtf-large-height-masonry-item {
width: 16.66%;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-ptf-six-columns .edgtf-large-width-masonry-item,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry.edgtf-ptf-six-columns .edgtf-large-width-height-masonry-item,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-ptf-six-columns .edgtf-large-width-masonry-item,
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry-with-space.edgtf-ptf-six-columns .edgtf-large-width-height-masonry-item {
width: 33.33%;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry {
width: 100.2%;
/* fix for three columns */
overflow: hidden;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry .edgtf-portfolio-list-holder {
opacity: 0;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry article .edgtf-item-image-holder {
height: 100%;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry article .edgtf-item-image-holder img {
width: 100%;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-masonry article.edgtf-large-height-masonry-item .edgtf-item-image-holder img {
height: 100%;
width: auto;
}
/*Masonry with Space */
.edgtf-ptf-masonry-with-space {
margin: 0 -10px;
}
.edgtf-ptf-masonry-with-space .edgtf-portfolio-list-holder {
opacity: 0;
}
.edgtf-ptf-masonry-with-space article .edgtf-item-image-holder {
height: 100%;
max-height: 100%;
overflow: hidden;
}
.edgtf-ptf-masonry-with-space .edgtf-portfolio-item-inner-holder {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.edgtf-ptf-masonry-with-space article .edgtf-item-image-holder img {
-webkit-transform: scale(1);
transform: scale(1);
}
.edgtf-ptf-masonry-with-space article {
height: 100%;
padding: 10px;
box-sizing: border-box;
}
.edgtf-ptf-masonry-with-space .edgtf-large-height-masonry-item .edgtf-item-image-holder img {
max-width: inherit;
width: auto;
max-height: 100%;
left: 0;
top: 0;
position: absolute;
}
.edgtf-ptf-list-paging {
text-align: center;
margin: 20px 0 0 0;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-gallery .edgtf-ptf-list-paging {
margin-top: 68px;
}
.edgtf-portfolio-list-holder-outer.edgtf-ptf-standard .edgtf-ptf-list-paging {
margin-top: 13px;
}
/* Portfolio Load More Buttons - end */
/* Portfolio Slider custom styles - begin */
.edgtf-portfolio-slider-holder .edgtf-portfolio-list-holder {
display: none;
}
.edgtf-portfolio-slider-holder .edgtf-portfolio-list-holder .edgtf-portfolio-item.mix {
display: inline-block;
visibility: visible;
}
.edgtf-portfolio-slider-holder .edgtf-portfolio-list-holder.owl-carousel .owl-nav {
width: 100%;
}
.edgtf-portfolio-slider-holder .edgtf-portfolio-list-holder.owl-carousel .owl-nav .owl-prev {
left: 2%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.edgtf-portfolio-slider-holder .edgtf-portfolio-list-holder.owl-carousel .owl-nav .owl-next {
right: 2%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.edgtf-portfolio-slider-holder .edgtf-portfolio-list-holder.owl-carousel .owl-nav .edgtf-prev-icon,
.edgtf-portfolio-slider-holder .edgtf-portfolio-list-holder.owl-carousel .owl-nav .edgtf-next-icon {
display: inline-block;
width: 42px;
height: 42px;
text-align: center;
}
.edgtf-portfolio-slider-holder .edgtf-portfolio-list-holder.owl-carousel .owl-nav .edgtf-prev-icon i,
.edgtf-portfolio-slider-holder .edgtf-portfolio-list-holder.owl-carousel .owl-nav .edgtf-next-icon i {
-webkit-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
font-size: 45px;
line-height: 40px;
color: #fff;
}
.edgtf-portfolio-slider-holder .edgtf-portfolio-list-holder.owl-carousel .owl-nav .edgtf-prev-icon:hover i,
.edgtf-portfolio-slider-holder .edgtf-portfolio-list-holder.owl-carousel .owl-nav .edgtf-next-icon:hover i {
color: #fb3644;
}
.edgtf-portfolio-slider-holder.edgtf-ptf-gallery .edgtf-portfolio-list-holder .edgtf-portfolio-item .edgtf-item-text-overlay {
position: absolute;
width: 101%;
left: 0;
height: auto;
padding: 5%;
top: auto;
bottom: -1px;
opacity: 1;
text-align: center;
-webkit-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
-webkit-backface-visibility: hidden;
box-sizing: border-box;
background-color: rgba(10, 23, 30, 0.75);
z-index: 5;
}
.edgtf-portfolio-slider-holder.edgtf-ptf-gallery .edgtf-portfolio-list-holder .edgtf-portfolio-item .edgtf-item-image-holder {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
}
.edgtf-portfolio-slider-holder.edgtf-ptf-gallery .edgtf-portfolio-list-holder .edgtf-portfolio-item:hover .edgtf-item-text-overlay {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.edgtf-portfolio-slider-holder.edgtf-ptf-gallery .edgtf-portfolio-list-holder .edgtf-portfolio-item:hover .edgtf-item-image-holder {
-webkit-transform: scale(1.01);
transform: scale(1.01);
}
.edgtf-portfolio-slider-holder.edgtf-ptf-standard .edgtf-portfolio-list-holder .edgtf-portfolio-item .edgtf-item-text-overlay {
position: absolute;
width: 101%;
left: 0;
height: auto;
padding: 5%;
top: auto;
bottom: -1px;
opacity: 1;
text-align: center;
-webkit-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
-webkit-backface-visibility: hidden;
box-sizing: border-box;
background-color: rgba(10, 23, 30, 0.75);
z-index: 5;
}
.edgtf-portfolio-slider-holder.edgtf-ptf-standard .edgtf-portfolio-list-holder .edgtf-portfolio-item img {
-webkit-backface-visibility: hidden;
}
.edgtf-portfolio-slider-holder.edgtf-ptf-standard .edgtf-portfolio-list-holder .edgtf-portfolio-item:hover .edgtf-item-text-overlay {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.edgtf-portfolio-slider-holder .edgtf-portfolio-list-holder.owl-carousel.owl-loaded {
display: block;
}
/* Portfolio Slider custom styles - end */
/* #Related Portfolio Items - start
========================================================================== */
.edgtf-portfolio-related-holder {
margin-bottom: 55px;
}
.edgtf-portfolio-related-holder h5 {
margin-bottom: 10px;
}
.edgtf-portfolio-related-holder .edgtf-portfolio-related {
margin: 0 -15px;
}
.edgtf-portfolio-related-holder article {
width: 33.333333333%;
box-sizing: border-box;
padding: 15px;
float: left;
overflow: hidden;
}
.edgtf-portfolio-related-holder article .edgtf-portfolio-item-inner-holder {
position: relative;
overflow: hidden;
}
.edgtf-portfolio-related-holder article .edgtf-item-text-overlay {
position: absolute;
width: 100%;
left: 0;
height: auto;
padding: 5%;
top: auto;
bottom: -1px;
opacity: 1;
text-align: center;
-webkit-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
-webkit-backface-visibility: hidden;
box-sizing: border-box;
background-color: rgba(10, 23, 30, 0.75);
z-index: 5;
}
.edgtf-portfolio-related-holder article .edgtf-item-image-holder {
overflow: hidden;
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: -webkit-transform .3s ease-out;
-ms-transition: -ms-transform .3s ease-out;
transition: transform .3s ease-out;
}
.edgtf-portfolio-related-holder article .edgtf-item-image-holder img {
vertical-align: middle;
}
.edgtf-portfolio-related-holder article:hover .edgtf-item-text-overlay {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.edgtf-portfolio-related-holder article:hover .edgtf-item-image-holder {
-webkit-transform: scale(1);
transform: scale(1);
}
.edgtf-portfolio-related-holder article .edgtf-portfolio-link {
display: block;
}
.edgtf-portfolio-related-holder article .edgtf-item-title {
color: #fff;
font-size: 17px;
font-weight: 700;
text-transform: uppercase;
}
/* #Related Portfolio Items - end
========================================================================== */
/* ==========================================================================
Portfolio styles - end
========================================================================== */
.edgtf-iwt .edgtf-iwt-link {
margin-top: 20px;
display: inline-block;
}
.edgtf-iwt.edgtf-iwt-icon-top {
text-align: center;
}
.edgtf-iwt.edgtf-iwt-icon-top .edgtf-iwt-icon-holder {
margin-bottom: 20px;
}
.edgtf-iwt.edgtf-iwt-icon-left, .edgtf-iwt.edgtf-iwt-icon-left-from-title {
text-align: left;
}
.edgtf-iwt:not(.edgtf-iwt-left-from-title) .edgtf-iwt-title-holder {
margin-bottom: 11px;
}
.edgtf-iwt.edgtf-iwt-icon-left .edgtf-iwt-icon-holder {
float: left;
}
.edgtf-iwt.edgtf-iwt-icon-left.edgtf-iwt-icon-tiny .edgtf-iwt-content-holder {
padding-left: 60px;
}
.edgtf-iwt.edgtf-iwt-icon-left.edgtf-iwt-icon-small .edgtf-iwt-content-holder {
padding-left: 80px;
}
.edgtf-iwt.edgtf-iwt-icon-left.edgtf-iwt-icon-medium .edgtf-iwt-content-holder {
padding-left: 110px;
}
.edgtf-iwt.edgtf-iwt-icon-left.edgtf-iwt-icon-large .edgtf-iwt-content-holder {
padding-left: 150px;
}
.edgtf-iwt.edgtf-iwt-icon-left.edgtf-iwt-icon-huge .edgtf-iwt-content-holder {
padding-left: 180px;
}
.edgtf-iwt.edgtf-iwt-icon-right {
text-align: right;
}
.edgtf-iwt.edgtf-iwt-icon-right .edgtf-iwt-icon-holder {
float: right;
}
.edgtf-iwt.edgtf-iwt-icon-right.edgtf-iwt-icon-tiny .edgtf-iwt-content-holder {
padding-right: 60px;
}
.edgtf-iwt.edgtf-iwt-icon-right.edgtf-iwt-icon-small .edgtf-iwt-content-holder {
padding-right: 80px;
}
.edgtf-iwt.edgtf-iwt-icon-right.edgtf-iwt-icon-medium .edgtf-iwt-content-holder {
padding-right: 110px;
}
.edgtf-iwt.edgtf-iwt-icon-right.edgtf-iwt-icon-large .edgtf-iwt-content-holder {
padding-right: 150px;
}
.edgtf-iwt.edgtf-iwt-icon-right.edgtf-iwt-icon-huge .edgtf-iwt-content-holder {
padding-right: 180px;
}
.edgtf-iwt.edgtf-iwt-left-from-title .edgtf-iwt-icon-title-holder {
margin-bottom: 11px;
}
.edgtf-iwt.edgtf-iwt-left-from-title .edgtf-iwt-icon-holder {
margin-right: 16px;
}
.edgtf-iwt.edgtf-iwt-left-from-title .edgtf-iwt-icon-holder,
.edgtf-iwt.edgtf-iwt-left-from-title .edgtf-iwt-title-holder {
display: inline-block;
vertical-align: middle;
}
.edgtf-iwt .edgtf-icon-element {
color: #fb3644;
}
/* ==========================================================================
# Social Share style - begin
========================================================================== */
.edgtf-social-share-holder ul {
list-style: none;
display: inline-block;
}
/* List type - begin
========================================================================== */
.edgtf-social-share-holder.edgtf-list li {
display: inline-block;
margin-right: 10px;
}
/* List type - end
========================================================================== */
/* Dropdown type - begin
========================================================================== */
.edgtf-social-share-holder.edgtf-dropdown {
position: relative;
display: inline-block;
}
.edgtf-social-share-holder.edgtf-dropdown .edgtf-social-share-dropdown-opener {
display: block;
}
.edgtf-social-share-holder.edgtf-dropdown .edgtf-social-share-title {
display: inline-block;
margin-left: 5px;
}
.edgtf-social-share-holder.edgtf-dropdown .edgtf-social-share-dropdown {
visibility: hidden;
z-index: 950;
position: absolute;
left: 100%;
top: 2px;
}
.edgtf-social-share-holder.edgtf-dropdown .edgtf-social-share-dropdown ul {
position: relative;
display: block;
z-index: 990;
padding: 0 !important;
min-width: 50px;
}
.edgtf-social-share-holder.edgtf-dropdown .edgtf-social-share-dropdown ul li {
visibility: hidden;
position: absolute;
text-align: center;
min-width: 50px;
float: left;
opacity: 0;
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
font-size: 17px;
}
.edgtf-social-share-holder.edgtf-dropdown .edgtf-social-share-dropdown img {
width: 8px;
margin-right: 10px;
}
.edgtf-social-share-holder.edgtf-dropdown:hover .edgtf-social-share-dropdown ul li {
opacity: 1;
visibility: visible;
cursor: pointer;
}
.edgtf-social-share-holder.edgtf-dropdown:hover .edgtf-social-share-dropdown ul li:nth-child(2) {
left: 50px;
transition-delay: .1s;
}
.edgtf-social-share-holder.edgtf-dropdown:hover .edgtf-social-share-dropdown ul li:nth-child(3) {
left: 100px;
transition-delay: .2s;
}
.edgtf-social-share-holder.edgtf-dropdown:hover .edgtf-social-share-dropdown ul li:nth-child(4) {
left: 150px;
transition-delay: .3s;
}
.edgtf-social-share-holder.edgtf-dropdown:hover .edgtf-social-share-dropdown ul li:nth-child(5) {
left: 200px;
transition-delay: .4s;
}
.edgtf-social-share-holder.edgtf-dropdown:hover .edgtf-social-share-dropdown ul li:nth-child(6) {
left: 250px;
transition-delay: 0.5s;
}
.edgtf-social-share-holder.edgtf-dropdown:hover .edgtf-social-share-dropdown ul li:nth-child(7) {
left: 300px;
transition-delay: 0.6s;
}
/* Dropdown type - end
========================================================================== */
/* ==========================================================================
# Social Share style - end
========================================================================== */
/* =========================================================================
Start of Icon Slider shortcode
=============================================================================*/
.edgtf-icon-slider-container {
position: relative;
border-color: #efefef;
border-style: solid;
border-width: 1px;
}
.edgtf-icon-slider-container .edgtf-icon-slider-container-inner {
margin: 0;
width: 94%;
left: 6%;
position: relative;
display: none;
overflow: hidden;
}
.edgtf-icon-slider-container .edgtf-icon-slider-container-inner.owl-loaded {
display: block;
}
.edgtf-icon-slider-container .edgtf-icon-slide-container-inner {
position: relative;
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
}
.edgtf-icon-slider-container .edgtf-slide-image {
display: table-cell;
width: 53.5%;
vertical-align: middle;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.edgtf-icon-slider-container .edgtf-slide-image img {
vertical-align: middle;
width: 100%;
}
.edgtf-icon-slider-container .edgtf-slide-content {
padding: 60px 45px;
display: table-cell;
width: 46.5%;
height: 100%;
vertical-align: middle;
text-align: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.edgtf-icon-slider-container .edgtf-icon-slider-controls-holder {
display: none;
text-align: center;
height: 100%;
position: absolute;
width: 6%;
background-color: #000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.edgtf-icon-slider-container .edgtf-icon-slider-controls-holder-inner {
display: block;
margin: auto 0;
position: relative;
top: 50%;
height: auto;
width: 100%;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.edgtf-icon-slider-nav-icon {
display: block;
margin-bottom: 50px;
-webkit-transition: color 0.2s ease-in;
transition: color 0.2s ease-in;
color: #b5b5b5;
cursor: pointer;
}
.edgtf-icon-slider-nav-icon .edgtf-icon-slider-icon {
display: inline-block;
font-size: 23px;
position: relative;
vertical-align: middle;
color: inherit;
/* inherit color from its parent div.edgtf-icon-slider-controls-holder */
}
.edgtf-icon-slider-nav-icon.active, .edgtf-icon-slider-nav-icon:hover {
color: #fb3644;
-webkit-transition: color 0.2s ease-in;
transition: color 0.2s ease-in;
}
.edgtf-icon-slider-nav-icon:last-child {
margin-bottom: 0 !important;
}
/* =========================================================================
End of Icon Slider shortcode
=============================================================================*/
/* =========================================================================
Start of Content Slider shortcode
=============================================================================*/
.edgtf-content-slider-container {
position: relative;
margin: 0;
display: none;
width: 100%;
overflow-x: hidden;
}
.edgtf-content-slider-container .edgtf-content-slide {
position: relative;
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
}
.edgtf-content-slider-container .edgtf-image-wrapper {
display: inline-block;
vertical-align: middle;
}
.edgtf-content-slider-container .edgtf-slide-image {
display: table-cell;
width: 47.5%;
vertical-align: bottom;
text-align: right;
height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.edgtf-content-slider-container .edgtf-slide-image img {
vertical-align: middle;
width: 100%;
}
.edgtf-content-slider-container .edgtf-slide-content {
text-align: left;
}
.edgtf-content-slider-container.overlapping {
margin-top: -55px;
}
.edgtf-content-slider-container.overlapping.edgtf-center .edgtf-slide-content {
padding-left: 70px;
padding-right: 70px;
}
.edgtf-content-slider-container.overlapping .edgtf-slide-content {
padding-right: 70px;
display: inline-block;
width: 55%;
position: absolute;
left: 0;
bottom: 160px;
/* controls bottom + gap between content and controls */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.edgtf-content-slider-container.not-overlapping {
margin-top: 0;
}
.edgtf-content-slider-container.not-overlapping .edgtf-slide-content {
padding-right: 70px;
padding-top: 110px;
padding-bottom: 160px;
display: table-cell;
width: 55%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.edgtf-content-slider-container.not-overlapping.edgtf-center .edgtf-slide-content {
padding-right: 7%;
padding-left: 7%;
}
.edgtf-content-slider-container.edgtf-center .edgtf-slide-content,
.edgtf-content-slider-container.edgtf-center .edgtf-slide-image,
.edgtf-content-slider-container.edgtf-center .owl-controls {
width: 50%;
text-align: center;
}
.edgtf-content-slider-container .owl-controls {
display: inline-block;
position: absolute;
left: 0;
bottom: 85px;
}
.edgtf-content-slider-container .owl-dot {
display: inline-block;
width: 45px;
height: 45px;
line-height: 45px;
border-radius: 50%;
margin-right: 5px;
position: relative;
text-align: center;
font-family: 'Raleway', sans-serif;
font-weight: 600;
font-size: 16px;
-webkit-transition: background-color 0.2s ease-in, color 0.2s ease-in;
transition: background-color 0.2s ease-in, color 0.2s ease-in;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.edgtf-content-slider-container .owl-dot:last-child {
margin-right: 0;
}
.edgtf-content-slider-container.light-skin .owl-dot {
background-color: #fff;
color: #000;
}
.edgtf-content-slider-container.light-skin .owl-dot:hover, .edgtf-content-slider-container.light-skin .owl-dot.active {
color: #fff;
background-color: #0d2d32;
}
.edgtf-content-slider-container.dark-skin .owl-dot {
background-color: #eaeaea;
color: #000;
}
.edgtf-content-slider-container.dark-skin .owl-dot:hover, .edgtf-content-slider-container.dark-skin .owl-dot.active {
color: #fff;
background-color: #0d2d32;
}
/* =========================================================================
End of Content Slider shortcode
=============================================================================*/
/* =========================================================================
Start of Zooming Slider shortcode
=============================================================================*/
.edgtf-zooming-slider {
width: 35.5%;
display: none;
margin: 32px auto 0;
/* 32px because of icon holder */
}
.edgtf-zooming-slider .edgtf-zooming-slider-slide {
-webkit-transition: -webkit-transform .5s ease-in;
transition: transform .5s ease-in;
border-radius: 6px;
}
.edgtf-zooming-slider .edgtf-zooming-slider-slide.active .edgtf-zooming-slider-shader {
opacity: 0 !important;
}
.edgtf-zooming-slider .edgtf-zooming-slider-slide-inner {
position: relative;
padding: 65px 25px 55px 25px;
color: #fff;
}
.edgtf-zooming-slider .owl-item.active .edgtf-zooming-slider-shader {
opacity: 0;
}
.edgtf-zooming-slider .owl-item:not(.active) {
/* fix for border-radius on image - few pixels visible behind background colors */
}
.edgtf-zooming-slider .owl-item:not(.active) .edgtf-zooming-slider-slide:not(.active) {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
.edgtf-zooming-slider .owl-item:not(.active) .edgtf-zooming-slider-shader {
background: #f0f0f0;
opacity: 1;
border-radius: 6px;
}
.edgtf-zooming-slider .owl-item:not(.active) .edgtf-zooming-slider-slide {
background-position: 0 5px !important;
}
.edgtf-zooming-slider .owl-item:not(.active) .edgtf-zooming-slider-slide.active {
background-position: 0 0 !important;
}
.edgtf-zooming-slider.owl-carousel .owl-stage-outer {
overflow: visible;
}
.edgtf-zooming-slider .edgtf-zooming-slider-shader {
position: absolute;
width: 100%;
height: 100%;
-webkit-transition: opacity .5s ease-in;
transition: opacity .5s ease-in;
}
.edgtf-zooming-slider .edgtf-zooming-slider-icon-holder {
display: inline-block;
width: 64px;
height: 64px;
position: absolute;
top: -32px;
left: 0;
right: 0;
margin: 0 auto;
border-radius: 50%;
font-size: 30px;
text-align: center;
background-color: #fb3644;
}
.edgtf-zooming-slider .edgtf-zooming-slider-icon-holder i,
.edgtf-zooming-slider .edgtf-zooming-slider-icon-holder span {
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.edgtf-zooming-slider .owl-dots {
margin-top: 20px;
}
.edgtf-zooming-slider .owl-dot {
display: inline-block;
}
.edgtf-zooming-slider .owl-dot span {
display: inline-block;
width: 5px;
height: 5px;
margin: 0 9px;
background-color: #333;
}
.edgtf-zooming-slider .owl-dot.active span {
background-color: #fb3644;
}
.edgtf-zooming-slider .edgtf-zooming-slider-slide-inner p {
-webkit-backface-visibility: hidden;
}
.edgtf-zooming-slider .owl-item.active * {
border-color: #fff !important;
color: #fff !important;
}
.edgtf-zooming-slider-wrapper {
overflow: hidden;
}
.edgtf-zooming-slider {
overflow: visible;
}
/* =========================================================================
End of Zooming Slider shortcode
=============================================================================*/
/* ==========================================================================
Process Holder start style
========================================================================== */
.edgtf-process-holder.edgtf-five-columns .edgtf-process-holder-item {
width: 20%;
}
.edgtf-process-holder.edgtf-four-columns .edgtf-process-holder-item {
width: 25%;
}
.edgtf-process-holder.edgtf-three-columns .edgtf-process-holder-item {
width: 33%;
}
.edgtf-process-holder .edgtf-process-holder-item {
display: inline-block;
text-align: center;
position: relative;
float: left;
}
.edgtf-process-holder .edgtf-process-top-holder {
display: inline-block;
position: relative;
}
.edgtf-process-holder .edgtf-process-top-holder img {
border-radius: 50%;
position: relative;
z-index: 2;
}
.edgtf-process-holder .edgtf-process-bottom-holder {
box-sizing: border-box;
padding: 0 40px;
}
.edgtf-process-holder .edgtf-process-shadow {
background: transparent;
position: absolute;
width: 80%;
height: 100%;
-webkit-box-shadow: -15px 140px 20px 10px rgba(231, 231, 231, 0.85);
box-shadow: -15px 140px 20px 10px rgba(231, 231, 231, 0.85);
top: 15px;
left: -5px;
-webkit-transform: scaleY(0.25) skewY(37deg);
-ms-transform: scaleY(0.25) skewY(37deg);
transform: scaleY(0.25) skewY(37deg);
z-index: -1;
border-radius: 50%;
}
.edgtf-process-holder .edgtf-process-number {
position: absolute;
font-family: 'Open Sans', sans-serif;
z-index: 1;
font-size: 85px;
color: #e5e5e5;
top: -17px;
right: -27px;
line-height: 1em;
}
.edgtf-process-holder .edgtf-process-title {
line-height: 1em;
margin-top: 43px;
margin-bottom: 19px;
}
/* ==========================================================================
End of Process Holder style
========================================================================== */
/* =========================================================================
Start of Contact Form 7
=============================================================================*/
.wpcf7 img.ajax-loader {
display: none;
}
.edgtf-two-columns-form {
display: table;
width: 100%;
}
.edgtf-two-columns-form .edgtf-column-inner {
vertical-align: middle;
display: table-cell;
}
.edgtf-two-columns-form .edgtf-column-inner:last-child {
width: 1%;
text-align: left;
padding-left: 9px;
}
.edgtf-two-columns-form .edgtf-column-inner:first-child {
padding-right: 9px;
}
/* =========================================================================
End of Contact Form 7
=============================================================================*/
/* =========================================================================
Start of Team Slider shortcode
=============================================================================*/
.edgtf-team-slider-container {
position: relative;
margin: 0;
display: none;
width: 100%;
margin-top: -60px;
}
.edgtf-team-slider-container .edgtf-slide-image img {
vertical-align: middle;
width: 100%;
}
.edgtf-team-slider-container .edgtf-image-wrapper {
display: inline-block;
vertical-align: middle;
}
.edgtf-team-slider-container .edgtf-content-slide {
position: relative;
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
}
.edgtf-team-slider-container .edgtf-slide-content {
padding-left: 75px;
padding-right: 140px;
display: inline-block;
width: 73.5%;
text-align: left;
position: absolute;
right: 0;
top: 130px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.edgtf-team-slider-container .edgtf-team-description {
padding-top: 35px;
padding-bottom: 25px;
}
.edgtf-team-slider-container .edgtf-team-name {
color: #2a3a53;
}
.edgtf-team-slider-container .edgtf-icon-shortcode:not(:last-child) {
margin-right: 15px;
}
.edgtf-team-slider-container .edgtf-icon-shortcode {
background-color: #cdcdcd;
}
.edgtf-team-slider-container .edgtf-icon-shortcode:hover {
background-color: #fb3644;
}
.edgtf-team-slider-container .owl-dots {
text-align: center;
position: absolute;
bottom: 25px;
width: 100%;
}
.edgtf-team-slider-container .owl-dot {
display: inline-block;
width: 6px;
height: 6px;
background-color: #fb3644;
border-radius: 0;
margin-right: 25px;
position: relative;
text-align: center;
-webkit-transition: background-color 0.2s ease-in;
transition: background-color 0.2s ease-in;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.edgtf-team-slider-container .owl-dot:last-child {
margin-right: 0;
}
.edgtf-team-slider-container .owl-dot:hover, .edgtf-team-slider-container .owl-dot.active {
background-color: #fff;
}
.edgtf-team-slider-container .owl-prev,
.edgtf-team-slider-container .owl-next {
display: inline-block;
position: absolute;
top: 50%;
line-height: 1em;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: #828181;
-webkit-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
font-size: 110px;
}
.edgtf-team-slider-container .owl-prev {
left: -100px;
}
.edgtf-team-slider-container .owl-next {
right: -100px;
}
.edgtf-team-slider-container .owl-prev:hover,
.edgtf-team-slider-container .owl-next:hover {
color: #fb3644;
}
/* =========================================================================
End of Team Slider shortcode
=============================================================================*/
/* ==========================================================================
Interactive Banner start style
========================================================================== */
.edgtf-interactive-banner-holder {
position: relative;
}
.edgtf-interactive-banner-holder .edgtf-interactive-banner-image img {
vertical-align: middle;
}
.edgtf-interactive-banner-holder .edgtf-interactive-banner-text {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: #fff;
box-sizing: border-box;
padding: 25px;
z-index: 25;
}
.edgtf-interactive-banner-holder .edgtf-interactive-banner-text .edgtf-interactive-banner-text-inner {
border: 2px solid rgba(255, 255, 255, 0.6);
display: block;
height: 100%;
width: 100%;
position: relative;
box-sizing: border-box;
padding: 20px;
}
.edgtf-interactive-banner-holder .edgtf-interactive-banner-shader {
background-color: rgba(28, 28, 28, 0.4);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
z-index: 20;
}
.edgtf-interactive-banner-holder .edgtf-interactive-banner-initial,
.edgtf-interactive-banner-holder .edgtf-interactive-banner-hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
}
.edgtf-interactive-banner-holder .edgtf-interactive-banner-initial-content,
.edgtf-interactive-banner-holder .edgtf-interactive-banner-hover-content {
width: 100%;
height: 100%;
display: table-cell;
vertical-align: middle;
text-align: center;
color: #fff;
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.edgtf-interactive-banner-holder .edgtf-interactive-banner-initial-content .edgtf-interactive-banner-initial-title {
font-size: 43px;
line-height: 50px;
font-weight: 600;
text-transform: uppercase;
color: #fff;
}
.edgtf-interactive-banner-holder .edgtf-interactive-banner-hover-content {
opacity: 0;
padding: 0 60px;
}
.edgtf-interactive-banner-holder .edgtf-interactive-banner-hover-content .edgtf-interactive-banner-hover-title {
color: #fff;
font-size: 18px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 25px;
display: block;
}
.edgtf-interactive-banner-holder:hover .edgtf-interactive-banner-hover-content {
opacity: 1;
}
.edgtf-interactive-banner-holder:hover .edgtf-interactive-banner-initial-content {
opacity: 0;
}
/* ==========================================================================
End of Interactive Banner style
========================================================================== */
/* ==========================================================================
Floating Slider - Start
========================================================================== */
.edgtf-floating-slider {
overflow: hidden;
}
.edgtf-fs-background-elements {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
overflow: hidden;
}
.edgtf-fs-background-elements .floater {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
}
.edgtf-fs-background-elements-inner {
position: absolute;
top: 50%;
left: 50%;
overflow: hidden;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.edgtf-fs-background-elements-inner.running {
opacity: 1;
filter: alpha(opacity=100);
}
.edgtf-fs-front-content-inner {
position: relative;
box-sizing: border-box;
}
.edgtf-fs-slide {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
}
.edgtf-fs-slide.current {
z-index: 10;
}
.fs-container {
position: absolute;
top: 100%;
background: transparent center center no-repeat;
background-size: cover;
}
.fs-container .fs-cont-title {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
opacity: 0;
margin-top: 7px;
-webkit-transition: opacity .2s ease-in-out, margin-top .2s ease-in-out;
transition: opacity .2s ease-in-out, margin-top .2s ease-in-out;
}
.fs-container:hover .fs-cont-title {
opacity: 1;
margin-top: 0;
}
.fs-container .fs-cont-title h2 {
color: white;
}
.fs-container .fs-cont-date {
position: absolute;
z-index: 100;
-webkit-transition: transform 0.3s ease-in-out, background-color 0.2s ease-in-out;
transition: transform 0.3s ease-in-out, background-color 0.2s ease-in-out;
background-color: #18202d;
width: 58px;
padding-top: 13px;
padding-bottom: 13px;
color: #fff;
-webkit-transition: -webkit-transform 0.3s ease-in-out, background-color 0.2s ease-in-out;
transition: transform 0.3s ease-in-out, background-color 0.2s ease-in-out;
}
.fs-container .fs-cont-date span {
display: block;
text-align: center;
}
.fs-container .fs-cont-date .edgtf-date-month {
font-size: 12px;
line-height: 16px;
}
.fs-container .fs-cont-date .edgtf-date-day {
font-size: 28px;
line-height: 28px;
font-weight: 700;
margin-bottom: 2px;
}
.fs-container .fs-cont-date .edgtf-date-year {
font-size: 12px;
line-height: 16px;
opacity: 0.38;
-webkit-transition: color 0.1s ease-in-out;
transition: color 0.1s ease-in-out;
}
.fs-container:hover .fs-cont-date {
-webkit-transform: translateY(-7px);
transform: translateY(-7px);
background-color: #fb3644;
}
.fs-container > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.fs-container > img {
display: block;
}
.edgtf-fs-nav {
position: absolute;
bottom: 20px;
z-index: 30;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.edgtf-fs-nav .nav_but {
float: left;
margin-right: 10px;
font-size: 16px;
cursor: pointer;
padding: 5px;
color: #0d2d32;
position: relative;
}
.edgtf-fs-nav .nav_but:last-child {
margin-right: 0;
}
.edgtf-fs-nav .nav_but:before {
content: '';
position: absolute;
top: 0;
left: 50%;
width: 6px;
height: 6px;
background-color: #fb3644;
margin-top: -6px;
margin-left: -3px;
-webkit-transition: background-color 1s ease;
transition: background-color 1s ease;
}
.edgtf-fs-nav .nav_but.seen:before {
background-color: #0d2d32;
}
.edgtf-fs-nav .nav_but > span {
-webkit-transition: opacity 1s ease;
transition: opacity 1s ease;
opacity: 0;
filter: alpha(opacity=0);
}
.edgtf-fs-nav .nav_but.current > span {
opacity: 100;
filter: alpha(opacity=100);
}
/* ==========================================================================
Floating Slider - End
========================================================================== */
/* ==========================================================================
# Sidebar style - start
========================================================================== */
.edgtf-sidebar .widget {
padding-bottom: 18px;
}
.edgtf-sidebar .widget ul {
padding-left: 5px;
}
.edgtf-sidebar .widget ul li {
display: block;
padding: 5px 20px 5px 0;
position: relative;
}
.edgtf-sidebar .widget ul li ul {
padding-left: 15px;
}
.edgtf-sidebar .widget ul li a {
color: #575757;
}
.edgtf-sidebar .widget ul li:hover a, .edgtf-sidebar .widget ul li:hover:after {
color: #fb3644;
}
.edgtf-sidebar .widget > ul > li:after {
font-family: 'ElegantIcons';
content: '9';
font-size: 17px;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
position: absolute;
right: 0;
top: 50%;
color: #cfcfcf;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.edgtf-sidebar .widget select {
border: 2px solid #efefef;
border-radius: 2px;
padding: 10px 5px;
width: 100%;
box-sizing: border-box;
}
.edgtf-sidebar .widget .tagcloud {
display: inline-block;
margin: -6px;
vertical-align: middle;
}
.edgtf-sidebar .widget .tagcloud a {
font-size: 13px !important;
color: #575757;
background-color: #f8f8f8;
margin: 6px;
display: inline-block;
padding: 2px 13px;
text-transform: capitalize;
float: left;
box-sizing: border-box;
border: 2px solid transparent;
border-radius: 2px;
}
.edgtf-sidebar .widget .tagcloud a:hover {
background-color: #fff;
border-color: #efefef;
color: #fb3644;
}
.edgtf-sidebar .widget.woocommerce li:after {
content: '';
position: relative;
}
.edgtf-sidebar .widget .edgtf-blog-list {
padding: 0;
}
.edgtf-sidebar .widget .edgtf-blog-list li {
margin: 0;
}
.edgtf-sidebar .widget .edgtf-blog-list li:after {
content: ' ';
display: none;
}
.edgtf-sidebar .widget .edgtf-blog-list .edgtf-post-info-date {
color: #fb3644;
}
.edgtf-sidebar .widget #searchform {
position: relative;
}
.edgtf-sidebar .widget #searchform .screen-reader-text {
display: none;
}
.edgtf-sidebar .widget #searchform input[type="text"] {
background-color: #f8f8f8;
border: none;
border-bottom: 2px solid #efefef;
width: 100%;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
height: 50px;
line-height: 50px;
padding: 0 10px 0 45px;
box-sizing: border-box;
font-family: 'Raleway', serif;
color: #333;
outline: none;
}
.edgtf-sidebar .widget #searchform input[type="submit"] {
height: 50px;
line-height: 50px;
width: 20px;
display: inline-block;
margin: 0;
padding: 0;
text-align: center;
outline: 0;
border: 0;
text-decoration: none;
background-color: transparent;
color: #333;
font-family: 'Simple-Line-Icons';
cursor: pointer;
white-space: nowrap;
position: absolute;
left: 13px;
top: 0;
font-size: 17px;
font-weight: normal;
}
.edgtf-sidebar .widget #searchform ::-webkit-input-placeholder {
color: #333;
}
.edgtf-sidebar .widget #searchform :-moz-placeholder {
/* Firefox 18- */
color: #333;
}
.edgtf-sidebar .widget #searchform ::-moz-placeholder {
/* Firefox 19+ */
color: #333;
}
.edgtf-sidebar .widget #searchform :-ms-input-placeholder {
color: #333;
}
.edgtf-sidebar .widget > h6 {
padding: 14px 15px;
background-color: #f8f8f8;
border-bottom: 2px solid #efefef;
margin-bottom: 18px;
}
.edgtf-sidebar .widget > h6:before {
font-family: 'Simple-Line-Icons';
margin-right: 15px;
color: #848482;
font-size: 17px;
font-weight: normal;
position: relative;
top: 2px;
content: "\e028";
}
.edgtf-sidebar .widget > h6 .rsswidget img {
display: none;
}
.edgtf-sidebar .widget.widget_archive > h6:before {
content: "\e039";
}
.edgtf-sidebar .widget.widget_calendar > h6:before {
content: "\e075";
}
.edgtf-sidebar .widget.widget_categories > h6:before {
content: "\e067";
}
.edgtf-sidebar .widget.widget_pages > h6:before {
content: "\e040";
}
.edgtf-sidebar .widget.widget_meta > h6:before {
content: "\e01c";
}
.edgtf-sidebar .widget.widget_recent_comments > h6:before {
content: "\e04a";
}
.edgtf-sidebar .widget.widget_recent_entries > h6:before {
content: "\e01c";
}
.edgtf-sidebar .widget.widget_rss > h6:before {
content: "\e03b";
}
.edgtf-sidebar .widget.widget_search > h6:before {
content: "\e090";
}
.edgtf-sidebar .widget.widget_text > h6:before {
content: "\e01c";
}
.edgtf-sidebar .widget.widget_tag_cloud > h6:before {
content: "\e01c";
}
.edgtf-sidebar .widget.edgtf-latest-posts-widget > h6:before {
content: "\e034";
}
/* ==========================================================================
# Sidebar style - end
========================================================================== */
/*# sourceMappingURL=modules.css.map */