/**
* This is main css file for theme. It is broken into following sections:
* 1. Reset
* 2. General styles
* 3. Animations styles
* 4. Templates styles
* 5. Grid system styles
* 6. Header styles
* 7. Left Menu Area styles
* 8. Popup menu styles
* 9. Slider styles
* 10. Title styles
* 11. Blog styles
* 12. Portfolio styles
* 13. Shortcodes styles
* 14. Sidebar styles
* 15. Side area styles
* 16. Layer Slider styles
* 17. Plugins (WordPress) styles
* 18. Footer styles
*/
/* ==========================================================================
1. Reset default styles
========================================================================== */
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;
}
/* ==========================================================================
End of reset styles
========================================================================== */
/* ==========================================================================
2. General styles
========================================================================== */
/**
* General styles that are used in our theme.
*
* 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
*/
html {
height: 100%;
margin: 0px !important;
-webkit-transition: all 1.3s ease-out;
-moz-transition: all 1.3s ease-out;
-o-transition: all 1.3s ease-out;
-ms-transition: all 1.3s ease-out;
transition: all 1.3s 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: 24px;
color: #818181;
font-weight: 400;
background-color: #fff;
overflow-x: hidden !important;
-webkit-font-smoothing: antialiased;
}
h1 {
font-size: 35px;
line-height: 1.707317073170732em; /* 70px/41px */
font-weight: 600;
text-transform: uppercase;
}
h2 {
font-size: 30px;
line-height: 1.371428571428571em; /* 48px/35px */
font-weight: 500;
text-transform: uppercase;
}
h3 {
font-size: 20px;
line-height: 1.125em; /* 27px/24px */
font-weight: 800;
letter-spacing: 1px;
text-transform: uppercase;
}
h4 {
font-size: 18px;
line-height: 1.444444444444444em; /* 26px/18px */
font-weight: 400;
}
h5 {
font-size: 15px;
line-height: 1.733333333333333em; /* 26px/15px */
font-weight: 700;
text-transform: uppercase;
}
h6 {
font-size: 13px;
line-height: 1.230769230769231em; /* 16px/13px */
font-weight: 400;
}
h1, h1 a,
h2, h2 a,
h3, h3 a,
h5, h5 a{
color: #464646;
}
h4, h4 a{
color: #636363;
}
h6, h6 a{
color: #818181;
}
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: #e5735c;
}
a,
p a {
color: #e5735c;
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;
}
input,textarea,button,select,a,li,div {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
ul, ol {
list-style-position:inside;
}
pre {
background-color: #fff;
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 {
border: 1px solid #e6e6e6;
}
table tbody th {
border-right: 1px solid #e6e6e6;
}
blockquote:not(.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: #e5735c;
color: #fff;
}
/* Gecko/Mozilla */
::-moz-selection {
background: #e5735c;
color: #fff;
}
.content ul ul,
.content ol ol {
padding: 0 0 0 15px;
}
.wrapper {
background-color: #fff;
position: relative;
z-index: 1000;
-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);
left: 0px;
}
.wrapper_inner{
width: 100%;
overflow: hidden;
}
.transparent_content .wrapper,
.transparent_content .content .container,
.transparent_content .full_width{
background-color: transparent !important;
}
body.boxed .wrapper_inner{
overflow: visible;
}
body.boxed .content{
overflow: hidden;
}
/* space around content - start */
body.boxed{
overflow: hidden !important; /* this is because content jumping while using accordion and display:inline-block on 'body.boxed .wrapper' */
}
body.boxed .wrapper{
display: inline-block;
vertical-align: middle;
width: 100%;
}
.space_around_content {
margin-top: 25px;
margin-bottom: 25px;
width: 100%;
}
.space_around_content.frame_around_content{
background-image: url("img/space_around_content_patern.png");
background-repeat: repeat;
background-position: 0px 0px;
margin-left: -15px;
padding: 15px;
}
.space_around_content_inner{
background-color: #fafafa;
}
/* space around content - end */
.wp-caption,
.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor{
opacity: 1;
}
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
.clear:after {
clear: both;
content: "";
display: block;
}
.alignleft {
float: left;
margin: 0 20px 20px 0;
}
.alignright {
float: right;
margin: 0 0 20px 20px;
}
.aligncenter {
display: block;
margin: 10px auto;
}
.header_top .aligncenter {
margin: 8px auto;
}
.text-align-right {
text-align: right;
}
.text-align-left {
text-align: left;
}
.text-align-center {
text-align: center;
}
.meta {
display: none;
}
.content{
margin-top: 0;
position: relative;
z-index: 100;
}
.ajax_leftright .content {
width: 100%; /* this is because the ajax page transition left/right since there are -15px on rows that goes out of content */
overflow: hidden; /* this is because the ajax page transition left/right since there are -15px on rows that goes out of content */
}
.content.content_top_margin{
margin-top: 110px !important;
}
.content.content_top_margin_none{
margin-top: 0 !important;
}
.content.content_top_margin_negative{
top: -110px !important;
}
.content_wrapper{
width: 100%;
height: 100%;
position: fixed;
top: 0px;
left: 0px;
visibility: hidden;
opacity: 0;
}
.content_wrapper.content_top_margin_none{
margin-top: 0 !important;
}
.container{
position: relative;
padding: 0;
width: 100%;
z-index:100;
}
.container_inner{
width: 1100px;
margin: 0px auto;
}
body.has_general_padding .title_holder .container_inner{
width: 1100px;
}
.content .container {
background-color: #fff;
}
.content .content_bottom .container{
background-color: inherit;
}
.content .container .container_inner.default_template_holder {
padding-top: 80px;
}
.full_page_container_inner {
padding: 30px 0 0 0;
}
.full_width {
position: relative;
z-index: 100;
background-color: #fff;
}
.content_bottom{
position: relative;
z-index: 100;
}
.page-template-landing_page-php .content .content_inner > .container > .container_inner,
.page-template-landing_page-php .content .content_inner > .full_width > .full_width_inner{
padding-top: 0 !important;
}
/* Ajax loader styles
========================================================================== */
.ajax_loader {
position: fixed;
top: 50%;
left: 50%;
z-index: 1100;
display: none;
}
@media only screen and (min-width: 1000px){
body.vertical_menu_enabled.vertical_menu_width_290:not(.vertical_menu_hidden) .ajax_loader{
margin-left: 145px;
}
body.vertical_menu_enabled.vertical_menu_width_350:not(.vertical_menu_hidden) .ajax_loader{
margin-left: 175px;
}
body.vertical_menu_enabled.vertical_menu_width_400:not(.vertical_menu_hidden) .ajax_loader{
margin-left: 200px;
}
body.vertical_menu_enabled.vertical_menu_width_290.vertical_menu_right:not(.vertical_menu_hidden) .ajax_loader{
margin-left: -145px;
}
body.vertical_menu_enabled.vertical_menu_width_350.vertical_menu_right:not(.vertical_menu_hidden) .ajax_loader{
margin-left: -175px;
}
body.vertical_menu_enabled.vertical_menu_width_400.vertical_menu_right:not(.vertical_menu_hidden) .ajax_loader{
margin-left: -200px;
}
body.vertical_menu_enabled.vertical_menu_hidden .ajax_loader{
margin-left: 20px;
}
body.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right .ajax_loader{
margin-left: -20px;
}
}
.ajax_loader_1 {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
}
.ajax_loader_2 {
margin: -50% 0 0 -50%;
}
/* pulse - start */
.ajax_loader .pulse {
width: 32px;
height: 32px;
margin: -16px 0px 0px -16px;
background-color: #e5735c;
-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 */
.ajax_loader .double_pulse {
width: 40px;
height: 40px;
margin: -20px 0px 0px -20px;
position: relative;
}
.ajax_loader .double_pulse .double-bounce1, .ajax_loader .double_pulse .double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #e5735c;
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;
}
.ajax_loader .double_pulse .double-bounce2 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes bounce {
0%, 100% { -webkit-transform: scale(0.0) }
50% { -webkit-transform: scale(1.0) }
}
@keyframes bounce {
0%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 50% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
/* double pulse - end */
/* cube - start */
.ajax_loader .cube {
width: 60px;
height: 60px;
margin: -30px 0px 0px -30px;
background-color: #e5735c;
-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 */
.ajax_loader .rotating_cubes {
width: 32px;
height: 32px;
margin: -16px 0px 0px -16px;
position: relative;
}
.ajax_loader .rotating_cubes .cube1, .ajax_loader .rotating_cubes .cube2 {
background-color: #e5735c;
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;
}
.ajax_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 */
.ajax_loader .stripes {
width: 50px;
height: 60px;
margin: -30px 0px 0px -25px;
text-align: center;
font-size: 10px;
}
.ajax_loader .stripes > div {
background-color: #e5735c;
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;
}
.ajax_loader .stripes .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.ajax_loader .stripes .rect3 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.ajax_loader .stripes .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.ajax_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.0) }
}
@keyframes stretchdelay {
0%, 40%, 100% {
transform: scaleY(0.4);
-webkit-transform: scaleY(0.4);
} 20% {
transform: scaleY(1.0);
-webkit-transform: scaleY(1.0);
}
}
/* stripes - end */
/* wave - start */
.ajax_loader .wave {
width: 72px;
text-align: center;
margin: -9px 0px 0px -36px;
}
.ajax_loader .wave > div {
width: 18px;
height: 18px;
background-color: #e5735c;
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;
}
.ajax_loader .wave .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.ajax_loader .wave .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0.0) }
40% { -webkit-transform: scale(1.0) }
}
@keyframes bouncedelay {
0%, 80%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 40% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
/* wave - end */
/* two_rotating_circles - start */
.ajax_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;
}
.ajax_loader .two_rotating_circles .dot1, .ajax_loader .two_rotating_circles .dot2 {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: #e5735c;
border-radius: 100%;
-webkit-animation: bounce 2.0s infinite ease-in-out;
animation: bounce 2.0s infinite ease-in-out;
}
.ajax_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 */
.ajax_loader .five_rotating_circles {
width: 60px;
height: 60px;
margin: -30px 0px 0px -30px;
position: relative;
}
.ajax_loader .five_rotating_circles .container1 > div, .ajax_loader .five_rotating_circles .container2 > div, .ajax_loader .five_rotating_circles .container3 > div {
width: 12px;
height: 12px;
background-color: #e5735c;
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;
}
.ajax_loader .five_rotating_circles .spinner-container {
position: absolute;
width: 100%;
height: 100%;
}
.ajax_loader .five_rotating_circles .container2 {
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.ajax_loader .five_rotating_circles .container3 {
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}
.ajax_loader .five_rotating_circles .circle1 { top: 0; left: 0; }
.ajax_loader .five_rotating_circles .circle2 { top: 0; right: 0; }
.ajax_loader .five_rotating_circles .circle3 { right: 0; bottom: 0; }
.ajax_loader .five_rotating_circles .circle4 { left: 0; bottom: 0; }
.ajax_loader .five_rotating_circles .container2 .circle1 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.ajax_loader .five_rotating_circles .container3 .circle1 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.ajax_loader .five_rotating_circles .container1 .circle2 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.ajax_loader .five_rotating_circles .container2 .circle2 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.ajax_loader .five_rotating_circles .container3 .circle2 {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
}
.ajax_loader .five_rotating_circles .container1 .circle3 {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.ajax_loader .five_rotating_circles .container2 .circle3 {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.ajax_loader .five_rotating_circles .container3 .circle3 {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.ajax_loader .five_rotating_circles .container1 .circle4 {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
.ajax_loader .five_rotating_circles .container2 .circle4 {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.ajax_loader .five_rotating_circles .container3 .circle4 {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s;
}
/* five_rotating_circles - end */
/* atom - start */
.ajax_loader .atom{
width: 100px;
height: 100px;
margin: -50px 0 0 -50px;
position: relative;
}
.ajax_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;
}
.ajax_loader .atom .ball-1:before{
content: '';
background: #e5735c;
border-radius: 50%;
height: 100%;
width: 100%;
position: absolute;
top: -50%;
left: -50%;
}
.ajax_loader .atom .ball-2,
.ajax_loader .atom .ball-3,
.ajax_loader .atom .ball-4 {
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
}
.ajax_loader .atom .ball-2:before,
.ajax_loader .atom .ball-3:before,
.ajax_loader .atom .ball-4:before {
content: '';
height: 20px;
width: 20px;
border-radius: 50%;
background: #e5735c;
top: 0;
left: 0;
margin: 0 auto;
position: absolute;
}
.ajax_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);
}
.ajax_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);
}
.ajax_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);
}
.ajax_loader .atom .ball-2:before {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
-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;
}
.ajax_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;
}
.ajax_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*/
.ajax_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);
}
.ajax_loader .clock .ball {
height: 50px;
width: 50px;
position: absolute;
}
.ajax_loader .clock .ball:before {
content: '';
border-radius: 50%;
height: 18.31501832px;
width: 18.31501832px;
position: absolute;
background: #e5735c;
}
.ajax_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;
}
.ajax_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;
}
.ajax_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;
}
.ajax_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(0);
}
45% {
-webkit-transform: rotate(-315deg);
}
100% {
-webkit-transform: rotate(-315deg);
}
}
@-moz-keyframes clock4 {
15% {
-moz-transform: rotate(0);
}
45% {
-moz-transform: rotate(-315deg);
}
100% {
-moz-transform: rotate(-315deg);
}
}
@-o-keyframes clock4 {
15% {
-o-transform: rotate(0);
}
45% {
-o-transform: rotate(-315deg);
}
100% {
-o-transform: rotate(-315deg);
}
}
@keyframes clock4 {
15% {
transform: rotate(0);
}
45% {
transform: rotate(-315deg);
}
100% {
transform: rotate(-315deg);
}
}
/* clock - end*/
/* mitosis - start*/
.ajax_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);
}
.ajax_loader .mitosis .ball {
height: 100%;
width: 100%;
position: absolute;
border-radius: 50%;
top: 0;
left: 0;
background: #e5735c;
}
.ajax_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;
}
.ajax_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;
}
.ajax_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;
}
.ajax_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*/
.ajax_loader .lines{
width: 60px;
height: 60px;
margin:0 0 0 -30px;
}
.ajax_loader .lines .line1,
.ajax_loader .lines .line2,
.ajax_loader .lines .line3,
.ajax_loader .lines .line4{
margin-left: 10px;
position: absolute;
width: 60px;
height: 4px;
background-color: #e5735c;
-webkit-animation: lines_spin 1.5s infinite linear;
-webkit-animation-timing-function: ease;
}
.ajax_loader .lines .line2{
-webkit-animation-delay: 0.1s;
}
.ajax_loader .lines .line3 {
-webkit-animation-delay: 0.2s;
}
.ajax_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*/
.ajax_loader .fussion{
width: 30px;
height: 30px;
margin:-45px 0 0 -30px;
position:relative;
}
.ajax_loader .fussion .ball {
height: 40px;
width: 40px;
left: 50%;
top: 50%;
background: #e5735c;
border-radius: 50%;
float: left;
position: absolute;
}
.ajax_loader .fussion .ball-1 {
background: #e5735c;
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;
}
.ajax_loader .fussion .ball-2 {
background: #e5735c;
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;
}
.ajax_loader .fussion .ball-3 {
background: #e5735c;
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;
}
.ajax_loader .fussion .ball-4 {
background: #e5735c;
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*/
.ajax_loader .wave_circles{
width: 150px;
height: 30px;
margin:-15px 0 0 -75px;
}
.ajax_loader .wave_circles .ball {
height: 30px;
width: 30px;
float: left;
background: #e5735c;
border-radius: 50%;
margin-right: 10px;
}
.ajax_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;
}
.ajax_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;
}
.ajax_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;
}
.ajax_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*/
.ajax_loader .pulse_circles {
width: 100px;
height: 100px;
margin:-50px 0 0 -50px;
position: relative;
}
.ajax_loader .pulse_circles * {
box-sizing: border-box;
}
.ajax_loader .pulse_circles .ball {
height: 100%;
width: 100%;
background: #e5735c;
position: absolute;
border-radius: 50%;
border: 0px solid #e5735c;
-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;
}
.ajax_loader .pulse_circles .ball-2 {
-webkit-animation-delay: -0.75s;
-moz-animation-delay: -0.75s;
-o-animation-delay: -0.75s;
animation-delay: -0.75s;
}
.ajax_loader .pulse_circles .ball-3 {
-webkit-animation-delay: -1.5s;
-moz-animation-delay: -1.5s;
-o-animation-delay: -1.5s;
animation-delay: -1.5s;
}
.ajax_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*/
body.boxed:not(.has_general_padding) .wrapper_inner,
body.boxed .footer_inner,
body.boxed .content_wrapper{
width: 1150px;
margin-left: auto; /* because of the ajax transition and content top margin problem, it will not disable top margin when needed */
margin-right: auto; /* because of the ajax transition and content top margin problem, it will not disable top margin when needed */
}
body.boxed .wrapper_inner{
margin-left: auto; /* because of the ajax transition and content top margin problem, it will not disable top margin when needed */
margin-right: auto; /* because of the ajax transition and content top margin problem, it will not disable top margin when needed */
}
body.boxed .content_wrapper{
left: auto;
}
section.section{
display: block;
position: relative;
padding: 50px 0;
overflow: hidden;
}
div.section{
position:relative;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
div.section.pattern_background{
background-position: 0px 0px;
background-repeat: repeat;
background-size: inherit;
}
.vc_row.use_row_as_box {
margin-left: 0;
margin-right: 0;
}
div.video_section {
overflow: hidden;
}
.boxed .section .section_inner,
.grid_section .section_inner,
.parallax_grid_section .parallax_section_inner {
width: 1100px;
margin: 0 auto;
position: relative;
z-index: 20;
}
@media only screen and (min-width: 480px) {
div.column1 .grid_section .section_inner,
div.column2 .grid_section .section_inner {
width: 100% !important;
}
}
.full_section_inner,
.parallax_full_section_inner{
position: relative;
z-index: 20;
}
div.vc_row .row_badge,
section.parallax_section_holder .row_badge{
width: 142px;
height: 55px;
position: relative;
margin: auto;
background-color: #e5735c;
margin-bottom: 30px;
z-index: 100;
text-align: center;
color: #fff;
}
div.vc_row .row_badge .row_badge_triangle,
section.parallax_section_holder .row_badge .row_badge_triangle{
position: absolute;
top: 100%;
left: 0;
height: 0;
width: 0;
border-left: 71px solid transparent;
border-right: 71px solid transparent;
border-top: 23px solid #e5735c;
}
.row_badge .badge_text{
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
line-height: 24px;
}
.row_badge .badge_icon{
display: block;
padding-top: 11px;
line-height: normal;
}
/* ==========================================================================
Pagination styles
========================================================================== */
.pagination,
.pagination_prev_and_next_only {
position:relative;
display: inline-block;
vertical-align: middle;
width: auto;
margin: 10px 0 76px;
}
.pagination.pagination_with_border{
width: 100%;
}
.pagination ul,
.pagination_prev_and_next_only ul {
display: inline-block;
vertical-align: middle;
list-style-type: none;
margin: 0px;
padding: 0px;
}
.pagination ul li,
.pagination_prev_and_next_only ul li {
float: left;
display: inline-block;
vertical-align: middle;
text-align: center;
margin: 0 2px 4px 2px;
}
.pagination ul li > span,
.pagination ul li > a,
.single_links_pages span.current,
.single_links_pages a span,
.comment_pager .page-numbers {
position: relative;
display: inline-block;
width: 44px;
height: 44px;
line-height: 44px;
margin: 0;
color: #464646;
background-color: transparent;
border: 2px solid;
border-color: #dadada;
font-size: 30px;
font-weight: 400;
vertical-align: middle;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;
white-space: nowrap;
outline: none;
text-shadow: none;
-webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
-moz-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
-ms-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
-o-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;
box-sizing: content-box;
float:left;
}
.pagination_prev_and_next_only ul li > a{
position: relative;
display: inline-block;
margin: 0;
color: #464646;
font-size: 15px;
font-weight: 400;
vertical-align: middle;
-webkit-transition: color 0.15s ease-out;
-moz-transition: color 0.15s ease-out;
-ms-transition: color 0.15s ease-out;
-o-transition: color 0.15s ease-out;
transition: color 0.15s ease-out;
box-sizing: content-box;
float:left;
}
.comment_pager {
position:relative;
}
.pagination ul li a:hover,
.pagination ul li.active span,
.single_links_pages > span,
.single_links_pages span:hover {
color: #393939;
}
.pagination_prev_and_next_only ul li a:hover{
color: #e5735c;
}
.pagination ul li a span:before{
position: relative;
display: block;
line-height: inherit;
}
.pagination ul li span,
.pagination ul li > a,
.single_links_pages a span,
.single_links_pages span.current,
.comment_pager .page-numbers {
font-size: 15px;
font-weight: 400;
}
.pagination ul li a:hover,
.single_links_pages span:hover,
.comment_pager a:hover,
.comment_pager .current:hover,
.comment_pager .page-numbers.dots:hover,
.pagination ul li.active span,
.single_links_pages > span,
.comment_pager .current,
.single_links_pages .single_links_pages_inner > span{
background-color: #e5735c;
border-color: #e5735c;
color: #fff;
}
.pagination ul li a .pagination_arrow,
.woocommerce-pagination ul li a .pagination_arrow {
line-height: 44px;
}
.pagination ul li a .pagination_arrow,
.woocommerce-pagination ul li a .pagination_arrow {
font-size: inherit;
}
.pagination ul .prev i,
.pagination ul .next i{
line-height: inherit;
}
.single_links_pages {
margin: 50px 0 0;
display: block;
text-decoration: none;
}
.single_links_pages span,
.comment_pager a,
.comment_pager .current {
text-align: center;
}
.comment_pager {
margin: 20px 0;
}
.comment_pager .prev,
.comment_pager .next {
width: auto;
padding: 0 15px;
text-transform: none;
}
.comment_pager .page-numbers,
.single_links_pages a,
.single_links_pages span.current {
margin: 0 2px 4px 2px;
}
.pagination.standard_center,
.pagination.arrows_on_sides,
.comment_pager.standard_center,
.comment_pager.arrows_on_sides,
.single_links_pages.standard_center,
.single_links_pages.arrows_on_sides {
width: 100%;
text-align: center;
}
.pagination.standard_right,
.comment_pager.standard_right,
.single_links_pages.standard_right {
width: 100%;
text-align: right;
}
.pagination.arrows_on_sides ul li.prev a,
.pagination.arrows_on_sides ul li.first a,
.comment_pager.arrows_on_sides .prev.page-numbers {
position: absolute;
left: 0;
}
.pagination.arrows_on_sides ul li.next a,
.pagination.arrows_on_sides ul li.last a,
.comment_pager.arrows_on_sides .next.page-numbers {
position: absolute;
right: 0;
}
.comment_pager p,
.single_links_pages_inner {
display: inline-block;
}
.single_links_pages a {
float: left;
}
.single_links_pages a span {
float: none;
}
.single_links_pages .single_links_pages_inner span {
-webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
-moz-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
-ms-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
-o-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;
}
.pagination.arrows_on_sides ul li.first,
.pagination.arrows_on_sides ul li.prev,
.pagination.arrows_on_sides ul li.prev.prev_first,
.pagination.arrows_on_sides ul li.next,
.pagination.arrows_on_sides ul li.next.next_last,
.pagination.arrows_on_sides ul li.last {
margin: 0;
}
.pagination.standard_left ul li:first-child {
margin-left: 0;
}
.comment_pager.standard_left a:first-child,
.comment_pager.arrows_on_sides a:first-child,
.single_links_pages .single_links_pages_inner > span:first-child,
.single_links_pages .single_links_pages_inner a:first-child span{
margin-left: 0;
}
.comment_pager.standard_right a:last-child,
.comment_pager.arrows_on_sides a:last-child,
.single_links_pages .single_links_pages_inner a:last-child span,
.pagination.standard_right ul li:last-child{
margin-right: 0;
}
.comment_pager .page-numbers.dots {
text-align: center;
}
.pagination_prev_and_next_only{
width:100%;
text-align: center;
}
.pagination_prev_and_next_only ul li > a{
position: absolute;
}
.pagination_prev_and_next_only ul li.prev a{
left: 0;
}
.pagination_prev_and_next_only ul li.next a{
right: 0;
}
.pagination_prev_and_next_only ul li.prev a .pagination_arrow{
padding-right: 10px;
}
.pagination_prev_and_next_only ul li.next a .pagination_arrow{
padding-left: 10px;
}
/* ==========================================================================
End of Pagination styles
========================================================================== */
#back_to_top{
width:46px;
height: auto;
position: fixed;
bottom: 65px;
margin: 0;
z-index: 10000;
-webkit-transition: opacity 0.15s ease-out;
-moz-transition: opacity 0.15s ease-out;
-o-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
}
#back_to_top.left{
left: 25px;
}
#back_to_top.right{
right: 25px;
}
#back_to_top.center{
left: 0;
right: 0!important;
margin-left: auto;
margin-right: auto;
}
#back_to_top.off{
opacity: 0;
filter: alpha(opacity=0);
right: 25px;
-webkit-transition: visibility .15s ease-out, opacity .15s ease-out;
-moz-transition: visibility .15s ease-out, opacity .15s ease-out;
-o-transition: visibility .15s ease-out, opacity .15s ease-out;
transition: visibility .15s ease-out, opacity .15s ease-out;
}
#back_to_top.on{
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
right: 25px;
-webkit-transition: -webkit-transform .15s ease-out;
transition: transform .15s ease-out;
backface-visibility: hidden;
}
#back_to_top.on:hover{
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
#back_to_top .hover{
display: none;
}
#back_to_top > span {
width: 46px;
height: 46px;
line-height: 44px;
text-decoration: none;
text-align:center;
font-size: 15px;
color: #fff;
background-color: #e5735c;
border: 1px solid transparent;
-webkit-transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out;
-moz-transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out;
-ms-transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out;
-o-transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out;
transition: background-color 0.15s ease-out, 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;
}
#back_to_top span span {
display: block;
line-height: inherit;
}
#back_to_top span span.eltd_icon_font_elegant.arrow_carrot-up{
margin-left:-1px; /* small fix for font elegant */
}
#back_to_top:hover > span {
background-color: #464646;
}
.right_side_menu_opened #back_to_top{
display: none;
}
body div.pp_default .pp_loaderIcon{
background-color: #fff;
border-radius: 20px;
}
.wpb_row, .wpb_content_element,
ul.wpb_thumbnails-fluid > li,
.last_toggle_el_margin, .wpb_button {
margin-bottom: 0 !important;
}
body:not(.has_general_padding) .section_inner_margin,
.parallax_section_inner_margin{
margin-left: -15px;
margin-right: -15px;
}
/* ==========================================================================
End of general styles section
========================================================================== */
/* ==========================================================================
3. Animation styles
========================================================================== */
/**
* Here are defined animations that are used throughout theme
*/
@-webkit-keyframes element-from-left {
0% {
-webkit-transform: translate(-20%, 0);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
}
@-moz-keyframes element-from-left {
0% {
-moz-transform: translate(-20%, 0);
opacity: 0;
}
100% {
-moz-transform: translate(0, 0);
opacity: 1;
}
}
@-o-keyframes element-from-left {
0% {
-o-transform: translate(-20%, 0);
opacity: 0;
}
100% {
-o-transform: translate(0, 0);
opacity: 1;
}
}
@keyframes element-from-left {
0% {
transform: translate(-20%, 0);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
@-webkit-keyframes element-from-right {
0% {
-webkit-transform: translate(20%, 0);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
}
@-moz-keyframes element-from-right {
0% {
-moz-transform: translate(20%, 0);
opacity: 0;
}
100% {
-moz-transform: translate(0, 0);
opacity: 1;
}
}
@-o-keyframes element-from-right {
0% {
-o-transform: translate(20%, 0);
opacity: 0;
}
100% {
-o-transform: translate(0, 0);
opacity: 1;
}
}
@keyframes element-from-right {
0% {
transform: translate(20%, 0);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
@-webkit-keyframes element-from-bottom {
0% {
-webkit-transform: translate(0, 30%);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
}
@-moz-keyframes element-from-bottom {
0% {
-moz-transform: translate(0, 30%);
opacity: 0;
}
100% {
-moz-transform: translate(0, 0);
opacity: 1;
}
}
@-o-keyframes element-from-bottom {
0% {
-o-transform: translate(0, 30%);
opacity: 0;
}
100% {
-o-transform: translate(0, 0);
opacity: 1;
}
}
@keyframes element-from-bottom {
0% {
transform: translate(0, 30%);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
@-webkit-keyframes element-from-top {
0% {
-webkit-transform: translate(0, -30%);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
}
@-moz-keyframes element-from-top {
0% {
-moz-transform: translate(0, -30%);
opacity: 0;
}
100% {
-moz-transform: translate(0, 0);
opacity: 1;
}
}
@-o-keyframes element-from-top {
0% {
-o-transform: translate(0, -30%);
opacity: 0;
}
100% {
-o-transform: translate(0, 0);
opacity: 1;
}
}
@keyframes element-from-top {
0% {
transform: translate(0, -30%);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
@-webkit-keyframes element-transform {
0% {
-webkit-transform: scale(0.3);
opacity: .1;
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@-moz-keyframes element-transform {
0% {
-moz-transform: scale(0.3);
opacity: .1;
}
100% {
-moz-transform: scale(1);
opacity: 1;
}
}
@-o-keyframes element-transform {
0% {
-o-transform: scale(0.3);
opacity: .1;
}
100% {
-o-transform: scale(1);
opacity: 1;
}
}
@keyframes element-transform {
0% {
transform: scale(0.3);
opacity: .1;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-moz-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-ms-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-o-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-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;
}
}
@-webkit-keyframes spin{
from { -webkit-transform: rotate(0deg); opacity: 1; }
to { -webkit-transform: rotate(360deg); opacity: 1; }
}
@-moz-keyframes spin{
from { -moz-transform: rotate(0deg); opacity: 1; }
to { -moz-transform: rotate(360deg); opacity: 1; }
}
@-ms-keyframes spin{
from { -ms-transform: rotate(0deg); opacity: 1; }
to { -ms-transform: rotate(360deg); opacity: 1; }
}
@-o-keyframes spin{
from { -o-transform: rotate(0deg); opacity: 1; }
to { -o-transform: rotate(360deg); opacity: 1; }
}
@keyframes spin{
from { transform: rotate(0deg); opacity: 1; }
to { transform: rotate(360deg); opacity: 1; }
}
.element_from_left,
.element_from_right,
.element_from_top,
.element_from_bottom,
.element_from_fade{
display: inline-block;
width: 100%;
}
.touch .no_animation_on_touch .element_from_left>div,
.touch .no_animation_on_touch .element_from_right>div,
.touch .no_animation_on_touch .element_from_top>div,
.touch .no_animation_on_touch .element_from_bottom>div,
.touch .no_animation_on_touch .element_from_fade>div,
.touch .no_animation_on_touch .element_transform>div{
opacity: 1;
filter: alpha(opacity = 100);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
animation: none;
}
.element_from_left > div,
.element_from_right > div,
.element_from_top > div,
.element_from_bottom > div,
.element_from_fade > div {
opacity: 0;
display: inline-block;
width: 100%;
vertical-align: middle;
filter: alpha(opacity = 0);
}
.element_transform > div{
opacity: .2;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-o-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
}
.element_from_fade.element_from_fade_on > div {
opacity: 1;
filter: alpha(opacity = 100);
-webkit-transition: opacity .8s ease 0s;
-moz-transition: opacity .8s ease 0s;
-o-transition: opacity .8s ease 0s;
-webkit-backface-visibility: hidden;
}
.element_from_left.element_from_left_on > div {
-webkit-animation: element-from-left 0.6s 1 ease-in-out;
-moz-animation: element-from-left 0.6s 1 ease-in-out;
-o-animation: element-from-left 0.6s 1 ease-in-out;
animation: element-from-left 0.6s 1 ease-in-out;
opacity: 1;
filter: alpha(opacity = 100);
-webkit-backface-visibility: hidden;
}
.element_from_right.element_from_right_on>div {
-webkit-animation: element-from-right 0.6s 1 ease-in-out;
-moz-animation: element-from-right 0.6s 1 ease-in-out;
-o-animation: element-from-right 0.6s 1 ease-in-out;
animation: element-from-right 0.6s 1 ease-in-out;
opacity: 1;
filter: alpha(opacity = 100);
-webkit-backface-visibility: hidden;
}
.element_from_top.element_from_top_on>div {
-webkit-animation: element-from-top 0.6s 1 ease-in-out;
-moz-animation: element-from-top 0.6s 1 ease-in-out;
-o-animation: element-from-top 0.6s 1 ease-in-out;
animation: element-from-top 0.6s 1 ease-in-out;
opacity: 1;
filter: alpha(opacity = 100);
-webkit-backface-visibility: hidden;
}
.element_from_bottom.element_from_bottom_on>div {
-webkit-animation: element-from-bottom 0.6s 1 ease-in-out;
-moz-animation: element-from-bottom 0.6s 1 ease-in-out;
-o-animation: element-from-bottom 0.6s 1 ease-in-out;
animation: element-from-bottom 0.6s 1 ease-in-out;
opacity: 1;
filter: alpha(opacity = 100);
-webkit-backface-visibility: hidden;
}
.element_transform.element_transform_on>div {
-webkit-animation: element-transform .4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
-moz-animation: element-transform .4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
-o-animation: element-transform .4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
animation: element-transform .4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
/* ==========================================================================
End of animation styles
========================================================================== */
/* ==========================================================================
4. Page templates styles
========================================================================== */
/**
* Here are defined specific styles for page templates.
* Included page templates are contact page and 404 page
*/
/* Contact page styles
========================================================================== */
.google_map_holder{
position: relative;
}
.vertical_split_slider .ms-tableCell .google_map_holder{
margin-left: -20px;
margin-right: -20px;
}
.google_map_ovrlay {
position: absolute;
z-index: 1000;
width: 100%;
height: 100%;
display: none;
top:0;
left:0;
}
.eltd_google_map {
display: block;
width: 100%;
height: 300px;
}
.eltd_google_map iframe, .eltd_google_map object, .eltd_google_map embed {
width: 100%;
display: block;
}
.eltd_google_map img {
max-width: none;
}
/* 404 page styles
========================================================================== */
.eltd_404_page{
padding: 0 !important;
}
.page_not_found {
margin: 70px 0px 130px;
text-align: center;
}
.page_not_found h2{
color: #f7dbd6;
font-size: 155px;
line-height: 155px;
font-weight: 400;
font-family: 'Montserrat', sans-serif;
}
.page_not_found h4{
color: #464646;
font-size: 20px;
line-height: 20px;
font-weight: 800;
margin: 40px 0px 75px;
}
/* ==========================================================================
End of page templates styles
========================================================================== */
/* ==========================================================================
Grid system styles
========================================================================== */
/**
* Here are defined styles for grid system that is used outside Visual Composer
*/
.two_columns_66_33{
width: 100%;
}
.two_columns_66_33>.column1{
width: 66.66%;
float: left;
}
.two_columns_66_33>.column1>.column_inner{
padding: 0 20px 0 0;
}
.two_columns_66_33>.column2{
width: 33.33%;
float: left;
}
.two_columns_66_33>.column2>.column_inner{
padding: 0 0 0 20px;
}
.two_columns_33_66{
width: 100%;
}
.two_columns_33_66>.column1{
width: 33.33%;
float: left;
}
.two_columns_33_66>.column1>.column_inner{
padding: 0 20px 0 0;
}
.two_columns_33_66>.column2{
width: 66.66%;
float: left;
}
.two_columns_33_66>.column2>.column_inner{
padding: 0 0 0 20px;
}
.two_columns_75_25{
width: 100%;
}
.two_columns_75_25>.column1{
width: 75%;
float: left;
}
.two_columns_75_25>.column1>.column_inner{
padding: 0 20px 0 0;
}
.two_columns_75_25>.column2{
width: 25%;
float: left;
}
.two_columns_75_25>.column2>.column_inner{
padding: 0 0 0 20px;
}
.two_columns_25_75 {
width: 100%;
}
.two_columns_25_75>.column1{
width: 25%;
float: left;
}
.two_columns_25_75>.column1>.column_inner{
padding: 0 20px 0 0;
}
.two_columns_25_75>.column2{
width: 75%;
float: left;
}
.two_columns_25_75>.column2>.column_inner{
padding: 0 0 0 20px;
}
.two_columns_50_50 {
width: 100%;
}
.two_columns_50_50>.column1{
width: 50%;
float: left;
}
.two_columns_50_50>.column1>.column_inner{
padding: 0 10px 0 0;
}
.two_columns_50_50>.column2{
width: 50%;
float: left;
}
.two_columns_50_50>.column2>.column_inner{
padding: 0 0 0 10px;
}
.three_columns {
width: 100%;
}
footer .three_columns {
display:table;
}
footer .three_columns>.column1,
footer .three_columns>.column2,
footer .three_columns>.column3 {
display: table-cell;
vertical-align: middle;
float: none;
}
.three_columns>.column1,
.three_columns>.column2,
.three_columns>.column3{
width: 33.33%;
float: left;
}
.three_columns>.column1>.column_inner{
padding: 0 15px 0 0;
}
.three_columns>.column2>.column_inner{
padding: 0 5px 0 10px;
}
.three_columns>.column3>.column_inner{
padding: 0 0 0 15px;
}
.four_columns{
width: 100%;
}
.four_columns>.column1,
.four_columns>.column2,
.four_columns>.column3,
.four_columns>.column4{
width: 25%;
float: left;
}
.four_columns>.column1>.column_inner{
padding: 0 15px 0 0;
}
.four_columns>.column2>.column_inner{
padding: 0 10px 0 5px;
}
.four_columns>.column3>.column_inner{
padding: 0 5px 0 10px;
}
.four_columns>.column4>.column_inner{
padding: 0 0 0 15px;
}
.five_columns>.column1,
.five_columns>.column2,
.five_columns>.column3,
.five_columns>.column4,
.five_columns>.column5{
width: 20%;
float: left;
}
.five_columns>.column1>.column_inner,
.five_columns>.column2>.column_inner,
.five_columns>.column3>.column_inner,
.five_columns>.column4>.column_inner{
margin: 0 2.5% 0 0;
}
.five_columns>.column5>.column_inner{
margin: 0;
}
body.woocommerce.woocommerce-page .two_columns_33_66.woocommerce_with_sidebar .column2 .column_inner,
body.woocommerce.woocommerce-page .two_columns_25_75.woocommerce_with_sidebar .column2 .column_inner{
padding-left: 20px;
}
body.woocommerce.woocommerce-page .two_columns_66_33.woocommerce_with_sidebar .column1 .column_inner,
body.woocommerce.woocommerce-page .two_columns_75_25.woocommerce_with_sidebar .column1 .column_inner{
padding-right: 20px;
}
body.woocommerce.woocommerce-page .full_width .two_columns_33_66.woocommerce_with_sidebar .column2 .column_inner,
body.woocommerce.woocommerce-page .full_width .two_columns_25_75.woocommerce_with_sidebar .column2 .column_inner{
padding-left:0;
}
body.woocommerce.woocommerce-page .full_width .two_columns_66_33.woocommerce_with_sidebar .column1 .column_inner,
body.woocommerce.woocommerce-page .full_width .two_columns_75_25.woocommerce_with_sidebar .column1 .column_inner{
padding-right:0;
}
/* ==========================================================================
End of grid system styles
========================================================================== */
/**
* Header styles that include both main header and mobile header styles
*
* Here are defined general and specific header styles (sticky, fixed) , main menu and various dropdowns,
* header top with standard widgets for light and dark header, logo in all versions, mobile menu, side area opener
* and widgets that can be put there and styles for Elated Search
*
*/
/* General header styles
========================================================================== */
header {
width: 100%;
display: inline-block;
margin: 0px 0px 0px 0px;
vertical-align: middle;
position: relative;
z-index: 110;
-webkit-backface-visibility:hidden;
}
header .header_inner_left {
position: absolute;
left: 45px;
top: 0px;
z-index: 110;
}
header .container_inner .header_inner_left{
position: absolute;
left: 0px;
top: 0px;
}
header .header_top_bottom_holder{
position: relative;
}
.boxed header{
background-color: transparent !important;
border: 0px !important;
}
.boxed .header_inner{
width: 1150px;
margin: 0px auto;
position: relative; /*beacuse search forms are going out of boxed layout */
}
.header_inner_right{
float: right;
position: relative;
z-index: 110;
}
.header_inner_right.left_side .side_menu_button > a{
margin: 0 14px 0 0;
}
header.sticky .header_inner_right.left_side{
display:none;
}
/* Header top styles
========================================================================== */
.header_top{
line-height: 36px;
height: 36px;
padding: 0;
font-size: 12px;
background-color: #fcfcfc;
color: #b5b5b5;
border-bottom-width: 1px;
border-bottom-color:#ededed;
border-bottom-style: solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.header_top.has_pattern {
background-image: url("img/space_around_content_patern.png");
background-repeat: repeat;
background-position: 0px 0px;
}
.header_top p {
line-height: 32px;
padding: 0 15px;
}
.header_top .left{
float: left;
line-height: 36px;
height: 36px;
}
.header_top .right{
float: right;
line-height: 36px;
height: 36px;
}
.header_top .right .inner #lang_sel {
float: left;
padding: 0 0 0 0px;
margin-right: 39px;
border-right: 1px solid rgba(223,223,223,1);
}
.header_top .inner #lang_sel > ul {
list-style: none;
}
.header_top .left .inner > div,
.header_top .left .inner > div:last-child {
float:left;
border-bottom: 0;
border-top: 0;
}
.header_top .right .inner .header-widget {
float: left;
}
.header_top .right .inner .header_top_side_button{
float: left;
}
header.scrolled:not(.scroll_header_top_area) .header_top {
border-bottom: 0;
}
.header_top > .container{
z-index: 110; /*because of the dropdowns in header top for IE browser*/
}
/* Top header widgets styles
========================================================================== */
.header_top .left .header-widget:last-child,
.header_top .right .header-widget:last-child {
margin-right: 0;
border-right: 0;
}
.header_top .header-widget {
margin-right: 10px;
}
.header_top .eltd_social_icon_holder {
margin-bottom: 0 !important;
margin-right: 15px !important;
}
.header_top .eltd_social_icon_holder.normal_social.with_link .simple_social {
color: #464646;
}
.header-widget.widget_text.header-left-widget {
border-right: 1px solid rgba(223,223,223,1);
padding-right: 15px;
box-sizing: border-box;
padding-left: 5px;
}
.header-widget.widget_text.header-left-widget:first-child {
padding-left: 0;
}
.header-widget.widget_text.header-left-widget:last-child {
border-right: 0;
padding-right: 0;
}
.header_top .header-widget #searchform {
border:0;
width:100%;
}
.header_top .header-widget #searchform input[type="submit"] {
border-left: 0;
color: #595959;
padding-right:10px;
font-family: 'ElegantIcons';
font-size: 12px;
}
.header_top ::-webkit-input-placeholder {
color: #464646;
}
.header_top :-moz-placeholder { /* Firefox 18- */
color: #464646;
}
.header_top ::-moz-placeholder { /* Firefox 19+ */
color: #464646;
}
.header_top :-ms-input-placeholder {
color: #464646;
}
.header-widget.header-right-widget {
border-right: 1px solid rgba(223,223,223,1);
margin-right: 0;
}
.header_top .header-widget.widget_nav_menu ul.menu>li>a {
color:#464646;
}
/* Light top header widgets styles
========================================================================== */
header.light .header_top .eltd_social_icon_holder.normal_social.with_link .simple_social {
color: #fff;
}
header.light .header-widget.widget_text.header-left-widget {
border-right: 1px solid rgba(255,255,255,0.3);
}
header.light .header-widget.widget_text.header-left-widget:last-child {
border-right: 0;
}
header.light .header_top {
border-bottom-color: rgba(255,255,255,0.3);
}
header.light .header_top .header-widget #searchform input[type="submit"] {
color: #fff;
}
header.light .header_top .right .inner #lang_sel {
border-right: 1px solid rgba(255,255,255,0.3);
}
header.light .header_top ::-webkit-input-placeholder {
color: #fff;
}
header.light .header_top :-moz-placeholder { /* Firefox 18- */
color: #fff;
}
header.light .header_top ::-moz-placeholder { /* Firefox 19+ */
color: #fff;
}
header.light .header_top :-ms-input-placeholder {
color: #fff;
}
header.light .header-widget.header-right-widget {
border-right: 1px solid rgba(255,255,255,0.3);
}
/* header widgets in light and dark header styles
========================================================================== */
header.light:not(.sticky) .eltd_social_icon_holder i.simple_social,
header.light:not(.sticky) .header-widget,
header.light:not(.sticky) .header-widget.widget_nav_menu ul.menu > li > a,
header.light:not(.sticky) .header-widget p,
header.light:not(.sticky) .header-widget a,
header.light:not(.sticky) .header-widget span,
header.light.header_style_on_scroll .eltd_social_icon_holder i.simple_social,
header.light.header_style_on_scroll .header-widget,
header.light.header_style_on_scroll .header-widget.widget_nav_menu ul.menu > li > a,
header.light.header_style_on_scroll .header-widget p,
header.light.header_style_on_scroll .header-widget a,
header.light.header_style_on_scroll .header-widget span{
color:#ffffff;
}
header.light:not(.sticky) .eltd_social_icon_holder i.simple_social,
header.light:not(.sticky) #lang_sel > ul > li > a,
header.light:not(.sticky) #lang_sel_click > ul > li> a,
header.light.header_style_on_scroll .eltd_social_icon_holder i.simple_social,
header.light.header_style_on_scroll #lang_sel > ul > li > a,
header.light.header_style_on_scroll #lang_sel_click > ul > li> a,
header.light:not(.sticky) .textwidget span,
header.light:not(.sticky) .textwidget span:hover,
header.light.header_style_on_scroll .textwidget span,
header.light.header_style_on_scroll .textwidget span:hover{
color:#fff !important;
}
header.dark:not(.sticky) .eltd_social_icon_holder i.simple_social,
header.dark:not(.sticky) .header-widget,
header.dark:not(.sticky) .header-widget.widget_nav_menu ul.menu > li > a,
header.dark:not(.sticky) .header-widget p,
header.dark:not(.sticky) .header-widget a,
header.dark:not(.sticky) .header-widget span,
header.dark.header_style_on_scroll .eltd_social_icon_holder i.simple_social,
header.dark.header_style_on_scroll .header-widget,
header.dark.header_style_on_scroll .header-widget.widget_nav_menu ul.menu > li > a,
header.dark.header_style_on_scroll .header-widget p,
header.dark.header_style_on_scroll .header-widget a,
header.dark.header_style_on_scroll .header-widget span{
color:#000;
}
header.dark:not(.sticky) .eltd_social_icon_holder i.simple_social,
header.dark:not(.sticky) #lang_sel > ul > li > a,
header.dark:not(.sticky) #lang_sel_click > ul > li> a,
header.dark.header_style_on_scroll .eltd_social_icon_holder i.simple_social,
header.dark.header_style_on_scroll #lang_sel > ul > li > a,
header.dark.header_style_on_scroll #lang_sel_click > ul > li> a,
header.dark:not(.sticky) .textwidget span,
header.dark:not(.sticky) .textwidget span:hover,
header.dark.header_style_on_scroll .textwidget span,
header.dark.header_style_on_scroll .textwidget span:hover{
color:#000 !important;
}
/* Header bottom styles
========================================================================== */
.header_bottom {
position: relative;
background-color: #fff;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
}
.header_bottom.header_full_width{
padding: 0px 45px;
}
.boxed .header_bottom{
padding: 0px 25px;
}
.header_bottom .container_inner{
position: relative;
box-sizing: border-box;
/* this transition is set beacuse ajax transition */
transition: border .5s ease-out 0s;
-webkit-transition: border .5s ease-out 0s;
-moz-transition: border .5s ease-out 0s;
-o-transition: border .5s ease-out 0s;
}
/* Generic logo styles
========================================================================== */
.logo_wrapper{
height: 110px;
float: left;
}
.eltd_logo{
position: relative;
top: 50%;
left: 0px;
}
.eltd_logo a{
position: relative;
display: block;
visibility: hidden;
}
.eltd_logo img{
display: block;
opacity:1;
position: absolute;
top: -50%;
width: auto !important;
max-width: none;
}
.no-touch .eltd_logo img{
-webkit-transition: opacity 0.15s ease-in-out;
-moz-transition: opacity 0.15s ease-in-out;
-o-transition: opacity 0.15s ease-in-out;
-ms-transition: opacity 0.15s ease-in-out;
}
/* Specific logo styles */
.eltd_logo img.light,
.eltd_logo img.sticky,
.eltd_logo img.dark,
.eltd_logo img.popup,
.eltd_logo img.mobile{
opacity:0;
}
header.scrolled:not(.header_style_on_scroll) .eltd_logo img.normal,
header.scrolled.dark:not(.header_style_on_scroll) .eltd_logo img.normal,
header.scrolled.light:not(.header_style_on_scroll) .eltd_logo img.normal {
opacity: 1;
}
header.scrolled:not(.header_style_on_scroll) .eltd_logo img.light,
header.scrolled.light:not(.header_style_on_scroll) .eltd_logo img.light,
header.scrolled.dark:not(.header_style_on_scroll) .eltd_logo img.light,
header.scrolled:not(.header_style_on_scroll) .eltd_logo img.dark,
header.scrolled.light:not(.header_style_on_scroll) .eltd_logo img.dark,
header.scrolled.dark:not(.header_style_on_scroll) .eltd_logo img.dark {
opacity: 0;
}
header.light .eltd_logo img.normal{
opacity:0;
}
header.light .eltd_logo img.light{
opacity:1;
}
header.light .eltd_logo img.dark{
opacity:0;
}
header.dark .eltd_logo img.normal{
opacity:0;
}
header.dark .eltd_logo img.light{
opacity:0;
}
header.dark .eltd_logo img.dark{
opacity:1;
}
/* Sticky header styles
========================================================================== */
.hide_inital_sticky header.stick{
-ms-transform: translateY(-100%);
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.hide_inital_sticky header.stick.sticky{
-ms-transform: none;
-webkit-transform: none;
transform: none;
}
header.sticky {
top: -120px;
left: 0;
position: fixed;
}
header.sticky .header_top{
display: none;
}
header.sticky .header_bottom {
background-color: #fff !important;
box-shadow: 0 1px 3px rgba(0,0,0,0.11);
}
header.sticky.no_shadow .header_bottom {
box-shadow: none;
}
header.sticky.centered_logo {
top: -300px;
}
header.sticky.sticky_animate {
top:0px;
-webkit-transition: left 0.2s ease, top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-moz-transition: left 0.2s ease, top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
transition: left 0.2s ease, top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
}
header.sticky:not(.header_style_on_scroll) .eltd_logo img.sticky {
opacity:1;
}
header.sticky:not(.header_style_on_scroll) .eltd_logo img.normal,
header.sticky:not(.header_style_on_scroll) .eltd_logo img.light,
header.sticky:not(.header_style_on_scroll) .eltd_logo img.dark,
header.sticky:not(.header_style_on_scroll) .eltd_logo img.popup{
opacity:0 !important;
}
header.sticky .logo_wrapper,
header.sticky.centered_logo .logo_wrapper{
height: 60px !important;
float: left;
}
header.sticky .drop_down .second{
margin-top: 0;
}
header.sticky .header_fixed_right_area {
display: none;
}
header.sticky .side_menu_button,
header.sticky .header_bottom_right_widget_holder,
.side_menu.sticky .close_side_menu_holder{
height: 60px;
}
.sticky .header_menu_bottom{
position: static;
}
.right_side_menu_opened .wrapper header.sticky{
left: -270px;
}
/* Fixed header styles
========================================================================== */
header.fixed,
header.fixed_hiding {
width: 100%;
position: fixed;
z-index: 110;
top:0px;
left: 0px;
}
@media only screen and (min-width: 1000px){
header.fixed,
header.fixed_hiding,
header.fixed_top_header .top_header{
-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);
}
}
header.fixed.scrolled .header_bottom,
header.fixed_hiding.scrolled .header_bottom{
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.11);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.11);
box-shadow: 0 1px 3px rgba(0,0,0,0.11);
background-color: #fff;
}
.right_side_menu_opened .wrapper header.fixed,
.right_side_menu_opened .wrapper header.fixed_hiding,
.right_side_menu_opened .wrapper header.fixed_top_header .top_header{
left: -270px;
}
@media only screen and (min-width: 1100px){
.no-touch .right_side_menu_opened:not(.boxed) .carousel-inner:not(.relative_position){
left: -270px !important;
}
}
.side_menu_slide_from_right header.fixed,
.side_menu_slide_from_right header.fixed_hiding,
.right_side_menu_opened .wrapper header.fixed_top_header .top_header{
-moz-transition: left 0.2s cubic-bezier(.645,.045,.355,1.000);
-o-transition: left 0.2s cubic-bezier(.645,.045,.355,1.000);
-webkit-transition: left 0.2s cubic-bezier(.645,.045,.355,1.000);
transition: left 0.2s cubic-bezier(.645,.045,.355,1.000);
}
/* Header with menu on bottom styles
========================================================================== */
header.menu_bottom .header_inner_left {
left: 0;
}
header:not(.sticky) .header_menu_bottom nav.main_menu > ul > li > a {
line-height: 60px;
}
header:not(.sticky) .header_menu_bottom nav.main_menu > ul > li:first-child > a {
padding-left: 0;
}
header.menu_bottom:not(.sticky) .drop_down .second {
top: 100%;
}
header:not(.sticky) .header_menu_bottom .side_menu_button,
header:not(.sticky) .header_menu_bottom .header_bottom_right_widget_holder {
height: 60px;
}
header.menu_bottom.has_header_fixed_right .mobile_menu_button {
height: 130px;
}
header.menu_bottom .header_inner_left{
position: relative;
}
.menu_bottom.sticky .container_inner .header_inner_left{
position: absolute;
}
.menu_bottom .logo_wrapper{
float: none;
}
.menu_bottom .eltd_logo a{
display:inline-block;
}
.menu_bottom.sticky .logo_wrapper{
float: left;
}
@media only screen and (min-width: 1000px){
.first_level_menu_wide_bkg .header_menu_bottom {
position: relative;
display: block;
margin: 0 -1000px;
}
.first_level_menu_wide_bkg .header_menu_bottom .header_menu_bottom_inner {
padding: 0 1000px;
}
.first_level_menu_wide_bkg .holeder_for_hidden_menu{
padding: 0 1000px;
margin: 0 -1000px;
}
}
/* Header styles when logo is in center
========================================================================== */
@media only screen and (min-width: 1000px){
header.centered_logo{
text-align: center;
}
header.centered_logo .header_inner_left{
float: none;
position: relative;
display: block;
margin: 10px 0 10px 0px;
left:0;
}
header.centered_logo.sticky .header_inner_left{
margin: 0px;
}
header.centered_logo .logo_wrapper{
float: none;
height: auto !important;
}
header.centered_logo .eltd_logo{
top: 0px;
}
header.centered_logo.sticky .eltd_logo{
top: 50%;
}
header.centered_logo .eltd_logo a{
display: inline-block;
vertical-align: middle;
}
header.centered_logo .eltd_logo img{
top: 0px;
margin: 0px;
}
header.centered_logo:not(.sticky) .eltd_logo img{
-webkit-transform: translate(-50%, 0px);
-moz-transform: translate(-50%, 0px);
-ms-transform: translate(-50%, 0px);
-o-transform: translate(-50%, 0px);
transform: translate(-50%, 0px);
}
header.centered_logo .eltd_logo img,
header:not(.centered_logo) .eltd_logo img{
height: 100%;
}
header.centered_logo.sticky .eltd_logo img{
top: -50%;
}
header.centered_logo.sticky .eltd_logo img{
height: 100% !important;
}
header.centered_logo .header_inner_right{
float: none;
display: inline-block;
position: relative;
vertical-align: middle;
}
header.centered_logo .header_right_widget{
float: left;
}
header.centered_logo nav.main_menu,
header.centered_logo nav.main_menu.right{
position: relative;
display: inline-block;
left: auto;
float: none;
vertical-align: top;
}
header.centered_logo nav.main_menu > ul{
left: 0px;
}
header.centered_logo .main_menu_and_widget_holder{
position: relative;
display: block;
border: 1px solid #696969;
border-left: 0 !important;
border-right: 0 !important;
}
/* Fixed header with hiding menu - start */
header.fixed_hiding .holeder_for_hidden_menu{
overflow: hidden;
max-height: 180px;
vertical-align: middle;
-webkit-transition: max-height 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
-moz-transition: max-height 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
-o-transition: max-height 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
-ms-transition: max-height 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: max-height 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
header.fixed_hiding.scrolled .holeder_for_hidden_menu{
max-height: 0px;
}
header.fixed_hiding .holeder_for_hidden_menu:hover{
overflow: visible;
}
header.fixed_hiding.scrolled:hover .holeder_for_hidden_menu{
max-height: 180px;
transition-duration: 0.5s;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
}
header.fixed_hiding.centered_logo .header_inner_left{
margin: 10px 0px;
display: table;
width: 100%;
left:0px;
}
header.fixed_hiding.centered_logo.fixed_hiding .header_inner_left{
height: 45px;
}
header.fixed_hiding .header-left-from-logo-widget,
header.fixed_hiding .header-right-from-logo-widget,
header.fixed_hiding .logo_wrapper{
display: table-cell;
width: 33.33%;
vertical-align: middle;
position: relative;
}
header.fixed_hiding .header-left-from-logo-widget-inner,
header.fixed_hiding .header-right-from-logo-widget-inner{
width: 100%;
}
header.fixed_hiding .header-left-from-logo-widget{
text-align: left;
}
header.fixed_hiding .header-right-from-logo-widget{
text-align: right;
}
header.fixed_hiding .eltd_logo a,
header.fixed_hiding .eltd_logo{
max-height: 124px;
opacity: 1;
-webkit-transition: max-height 0.2s ease-out, opacity 0.2s ease-out;
-moz-transition: max-height 0.2s ease-out, opacity 0.2s ease-out;
-o-transition: max-height 0.2s ease-out, opacity 0.2s ease-out;
-ms-transition: max-height 0.2s ease-out, opacity 0.2s ease-out;
transition: max-height 0.2s ease-out, opacity 0.2s ease-out;
}
header.fixed_hiding.scrolled .eltd_logo,
header.fixed_hiding.scrolled .eltd_logo a{
-webkit-transition: max-height 0.2s ease-out, opacity 0.2s ease-out;
-moz-transition: max-height 0.2s ease-out, opacity 0.2s ease-out;
-o-transition: max-height 0.2s ease-out, opacity 0.2s ease-out;
-ms-transition: max-height 0.2s ease-out, opacity 0.2s ease-out;
transition: max-height 0.2s ease-out, opacity 0.2s ease-out;
max-height: 0px !important;
opacity: 0;
}
header.fixed_hiding .eltd_logo_hidden a{
height: 50px;
position: relative;
display: block;
opacity: 0;
max-height: 0px;
-webkit-transition: opacity 0s ease-out, max-height 0s ease-out;
-moz-transition: opacity 0s ease-out, max-height 0s ease-out;
-o-transition: opacity 0s ease-out, max-height 0s ease-out;
-ms-transition: opacity 0s ease-out, max-height 0s ease-out;
transition: opacity 0s ease-out, max-height 0s ease-out;
}
header.fixed_hiding.scrolled .eltd_logo_hidden a{
max-height: 50px;
opacity: 1;
-webkit-transition: opacity 0.15s ease-out 0.4s, max-height 0.15s ease-out 0.2s;
-moz-transition: opacity 0.15s ease-out 0.4s, max-height 0.15s ease-out 0.2s;
-o-transition: opacity 0.15s ease-out 0.4s, max-height 0.15s ease-out 0.2s;
-ms-transition: opacity 0.15s ease-out 0.4s, max-height 0.15s ease-out 0.2s;
transition: opacity 0.15s ease-out 0.4s, max-height 0.15s ease-out 0.2s;
}
header.fixed_hiding .eltd_logo img{
-webkit-transform: translate(-50%, 0px);
-moz-transform: translate(-50%, 0px);
-ms-transform: translate(-50%, 0px);
-o-transform: translate(-50%, 0px);
transform: translate(-50%, 0px);
}
/* Fixed header with hiding menu - end */
}
/* Sticky with left and right menu - start */
@media only screen and (min-width: 1000px){
header.stick_with_left_right_menu{
text-align: center;
}
.hide_inital_sticky header.stick_with_left_right_menu{
-ms-transform: translateY(-100%);
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.hide_inital_sticky header.stick_with_left_right_menu.sticky{
-ms-transform: none;
-webkit-transform: none;
transform: none;
}
header.stick_with_left_right_menu .header_inner_left{
display: inline-block;
vertical-align: middle;
position: relative;
top: 0;
margin: 0;
left: auto;
z-index: 100;
}
header.stick_with_left_right_menu nav.main_menu.left_side{
text-align: right;
position: absolute;
bottom: 0px;
left: 0px;
z-index: 50;
width: 50%;
box-sizing: border-box; /* needed here since padding right is used*/
}
header.stick_with_left_right_menu nav.main_menu > ul{
text-align: left;
display: inline-block;
vertical-align: middle;
}
header.stick_with_left_right_menu nav.main_menu.right_side{
position: absolute;
text-align: left;
bottom: 0px;
right: 0px;
left: auto;
z-index: 50;
width: 50%;
box-sizing: border-box; /* needed here since padding left is used*/
}
header.stick_with_left_right_menu nav.main_menu.left_side:hover,
header.stick_with_left_right_menu nav.main_menu.right_side:hover{
z-index: 200;
}
nav.main_menu.left_side > ul,
nav.main_menu.right_side > ul{
left: auto;
}
header.stick_with_left_right_menu.from_edges nav.main_menu.left_side{
text-align: left;
}
header.stick_with_left_right_menu.from_edges nav.main_menu.right_side{
text-align: right;
}
header.stick_with_left_right_menu .side_menu_button_wrapper{
display: inline-block;
vertical-align: middle;
position: relative;
}
/* header.stick_with_left_right_menu .shopping_cart_outer{
display: table-cell;
float: none;
}*/
header.stick_with_left_right_menu .shopping_cart_outer .shopping_cart_header,
header.stick_with_left_right_menu .side_menu_button > a{
margin: 0px 12px 0px 0px;
}
header.stick_with_left_right_menu .header_full_width nav.main_menu.left_side{
width: calc(50% - 45px);
}
header.stick_with_left_right_menu .header_full_width nav.main_menu.right_side{
width: calc(50% - 45px);
}
}
header.stick_with_left_right_menu .header_full_width nav.main_menu.left_side{
left: 45px;
}
header.stick_with_left_right_menu .header_full_width nav.main_menu.right_side{
right: 45px;
}
header.stick_with_left_right_menu .header_full_width .shopping_cart_outer .shopping_cart_header,
header.stick_with_left_right_menu .header_full_width .side_menu_button > a:last-child{
margin-right: 0;
}
/* Sticky with left and right menu - end */
/* Fixed Top Header header type styles
========================================================================== */
.fixed_top_header .top_header{
background-color: #ededed;
position:fixed;
z-index:110;
width:100%;
left:0;
top:0;
-webkit-backface-visibility: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.fixed_top_header .top_header .left{
float:left;
}
.fixed_top_header .top_header .right{
float:right;
}
.fixed_top_header .top_header nav.main_menu{
position:relative;
left:0;
}
.fixed_top_header .top_header nav.main_menu > ul{
left:0;
}
.fixed_top_header .header_inner_center{
text-align:center;
}
.fixed_top_header .logo_wrapper{
float:none;
padding:25px 0 25px 0;
}
.fixed_top_header .eltd_logo{
top:0;
}
.fixed_top_header .eltd_logo a{
display:inline-block;
vertical-align:middle;
}
.fixed_top_header .eltd_logo a img{
top: 0;
left:0;
-webkit-transform: translate(-50%, 0px);
-moz-transform: translate(-50%, 0px);
-ms-transform: translate(-50%, 0px);
-o-transform: translate(-50%, 0px);
transform: translate(-50%, 0px);
}
.fixed_top_header .side_menu_button,
.fixed_top_header .header_bottom_right_widget_holder{
height:45px;
}
.fixed_top_header nav.main_menu > ul > li > a{
line-height:45px;
}
.fixed_top_header.has_top .bottom_header{
padding-top: 45px;
}
.fixed_top_header .bottom_header{
background-color: #fff;
}
.bottom_header .container_inner{
/* this transition is set beacuse ajax transition */
transition: border .5s ease-out 0s;
-webkit-transition: border .5s ease-out 0s;
-moz-transition: border .5s ease-out 0s;
-o-transition: border .5s ease-out 0s;
}
.fixed_top_header .header_bottom_center_widget{
padding-bottom:20px;
}
.fixed_top_header .top_header .header-widget{
float:left;
}
.fixed_top_header .side_menu_button > a,
.fixed_top_header .popup_menu .line,
.fixed_top_header .mobile_menu_button span{
color:#fff;
}
.fixed_top_header nav.mobile_menu{
background-color: #1f2118;
}
.fixed_top_header .eltd_search_form_3 .eltd_search_close{
font-size:25px;
}
.fixed_top_header .eltd_search_form_3{
position:fixed;
left:0;
top:0;
}
.fixed_top_header .top_header > .left{
padding-left:45px;
}
.fixed_top_header .top_header > .right{
padding-right:45px;
}
.fixed_top_header .top_header .container_inner .left,
.fixed_top_header .top_header .container_inner .right{
padding-left:0;
padding-right:0;
}
/* Fixed Top Header header type styles end
========================================================================== */
/* Fixed Minimal header type styles
========================================================================== */
.fixed_minimal .container_inner .header_inner_left,
.fixed_minimal .header_inner_left{
position:relative;
left:auto;
top:auto;
float:left;
}
.fixed_minimal .container_inner .logo_wrapper,
.fixed_minimal .logo_wrapper{
float:none;
position:absolute;
left:50%;
top:0;
}
@media only screen and (min-width: 1000px){
.fixed_minimal .eltd_logo a img{
-webkit-transform: translate(-50%, 0px);
-moz-transform: translate(-50%, 0px);
-ms-transform: translate(-50%, 0px);
-o-transform: translate(-50%, 0px);
transform: translate(-50%, 0px);
}
}
.fixed_minimal .side_menu_button > a{
margin:0;
}
/* Fixed Minimal header type styles end
========================================================================== */
/* Sticky Compound header type styles
========================================================================== */
@media only screen and (min-width: 1000px){
.stick.compound:not(.sticky) .header_bottom{
height: 110px;
}
.stick.compound:not(.sticky) nav.main_menu > ul > li > a,
.stick.compound:not(.sticky) .side_menu_button_wrapper .side_menu_button a.search_icon_bckg_full{
line-height: 63px;
}
.stick.compound:not(.sticky) .side_menu_button,
.stick.compound:not(.sticky) .side_menu .close_side_menu_holder{
height: 63px;
}
}
.stick.compound .header_right_top{
height:40px;
line-height:1em;
position:absolute;
right:0;
top:0;
z-index:115;
}
.stick.compound .header_right_top_widget_holder{
text-align:right;
display:table;
height:100%;
}
.stick.compound .header_right_top_widget_holder .header_bottom_widget,
.stick.compound .header_right_top_widget_holder .shopping_cart_outer{
display: table-cell;
height:100%;
vertical-align:bottom;
}
.stick.compound .header_right_top_widget_holder .shopping_cart_inner,
.stick.compound .header_right_top_widget_holder .shopping_cart_header{
height : auto;
}
.stick.compound .header_right_top_widget_holder .shopping_cart_header .header_cart_span{
top: -10px;
}
.stick.compound .header_right_top_left{
float:right;
height:100%;
line-height:1em;
}
.stick.compound .header_bottom .container,
.stick.compound .header_bottom .container_inner{
height:100%;
}
.stick.compound:not(.sticky) .bottom_right{
position:absolute;
right:0;
bottom:0;
}
.stick.compound.sticky .header_right_top{
display:none;
}
.stick.compound:not(.sticky) .bottom_right,
.stick.compound.sticky .bottom_right,
.stick.compound .header_right_top{
right:45px;
}
.stick.compound:not(.sticky) .container_inner .bottom_right,
.stick.compound.sticky .container_inner .bottom_right,
.stick.compound .container_inner .header_right_top{
right:0;
}
.stick.compound .side_menu_button > a{
display:inline-block;
}
/* Sticky Compound header type styles end
========================================================================== */
/* Main navigation styles
========================================================================== */
nav.main_menu{
position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
}
nav.main_menu.right{
position: relative;
left: auto;
float: right;
width:auto;
}
nav.main_menu ul {
list-style:none outside none;
margin:0px;
padding:0px;
text-align: left;
}
nav.main_menu > ul {
display: inline-block;
vertical-align: middle;
position: relative;
}
nav.main_menu.right > ul{
left: auto;
}
nav.main_menu ul li{
display:inline-block;
float:left;
padding:0px;
margin:0px;
background-repeat: no-repeat;
background-position: right;
}
nav.main_menu ul li a {
color: #000;
font-weight: 400;
text-decoration: none;
display: inline-block;
position: relative;
line-height: 110px;
padding: 0;
margin: 0;
cursor: pointer;
}
header.sticky nav.main_menu > ul > li > a,
.light.sticky nav.main_menu > ul > li > a,
.light.sticky nav.main_menu > ul > li > a:hover,
.light.sticky nav.main_menu > ul > li.active > a,
.dark.sticky nav.main_menu > ul > li > a,
.dark.sticky nav.main_menu > ul > li > a:hover,
.dark.sticky nav.main_menu > ul > li.active > a{
line-height: 60px;
}
nav.main_menu > ul > li > a {
position: relative;
padding: 0;
color: #464646;
font-weight: 800;
font-size: 12px;
display: inline-block;
border-style:solid;
border-width:0px;
position:relative;
border-color: transparent;
text-transform:uppercase;
height: 100%;
background-color: transparent;
-webkit-transition: color 0.2s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out;
-moz-transition: color 0.2s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out;
-o-transition: color 0.2s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out;
-ms-transition: color 0.2s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out;
transition: color 0.2s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out;
}
nav.main_menu >ul > li > a > span.item_inner{
display:inline-block;
padding: 0 19px;
line-height:36px;
border-style:solid;
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;
-moz-transition: text-decoration 0.2s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out;
-o-transition: text-decoration 0.2s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out;
-ms-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;
}
header.fixed_top_header .top_header > .container > .container_inner nav.main_menu > ul > li:first-child > a span.item_inner {
padding-left: 0;
}
.header_bottom:not(.with_large_icons) nav.main_menu ul li a span.item_inner i:before{
margin: 0 7px 0 0;
}
.header_bottom:not(.with_large_icons) .drop_down .wide.icons .second i:before{
margin:0;
}
nav.main_menu >ul > li > a > span.item_inner:before,
nav.main_menu >ul > li > a > span.item_inner:after,
nav.main_menu >ul > li > a:before,
nav.main_menu >ul > li > a:after{
content: "";
display: none;
position: absolute;
left:0px;
background-color: transparent;
-webkit-transition: background-color 0.15s ease-out;
-moz-transition: background-color 0.15s ease-out;
-o-transition: background-color 0.15s ease-out;
-ms-transform: background-color 0.15s ease-out;
transition: background-color 0.15s ease-out;
width: 100%;
}
nav.main_menu >ul > li > a > span.item_inner:before{
bottom: 0px;
height: 2px;
}
nav.main_menu >ul > li > a > span.item_inner:after{
height:1px;
bottom: 4px;
}
nav.main_menu >ul > li > a:before{
height: 2px;
bottom: 0px;
}
nav.main_menu >ul > li > a:after{
height:1px;
bottom: 4px;
}
nav.main_menu >ul > li > a > span.plus{
width: 4px;
height:4px;
display: none;
position:absolute;
top:50%;
right:-2px;
margin-top: -2px;
z-index:1;
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.light:not(.sticky):not(.scrolled) nav.main_menu >ul > li > a > span.plus,
.light:not(.sticky):not(.scrolled) nav.main_menu >ul > li > a > span.item_inner:before,
.light:not(.sticky):not(.scrolled) nav.main_menu >ul > li > a > span.item_inner:after,
.light:not(.sticky):not(.scrolled) nav.main_menu >ul > li > a:before,
.light:not(.sticky):not(.scrolled) nav.main_menu >ul > li > a:after,
.light.header_style_on_scroll nav.main_menu >ul > li > a > span.plus,
.light.header_style_on_scroll nav.main_menu >ul > li > a > span.item_inner:before,
.light.header_style_on_scroll nav.main_menu >ul > li > a > span.item_inner:after,
.light.header_style_on_scroll nav.main_menu >ul > li > a:before,
.light.header_style_on_scroll nav.main_menu >ul > li > a:after{
background-color: #fff;
}
.dark:not(.sticky):not(.scrolled) nav.main_menu >ul > li > a > span.plus,
.dark:not(.sticky):not(.scrolled) nav.main_menu >ul > li > a > span.item_inner:before,
.dark:not(.sticky):not(.scrolled) nav.main_menu >ul > li > a > span.item_inner:after,
.dark:not(.sticky):not(.scrolled) nav.main_menu >ul > li > a:before,
.dark:not(.sticky):not(.scrolled) nav.main_menu >ul > li > a:after,
.dark.header_style_on_scroll nav.main_menu >ul > li > a > span.plus,
.dark.header_style_on_scroll nav.main_menu >ul > li > a > span.item_inner:before,
.dark.header_style_on_scroll nav.main_menu >ul > li > a > span.item_inner:after,
.dark.header_style_on_scroll nav.main_menu >ul > li > a:before,
.dark.header_style_on_scroll nav.main_menu >ul > li > a:after{
background-color: #000;
}
nav.main_menu >ul > li:last-child > a > span.plus{
display: none;
}
header:not(.with_hover_bg_color) nav.main_menu > ul > li:hover > a,
nav.main_menu>ul>li.active > a {
color: #e5735c;
}
nav.main_menu > ul > li > a > i.blank{
display: none;
}
nav.main_menu > ul > li.has_sub > a > i.eltd_menu_arrow {
display: inline-block;
margin-left: 6px;
}
nav.main_menu > ul > li.has_sub > a > .item_inner > i.eltd_menu_arrow{
position: relative;
left:4px;
}
.light:not(.sticky) nav.main_menu > ul > li > a,
.light.header_style_on_scroll nav.main_menu > ul > li > a,
header.light:not(.sticky) .eltd_icon_shade > a > *,
header.light:not(.sticky) .side_menu_button > a {
color: #ffffff;
}
.dark:not(.sticky) nav.main_menu > ul > li > a,
.dark.header_style_on_scroll nav.main_menu > ul > li > a,
header.dark:not(.sticky) .eltd_icon_shade > a > *,
header.dark:not(.sticky) .side_menu_button > a{
color: #000;
}
/*
header.sticky nav.main_menu > ul > li > a > span.item_inner,
header.scrolled nav.main_menu > ul > li > a > span.item_inner,
header.sticky nav.main_menu > ul > li > a,
header.scrolled nav.main_menu > ul > li > a{
border:none;
}
header.sticky nav.main_menu > ul > li > a > span.plus,
header.scrolled nav.main_menu > ul > li > a > span.plus{
display:none;
}
header.sticky nav.main_menu > ul > li > a > span.item_inner:before,
header.scrolled nav.main_menu > ul > li > a > span.item_inner:before,
header.sticky nav.main_menu > ul > li > a:before,
header.scrolled nav.main_menu > ul > li > a:before,
header.sticky nav.main_menu > ul > li > a > span.item_inner:after,
header.scrolled nav.main_menu > ul > li > a > span.item_inner:after,
header.sticky nav.main_menu > ul > li > a:after,
header.scrolled nav.main_menu > ul > li > a:after{
content:none;
}
.scrolled .header_bottom.with_large_icons nav.main_menu >ul > li > a > span.item_inner i,
.sticky .header_bottom.with_large_icons nav.main_menu >ul > li > a > span.item_inner i{
display:none;
}
*/
.drop_down .second .inner ul li a,
.vertical_menu_to_content .second .inner > ul > li > a,
.vertical_menu_to_content .second .inner ul li ul li a{
padding-left:0;
padding-right:0;
overflow:hidden;
-webkit-transition: color 0.15s ease-out, padding 0.2s ease-out;
transition: color 0.15s ease-out, padding 0.2s ease-out;
}
.drop_down .second .inner ul:not(.right) li:hover > a,
.vertical_menu_to_content .second .inner > ul > li:hover > a,
.vertical_menu_to_content .second .inner ul li ul li:hover a{
padding-left:25px;
}
.drop_down .second .inner ul.right li:hover > a{
padding-right:25px;
}
.drop_down .second .inner ul li a:before,
.vertical_menu_to_content .second .inner ul li a:before{
position: absolute;
top: 0;
content: "\24";
width: 0;
font-size:16px;
display:block;
font-family: 'ElegantIcons';
line-height: inherit;
padding-top:inherit;
line-height:inherit;
color: #e5735c;
overflow:hidden;
-webkit-transition: width 0.2s ease-out, left 0.2s cubic-bezier(0.73, -0.26, 0.08, 1.54), right 0.2s cubic-bezier(0.73, -0.26, 0.08, 1.54);
transition: width 0.2s ease-out, left 0.2s cubic-bezier(0.73, -0.26, 0.08, 1.54), right 0.2s cubic-bezier(0.73, -0.26, 0.08, 1.54);
}
.drop_down .second .inner ul.right li a:before{
content: "\23";
}
.drop_down .second .inner ul:not(.right) li a:before,
.vertical_menu_to_content .second .inner ul li a:before{
left: -25px;
}
.drop_down .second .inner ul.right li a:before{
right: -25px;
}
.drop_down .second .inner ul:not(.right) li:hover > a:before,
.vertical_menu_to_content .second .inner ul li:hover > a:before{
width: 25px;
left: 0;
}
.drop_down .second .inner ul.right li:hover > a:before{
width: 25px;
right: 0;
}
.drop_down .wide .second .inner>ul>li>a,
.vertical_menu_to_content .drop_down .wide .second .inner>ul>li>a{
padding-left: 0 !important;
padding-right:0 !important;
}
.drop_down .wide .second .inner>ul>li>a:before,
.vertical_menu_to_content .drop_down .wide .second .inner>ul>li>a:before{
display: none !important;
}
.drop_down .wide .second .inner>ul>li:nth-child(n+5)>a {
margin-top: 10px;
}
@media only screen and (min-width: 1000px){
nav.main_menu.right{
margin-right: 40px;
}
nav.main_menu.right > ul > li:last-child > a span.item_inner:after{
position: absolute;
left: 100%;
content: '';
width: 1px;
height: 70%;
background-color: #dfdfdf;
display: block;
top: 15%;
margin-left: 20px;
}
.light:not(.sticky):not(.scrolled) nav.main_menu >ul > li:last-child > a span.item_inner:after{
background-color: rgba(255,255,255,0.3);
}
}
.header_bottom.with_large_icons nav.main_menu >ul > li > a{
text-align: center;
vertical-align:middle;
}
.header_bottom.with_large_icons nav.main_menu >ul > li > a > span.item_inner{
text-align: center;
vertical-align:middle;
}
.header_bottom.with_large_icons nav.main_menu >ul > li > a > span.item_inner i{
display: inline-block;
width:100%;
vertical-align:middle;
}
.fixed_top_header .top_header .container_inner .left nav.main_menu > ul > li:first-child{
margin-left:0; /* if element is in grid, first left menu item should not have left margin */
}
/* Menu position-left styles
========================================================================== */
@media only screen and (min-width: 1000px){
.header_bottom.left_menu_position .header_inner_left{
position: relative;
left:auto;
}
.header_bottom.left_menu_position nav.main_menu{
float: left;
left: auto;
position: relative;
width: auto;
}
.header_bottom.left_menu_position nav.main_menu ul{
left: auto;
}
.header_bottom.left_menu_position .logo_wrapper{
display:block;
}
}
/* Narrow drop down styles
========================================================================== */
.drop_down ul{
list-style: none;
}
.drop_down ul li{
position: relative;
}
header.transparent.fixed.scrolled .drop_down .second,
header.transparent.fixed_hiding.scrolled .drop_down .second{
top: 100%;
}
.drop_down .second {
left: 0;
margin: 0;
top: 100%;
position: absolute;
display: block;
visibility: hidden;
overflow: hidden;
opacity: 0;
z-index: 10;
box-sizing:border-box;
-webkit-transition: top 0.2s ease-out;
-moz-transition: top 0.2s ease-out;
-ms-transition: top 0.2s ease-out;
-o-transition: top 0.2s ease-out;
transition: top 0.2s ease-out;
}
header.transparent:not(.sticky) .drop_down .second {
top: 75%;
}
header.transparent.with_border:not(.sticky) .drop_down .second,
header.transparent.with_hover_bg_color:not(.sticky) .drop_down .second {
top: 100%;
}
.drop_down li.left_position .second{
left: 0px;
}
/*
header.transparent .drop_down li:not(.right_position):not(.left_position) .second:not(.right) {
left: 16px;
}
*/
header.transparent.with_hover_bg_color .drop_down .second:not(.right){
left: 0;
}
header.transparent.with_hover_bg_color .drop_down li.right_position .second:not(.right){
left:auto;
right:0;
}
.drop_down li.right_position .second {
left: auto;
right: 0;
}
.drop_down .second.drop_down_start{
visibility: visible;
overflow: visible;
opacity: 1;
transition:opacity 0.2s ease-out;
-webkit-transition:opacity 0.2s ease-out;
}
nav.main_menu > ul > li:hover > .second{
z-index: 20;
}
.drop_down .second .inner{
position: relative;
padding: 0px;
display: block;
z-index: 997;
}
.drop_down .narrow .second i{
display: inline-block;
vertical-align: middle;
color: inherit;
}
.drop_down .second .inner > ul,
li.narrow .second .inner ul {
display:inline-block;
position: relative;
background-color: #212121;
}
.drop_down .second.background_image .inner > ul,
.vertical_menu .second.background_image .inner > ul{
background:transparent;
}
.drop_down .second .inner>ul,
li.narrow .second .inner ul,
.drop_down .narrow .second .inner ul li ul,
.drop_down .wide_background .second{
border-style: solid;
border-width: 1px;
border-color: #ededed;
}
li.narrow .second .inner ul{
padding: 15px 0;
}
.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;
-moz-transition: background-color 0.15s ease-out;
-ms-transition: background-color 0.15s ease-out;
-o-transition: background-color 0.15s ease-out;
}
li.narrow .second .inner ul li:last-child {
border-bottom: none;
}
.drop_down .narrow .second .inner ul li {
padding: 0;
width: 250px;
-webkit-transition: background-color 0.2s ease-out;
transition: background-color 0.2s ease-out;
}
.drop_down .second .inner ul li a,
.drop_down .second .inner ul li h4{
display: inline-block;
vertical-align:middle;
color: #fff;
height: auto;
font-size: 10px;
line-height: 16px;
font-weight: 700;
letter-spacing: 1px;
margin: 0 25px;
padding: 9px 7px 9px 0;
text-transform: uppercase;
-webkit-transition: color 0.15s ease-out, padding 0.2s ease-out;
transition: color 0.15s ease-out, padding 0.2s ease-out;
float:none;
}
.drop_down .second .inner > ul > li:last-child > a,
.drop_down .second .inner > ul > li > ul > li:last-child > a,
.drop_down .second .inner > ul > li > ul > li > ul > li:last-child > a {
border-bottom: 0;
}
.drop_down .second .inner > ul > li:hover > a,
.drop_down .second .inner ul li.sub ul li:hover > a{
color: #fff;
}
.drop_down .wide .second ul li a,
.drop_down .wide .second .inner ul li.sub a,
.drop_down .wide .second .inner ul li h4{
background: 0;
}
.drop_down .wide .second i,
.drop_down .wide.icons .second i.null{
display:none;
}
.drop_down .narrow .second .inner ul li ul{
position: absolute;
left: 100%;
top: -16px; /* same as padding in father ul */
height: auto;
opacity:0;
overflow: hidden;
z-index: 10;
border-width: 1px;
border-style:solid;
border-color: #ededed;
-webkit-transform: translateZ(0);
}
.drop_down .narrow .second.drop_down_start .inner ul li ul{
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
-ms-transition: opacity 0.2s ease-out;
-o-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}
.drop_down .second .inner ul.right li ul{
margin-left: -2px;
}
.drop_down .second .inner ul li:hover ul{
z-index: 20;
opacity:1;
}
.drop_down .second .inner ul li ul li:hover ul{
z-index: 20;
opacity:1 !important;
display:block !important;
visibility: visible !important;
}
.drop_down .second .inner ul li a .featured_icon,
.drop_down .second .inner ul li h4 .featured_icon,
.drop_down .wide.icons .second ul li a span.featured_icon,
.vertical_menu .second ul li a span.featured_icon,
.vertical_menu .second ul li h4 span.featured_icon{
color: #e5735c;
display: inline-block;
font-size: 8px;
position: relative;
-webkit-transform: translate(60%, -60%);
transform: translate(60%, -60%);
}
.drop_down .second .inner ul li a .featured_icon.arrow_right-up,
.drop_down .second .inner ul li h4 .featured_icon.arrow_right-up {
-webkit-transform: translate(60%, -60%);
transform: translate(60%, -60%);
line-height: inherit;
}
/* slide_from_bottom start */
.drop_down.slide_from_bottom .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;
}
.drop_down.slide_from_bottom .wide .second .inner > ul,
.drop_down.slide_from_bottom .narrow .second .inner > ul {
top:30px;
-webkit-transition:all 0.2s cubic-bezier(.39,.575,.565,1);
transition:all 0.2s cubic-bezier(.39,.575,.565,1);
}
.drop_down.slide_from_bottom .narrow .second .inner ul li ul{
top: 22px;
-webkit-transition:all 0.2s cubic-bezier(.39,.575,.565,1);
transition: all 0.2s cubic-bezier(.39,.575,.565,1);
}
.drop_down.slide_from_bottom .wide .second.drop_down_start .inner > ul,
.drop_down.slide_from_bottom .narrow .second.drop_down_start .inner > ul {
top:0;
}
.drop_down.slide_from_bottom .narrow .second .inner ul li:hover ul{
top: -1px; /* same as padding in father ul */
}
/* slide_from_bottom end */
/* slide_from_top start */
.drop_down.slide_from_top .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;
}
.drop_down.slide_from_top .wide .second .inner > ul,
.drop_down.slide_from_top .narrow .second .inner > ul {
top:-30px;
-webkit-transition:all 0.2s cubic-bezier(.39,.575,.565,1);
transition:all 0.2s cubic-bezier(.39,.575,.565,1);
}
.drop_down.slide_from_top .narrow .second .inner ul li ul{
top: -22px;
-webkit-transition:all 0.2s cubic-bezier(.39,.575,.565,1);
transition: all 0.2s cubic-bezier(.39,.575,.565,1);
}
.drop_down.slide_from_top .wide .second.drop_down_start .inner > ul,
.drop_down.slide_from_top .narrow .second.drop_down_start .inner > ul {
top:0;
}
.drop_down.slide_from_top .narrow .second .inner ul li:hover ul{
top: -1px; /* same as padding in father ul */
}
/* slide_from_top end */
/* slide_from_left start */
.drop_down.slide_from_left .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;
}
.drop_down.slide_from_left .wide .second .inner > ul,
.drop_down.slide_from_left .narrow .second .inner > ul {
left:-30px;
-webkit-transition:all 0.2s ease-out;
transition:all 0.2s ease-out;
}
.drop_down.slide_from_left .narrow .second .inner ul li ul{
left: calc(100% - 30px);
-webkit-transition:all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.drop_down.slide_from_left .wide .second.drop_down_start .inner > ul,
.drop_down.slide_from_left .narrow .second.drop_down_start .inner > ul {
left:0;
}
.drop_down.slide_from_left .narrow .second .inner ul li:hover ul{
left: 100%;
}
/* slide_from_left end */
.drop_down .second.right {
right: 0px;
left: auto;
}
.drop_down .second .inner ul.right li a,
.drop_down .second .inner ul.right li h4{
text-align: right;
}
.drop_down .second .inner ul.right li ul{
left: -100%;
}
.drop_down .second .inner ul li.sub ul li a,
.drop_down .second .inner ul.right li.sub ul li a{
background: none;
}
.drop_down .second .inner .widget{
padding: 0px 25px;
}
.drop_down .second .inner .widget.widget_eltd_latest_posts_menu_widget{
padding: 0px 20px;
}
/* Wide drop down styles
========================================================================== */
.drop_down .wide .second ul,
.vertical_menu_to_content .wide .second ul {
padding: 20px 0 27px;
}
.drop_down .wide .second ul li,
.vertical_menu_to_content .wide .second ul li{
float: left;
width: 274px;
padding: 0px 10px;
border-left: 1px solid transparent;
border-bottom: 0 !important;
box-sizing: border-box;
width: 100%;
}
.drop_down .wide .second > .inner > ul,
.vertical_menu_to_content .wide .second > .inner > ul{
width: 1100px;
}
.grid_1300 .drop_down .wide .second > .inner > ul,
.grid_1300 .vertical_menu_to_content .wide .second > .inner > ul{
width: 1300px;
}
.grid_1200 .drop_down .wide .second > .inner > ul,
.grid_1200 .vertical_menu_to_content .wide .second > .inner > ul{
width: 1200px;
}
.grid_1000 .drop_down .wide .second > .inner > ul,
.grid_1000 .vertical_menu_to_content .wide .second > .inner > ul{
width: 1000px;
}
.grid_800 .drop_down .wide .second> .inner > ul,
.grid_800 .vertical_menu_to_content .wide .second> .inner > ul{
width: 800px;
}
.drop_down .wide.right_position.wide_columns_3 .second > .inner > ul,
.drop_down .wide.left_position.wide_columns_3 .second > .inner > ul,
.vertical_menu_to_content .wide.right_position.wide_columns_3 .second > .inner > ul,
.vertical_menu_to_content .wide.left_position.wide_columns_3 .second > .inner > ul{
width: 825px; /* default value for 3 columns */
}
.drop_down .wide.right_position.wide_columns_2 .second > .inner > ul,
.drop_down .wide.left_position.wide_columns_2 .second > .inner > ul,
.vertical_menu_to_content .wide.right_position.wide_columns_2 .second > .inner > ul,
.vertical_menu_to_content .wide.left_position.wide_columns_2 .second > .inner > ul{
width: 550px; /* default value for 2 columns */
}
.drop_down .wide.right_position.wide_columns_1 .second > .inner > ul,
.drop_down .wide.left_position.wide_columns_1 .second > .inner > ul,
.vertical_menu_to_content .wide.right_position.wide_columns_1 .second > .inner > ul,
.vertical_menu_to_content .wide.left_position.wide_columns_1 .second > .inner > ul{
width: 275px; /* default value for 1 column */
}
.drop_down .wide .second > .inner > ul > li,
.vertical_menu_to_content .wide .second > .inner > ul > li{
width: 25%;
}
.drop_down .wide.wide_columns_3 .second > .inner > ul > li,
.vertical_menu_to_content .wide.wide_columns_3 .second > .inner > ul > li{
width: 33.3333333%;
}
.drop_down .wide.wide_columns_2 .second > .inner > ul > li,
.vertical_menu_to_content .wide.wide_columns_2 .second > .inner > ul > li{
width: 50%;
}
.drop_down .wide.wide_columns_1 .second > .inner > ul > li,
.vertical_menu_to_content .wide.wide_columns_1 .second > .inner > ul > li{
width: 100%;
}
.drop_down .wide:not(.right_position) .second ul li:first-child,
.drop_down .wide:not(.right_position) .second ul li:nth-child(4n+1),
.drop_down .wide.right_position .second ul li:last-child,
.drop_down .wide.right_position .second ul li:nth-child(4n){
border-left-color: transparent;
}
.drop_down .wide .second ul li:last-child,
.vertical_menu_to_content .wide .second ul li:last-child {
margin-right: 0;
}
.drop_down .wide.right_position .second ul li,
.vertical_menu_to_content .wide.right_position .second ul li{
float: right;
}
.drop_down .wide .second ul li:hover,
.vertical_menu_to_content .wide .second ul li:hover{
background-color: transparent;
}
.drop_down .wide .second ul li:nth-child(4n+1),
.vertical_menu_to_content .wide .second ul li:nth-child(4n+1){
clear: both;
}
.drop_down .second .inner ul li.sub a i.eltd_menu_arrow,
.vertical_menu_to_content .second .inner ul li.sub a i.eltd_menu_arrow{
position: absolute;
top: 50%;
right: 0px;
display: inline-block;
vertical-align: middle;
color: inherit;
font-size: inherit;
margin: -6px 0 0;
}
.drop_down .second .inner ul li.sub ul li a i.eltd_menu_arrow,
.drop_down .wide .second .inner ul li.sub a i.eltd_menu_arrow,
.vertical_menu_to_content .second .inner ul li.sub a i.eltd_menu_arrow,
.vertical_menu_to_content .wide .second .inner ul li.sub a i.eltd_menu_arrow {
display: none;
}
.drop_down .second .inner ul.right li.sub a i.eltd_menu_arrow,
.vertical_menu_to_content .second .inner ul.right li.sub a i.eltd_menu_arrow{
right: auto;
left: 0px;
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
.drop_down .wide .second .inner > ul > li > a,
.vertical_menu_to_content .wide .second .inner > ul > li > a{
line-height: 16px;
color: #fff;
font-weight: 700;
font-size: 10px;
letter-spacing: 1px;
}
.drop_down .wide .second .inner > ul > li > a:hover,
.vertical_menu_to_content .wide .second .inner > ul > li > a:hover{
color: #e5735c;
}
.drop_down .wide .second .inner ul li.sub h4 a,
.drop_down .wide .second .inner ul li h4 a,
.vertical_menu_to_content .wide .second .inner ul li.sub h4 a,
.vertical_menu_to_content .wide .second .inner ul li h4 a{
padding: 0px !important;
}
.drop_down .wide .second ul li ul,
.vertical_menu_to_content .wide .second ul li ul,
.vertical_menu_hidden_with_icons .vertical_menu_to_content .wide .second ul li ul{
display: block;
left: 0;
padding: 0;
position: relative;
top: 0;
visibility: visible;
background-color: transparent !important;
}
.vertical_menu_to_content .wide .second.vertical_menu_start *,
body:not(.vertical_menu_hidden_with_icons) .vertical_menu_to_content .wide .menu-item .second.vertical_menu_start *,
.vertical_menu_to_content .wide .second.vertical_menu_start .inner ul li ul,
.vertical_menu_to_content .wide .second.vertical_menu_start .inner ul li ul *{
visibility: visible !important;
opacity:1 !important;
}
.vertical_menu_to_content .wide .second .inner ul li ul,
.vertical_menu_hidden_with_icons .vertical_menu_to_content .wide .second .inner ul li ul{
position: relative;
border: none;
top: 0;
left: 0;
margin-left: 0;
height: auto;
width: 100%;
}
.vertical_menu_to_content .wide .second,
.vertical_menu_hidden_with_icons .vertical_menu_to_content .wide .second{
width:auto !important;
}
.vertical_menu_to_content .wide .second.vertical_menu_start{
visibility:visible;
}
.drop_down .wide .second ul li ul .widget,
.vertical_menu_to_content .wide .second ul li ul .widget{
padding: 0px 18px;
}
.drop_down .wide .second ul li ul li,
.vertical_menu_to_content .wide .second ul li ul li{
padding: 0;
margin: 0;
border: 0;
}
.drop_down .wide .second ul li ul li.menu-item-has-children > a,
.drop_down .wide .second ul li ul li.menu-item-has-children > a:hover,
.vertical_menu_to_content .wide .second ul li ul li.menu-item-has-children > a,
.vertical_menu_to_content .wide .second ul li ul li.menu-item-has-children > a:hover{
border-bottom: 0 none;
color: #393939;
}
.drop_down .wide .second .flexslider .slides > li,
.vertical_menu_to_content .wide .second .flexslider .slides > li{
background-color: inherit!important;
display: none; /* because dropdown takes height of uninitialized flex slider, on flex slider init this becomes display:block */
}
.drop_down .wide .second .inner > ul > li > a,
.drop_down .wide .second .inner ul.right > li > a,
.vertical_menu_to_content .wide .second .inner > ul > li > a,
.vertical_menu_to_content .wide .second .inner ul.right > li > a{
padding-bottom: 9px;
}
body:not(.vertical_menu_hidden_with_icons) .vertical_menu_to_content .menu-item .second .inner ul li a,
body:not(.vertical_menu_hidden_with_icons) .vertical_menu_to_content .menu-item .second.vertical_menu_start .inner ul li a{
-webkit-transition: color 0.15s ease-out, padding 0.2s ease-out;
transition: color 0.15s ease-out, padding 0.2s ease-out;
}
/*Additional Menu styling - borders, separators*/
body:not(.vertical_menu_enabled) .menu-item > .second > .inner > ul > li .no_link .item_text:after {
content: '';
display: block;
bottom: 0px;
margin: 8px 0 -2px;
width: 25px;
height: 2px;
background-color: #e5735c;
}
body:not(.vertical_menu_enabled) .drop_down .wide .second ul li ul:not(.product_list_widget) li:not(:first-child):after {
content: '';
position: absolute;
width: calc(100% - 50px);
height: 1px;
left: 25px;
background-color: rgba(255,255,255,0.15);
}
body:not(.vertical_menu_enabled) .drop_down li:not(.wide) .second ul li:not(:first-child):after {
content: '';
position: absolute;
width: calc(100% - 50px);
height: 1px;
left: 25px;
background-color: rgba(255,255,255,0.15);
}
li[id^='mobile-menu-item'] {
position: relative;
}
li[id^='mobile-menu-item']:after {
content: '';
position: absolute;
width: 100%;
height: 1px;
left: 0;
background-color: rgba(125,125,125,0.15);
}
.sub_menu li[id^='mobile-menu-item']:last-child:after {
display: none !important;
}
/*END Additional Menu styling - borders, separators*/
/* Wide drop down with full width background styles
========================================================================== */
.drop_down .wide.wide_background .second{
background-color: #212121;
}
.drop_down .wide.wide_background .second .inner{
text-align:center;
}
.drop_down .wide.wide_background .second .inner ul{
text-align:left;
}
/* Wide with icons drop down styles
========================================================================== */
.drop_down .wide.icons .second ul li a span{
position: relative;
display: inline-block;
vertical-align:middle;
}
.drop_down .wide.icons .second i{
width: 24px;
height: auto;
float: left;
display: inline-block;
vertical-align: middle;
color: inherit;
line-height: inherit;
padding-left:2px;
}
.drop_down .wide.icons .second i.blank{
background: none;
border: 0px;
display:none;
}
/* Woocommerce and text widget styles
========================================================================== */
.menu-item .widget.woocommerce.widget_products {
margin-top: 0;
display:inline-block;
}
.menu-item .woocommerce ul.product_list_widget li {
margin-top:13px !important;
}
.menu-item .woocommerce ul.product_list_widget li .product_list_widget_image_wrapper {
width:35%;
}
.menu-item .woocommerce ul.product_list_widget li .product_list_widget_image_wrapper a {
width:70px;
height:70px;
padding: 0;
display: inline-block;
margin: 0;
}
.menu-item .woocommerce ul.product_list_widget li .product_list_widget_info_wrapper a span.product-title{
color: #fff;
font-size: 10px;
line-height: 20px;
-webkit-transition: color 0.15s ease-out;
-moz-transition: color 0.15s ease-out;
-ms-transition: color 0.15s ease-out;
-o-transition: color 0.15s ease-out;
transition: color 0.15s ease-out;
}
.menu-item .woocommerce ul.product_list_widget li .product_list_widget_info_wrapper a:hover span {
color: #e5735c;
}
.menu-item ul.product_list_widget li .product_list_widget_image_wrapper img {
display: inline-block;
}
.menu-item .woocommerce ul.product_list_widget li > div {
width: 65%;
}
.menu-item .woocommerce ul.product_list_widget li .product_list_widget_info_wrapper a {
margin: 0;
padding: 0;
}
.menu-item .product_list_widget .amount:before {
color: #fff;
}
.menu-item .woocommerce ul.product_list_widget li .product_list_widget_info_wrapper:after {
height:0;
border-bottom: 1px solid rgba(255,255,255,0.25);
}
.drop_down .second .inner ul li .textwidget a {
margin: 0;
padding: 12px 0 0 0;
}
/* Mobile menu and opener styles
========================================================================== */
.mobile_menu_button {
display: none;
float: left;
height: 90px;
margin: 0 20px 0 0;
}
.mobile_menu_button span {
color: #777;
width: 19px;
height: 17px;
font-size: 14px;
z-index: 50;
display: table-cell;
position: relative;
cursor: pointer;
vertical-align: middle;
}
.dark .mobile_menu_button span {
color: #000;
}
nav.mobile_menu {
display: none;
width: 100%;
float: left;
position: relative;
top: 0px;
text-align: left;
overflow: hidden;
background-color: #fff;
z-index: 100;
}
nav.mobile_menu ul {
display: none;
width: 100%;
position: relative;
list-style: none;
padding: 0;
margin: 0;
}
nav.mobile_menu > ul {
margin-bottom: -1px !important;
}
nav.mobile_menu ul li {
margin: 0px;
padding: 0px;
position: relative;
}
nav.mobile_menu ul li a {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-webkit-tap-highlight-color: transparent;
}
nav.mobile_menu ul li{
border-bottom: 1px solid #eaeaea;
}
nav.mobile_menu ul li.open_sub > ul {
border-top: 1px solid #eaeaea;
}
nav.mobile_menu ul li:last-child {
border: 0 !important;
}
nav.mobile_menu ul > li.has_sub > span.mobile_arrow {
cursor: pointer;
display: inline-block;
float: right;
height: 35px;
line-height: 35px;
margin: 0px;
padding: 0px 10px 0px 0px;
position: absolute;
top: 0px;
right: 0px;
text-align: right;
width: 50px;
z-index: 9000;
-webkit-tap-highlight-color: transparent;
}
nav.mobile_menu ul li span.mobile_arrow i{
color: #888;
}
nav.mobile_menu ul > li > span.mobile_arrow i {
display:none;
}
nav.mobile_menu ul > li.has_sub > span.mobile_arrow i {
display:inline;
}
nav.mobile_menu ul > li.has_sub > span.mobile_arrow i.fa-angle-down{
display:none;
}
nav.mobile_menu ul > li.has_sub.open_sub > span.mobile_arrow i.fa-angle-right,
nav.mobile_menu ul > li.has_sub > ul.open_sub > li > span.mobile_arrow i.fa-angle-right {
display:none;
}
nav.mobile_menu ul > li.has_sub.open_sub > span.mobile_arrow i.fa-angle-down,
nav.mobile_menu ul > li.has_sub ul.open_sub > li > span.mobile_arrow i.fa-angle-down {
display:inline;
}
nav.mobile_menu ul li a,
nav.mobile_menu ul li h4{
font-size: 13px;
color: #8d8d8d;
padding: 9px 0px;
display: block;
position: relative;
text-transform: none;
line-height: 17px;
letter-spacing: 0;
}
nav.mobile_menu ul li a:hover,
nav.mobile_menu ul li.active > a,
nav.mobile_menu ul li.active > h4 {
color: #e5735c;
}
nav.mobile_menu ul li ul li{
margin: 0px 0px 0px 20px;
}
header:not(.centered_logo) .header_fixed_right_area {
position: absolute;
right: 0;
top: 0;
height: 100%;
line-height: 110px;
}
.header_menu_bottom .main_menu {
left: auto;
width: auto;
}
.sticky .header_menu_bottom .main_menu {
float: right;
left: auto;
position: relative;
}
.sticky .header_menu_bottom .main_menu_header_inner_right_holder .main_menu {
float:left;
}
.sticky .header_menu_bottom .main_menu_header_inner_right_holder.with_center_logo .main_menu {
float:left;
}
.sticky .header_menu_bottom .main_menu_header_inner_right_holder {
float:right;
}
.header_menu_bottom nav.main_menu > ul {
left: auto;
}
.sticky .header_menu_bottom nav.main_menu > ul {
left: auto;
}
.side_menu_button_wrapper {
display: table;
}
.side_menu_button {
cursor: pointer;
display: table-cell;
vertical-align: middle;
height: 110px;
line-height:1em;
}
.header_bottom_right_widget_holder {
display: table-cell;
vertical-align: middle;
height: 110px;
}
header .header_bottom_right_widget_holder > div{
float: left;
display: table;
height: 100%;
}
header .header_bottom_right_widget_holder > div > *{
display: table-cell;
vertical-align: middle;
}
@media only screen and (min-width: 1000px) {
header.dark:not(.sticky):not(.scrolled) .header_bottom_right_widget_holder > div:not(.widget_woocommerce-dropdown-cart) a.qbutton,
header.dark.header_style_on_scroll .header_bottom_right_widget_holder a.qbutton{
border-color:#000 !important;
background-color: transparent !important;
color:#000 !important;
}
header.light:not(.sticky):not(.scrolled) .header_bottom_right_widget_holder > div:not(.shopping_cart_outer) a.qbutton,
header.light.header_style_on_scroll .header_bottom_right_widget_holder a.qbutton{
border-color:#fff !important;
background-color: transparent !important;
color:#fff !important;
}
.light:not(.sticky):not(.scrolled) .header-widget,
.light:not(.sticky):not(.scrolled) .header-widget.widget_nav_menu ul.menu > li > a,
.light:not(.sticky):not(.scrolled) .header-widget p,
.light:not(.sticky):not(.scrolled) .header-widget a,
.light:not(.sticky):not(.scrolled) .header-widget span,
.light.header_style_on_scroll .header-widget,
.light.header_style_on_scroll .header-widget.widget_nav_menu ul.menu > li > a,
.light.header_style_on_scroll .header-widget p,
.light.header_style_on_scroll .header-widget a,
.light.header_style_on_scroll .header-widget span{
color:#fff;
}
.light:not(.sticky):not(.scrolled) .eltd_social_icon_holder i.simple_social,
.light.header_style_on_scroll .eltd_social_icon_holder i.simple_social{
color:#fff !important;
}
.light:not(.sticky):not(.scrolled) .eltd_social_icon_holder .eltd_icon_stack,
.light.header_style_on_scroll .eltd_social_icon_holder .eltd_icon_stack{
border-color: #fff;
}
.light:not(.sticky):not(.scrolled) .eltd_social_icon_holder:hover .eltd_icon_stack,
.light.header_style_on_scroll .eltd_social_icon_holder:hover .eltd_icon_stack{
background-color: #fff !important;
border-color: #fff !important;
}
.dark:not(.sticky):not(.scrolled) .header-widget,
.dark:not(.sticky):not(.scrolled) .header-widget.widget_nav_menu ul.menu > li > a,
.dark:not(.sticky):not(.scrolled) .header-widget p,
.dark:not(.sticky):not(.scrolled) .header-widget a,
.dark:not(.sticky):not(.scrolled) .header-widget span,
.dark.header_style_on_scroll .header-widget,
.dark.header_style_on_scroll .header-widget.widget_nav_menu ul.menu > li > a,
.dark.header_style_on_scroll .header-widget p,
.dark.header_style_on_scroll .header-widget a,
.dark.header_style_on_scroll .header-widget span{
color:#000;
}
.dark:not(.sticky):not(.scrolled) .eltd_social_icon_holder i.simple_social,
.dark:not(.sticky):not(.scrolled) #lang_sel > ul > li > a,
.dark:not(.sticky):not(.scrolled) #lang_sel_click > ul > li> a,
.dark.header_style_on_scroll .eltd_social_icon_holder i.simple_social,
.dark.header_style_on_scroll #lang_sel > ul > li > a,
.dark.header_style_on_scroll #lang_sel_click > ul > li> a{
color:#000 !important;
}
.dark:not(.sticky):not(.scrolled) .eltd_social_icon_holder .eltd_icon_stack,
.dark.header_style_on_scroll .eltd_social_icon_holder .eltd_icon_stack{
border-color: #000;
}
.dark:not(.sticky):not(.scrolled) .eltd_social_icon_holder:hover .eltd_icon_stack,
.dark.header_style_on_scroll .eltd_social_icon_holder:hover .eltd_icon_stack{
background-color: #000 !important;
border-color: #000 !important;
}
}
/* Side area opener styles
========================================================================== */
.side_menu_button > a {
font-size: 14px;
position: relative;
display: inline;
margin: 0 0 0 22px;
}
.side_menu_button > a.search_icon_bckg_full{
line-height: 110px;
}
.side_menu_button > a.side_menu_button_link,
.side_menu_button > a.search_covers_header,
.side_menu_button > a.search_slides_from_header_bottom,
.side_menu_button > a.fade_push_text_right,
.side_menu_button > a.fullscreen_search{
display: inline-block;
vertical-align: middle;
}
.side_menu_button > a.side_menu_button_link.medium,
.side_menu_button > a.search_covers_header.medium,
.side_menu_button > a.search_slides_from_header_bottom.medium,
.side_menu_button > a.fade_push_text_right.medium{
display: inline-block;
font-size: 21px;
line-height: 30px;
height: 30px;
width: 19px;
}
.side_menu_button > a.side_menu_button_link.large,
.side_menu_button > a.search_covers_header.large,
.side_menu_button > a.search_slides_from_header_bottom.large,
.side_menu_button > a.fade_push_text_right.large{
display: inline-block;
font-size: 28px;
line-height: 34px;
height: 34px;
width: 24px;
}
.side_menu_button_wrapper .side_menu_button > a.search_icon_bckg_full{
height: auto;
}
.header_top .inner a.search_icon_bckg_full{
display: inline-block;
}
.side_menu_button > a > i,
.side_menu_button > a > span:not(.popup_menu_inner){
display: inline-block;
height: inherit;
line-height: inherit;
vertical-align: bottom;
width: inherit;
text-align: center;
}
.side_menu_button > a > span:not(.popup_menu_inner){
vertical-align: middle;
-webkit-transition: opacity 0.15s ease-out, color 0.15s ease-out;
-moz-transition: opacity 0.15s ease-out, color 0.15s ease-out;
-ms-transition: opacity 0.15s ease-out, color 0.15s ease-out;
-o-transition: opacity 0.15s ease-out, color 0.15s ease-out;
transition: opacity 0.15s ease-out, color 0.15s ease-out;
}
.side_menu_button > a,
.mobile_menu_button span,
.header_top .inner a.search_covers_header,
.header_top .inner a.search_slides_from_header_bottom,
.header_top .inner a.search_slides_from_window_top,
.header_top .inner a.fullscreen_search{
-webkit-transition: initial;
-moz-transition: initial;
-ms-transition: initial;
-o-transition: initial;
transition: initial;
color: #000;
}
.side_menu_button > a:hover,
.side_menu_button > a:hover > span:not(.popup_menu_inner).search_icon_text,
.mobile_menu_button span:hover,
.header_top .inner a.search_covers_header:hover,
.header_top .inner a.search_slides_from_header_bottom:hover,
.header_top .inner a.search_slides_from_window_top:hover,
.header_top .inner a.fullscreen_search:hover{
color: #e5735c;
}
.side_menu span.social_icon {
font-family: 'ElegantIcons' !important;
}
.side_menu i.social_icon {
font-family: 'FontAwesome',serif !important;
}
.side_menu_button a.side_menu_button_link{
border: 1px solid #464646;
-webkit-transition: border-color 0.15s ease-out;
transition: border-color 0.15s ease-out;
padding: 4px 5px 4px 5px;
}
.side_menu_button a.side_menu_button_link:hover{
border-color: #e5735c;
}
.side_menu_button_link.custom_lines .custom_lines_inner{
display: inline-block;
height: 2px;
position: relative;
top: -1px;
vertical-align: middle;
width: 13px;
position: relative;
}
.side_menu_button_link.custom_lines .custom_lines_inner .line{
background-color: #464646;
height: 2px;
margin: 0px;
width: 13px;
top: 0px;
left: 0px;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
-o-transition: all 0.15s ease-out;
-ms-transform: all 0.15s ease-out;
transition: all 0.15s ease-out;
position: absolute;
display: inline-block;
}
.side_menu_button_link.custom_lines .custom_lines_inner .line:after,
.side_menu_button_link.custom_lines .custom_lines_inner .line:before{
background-color: #464646;
content: "";
display: block;
height: 2px;
position: absolute;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
-o-transition: all 0.15s ease-out;
-ms-transform: all 0.15s ease-out;
transition: all 0.15s ease-out;
width: 13px;
z-index: 1;
-webkit-backface-visibility: hidden; /*because X sign jumps on hover in Chrome*/
}
.side_menu_button_link.custom_lines .custom_lines_inner .line:before{
top: -4px;
}
.side_menu_button_link.custom_lines .custom_lines_inner .line:after{
top:4px;
}
.side_menu_button_link.custom_lines:hover .custom_lines_inner .line,
.side_menu_button_link.custom_lines:hover .custom_lines_inner .line:before,
.side_menu_button_link.custom_lines:hover .custom_lines_inner .line:after{
background-color: #e5735c;
}
.side_menu_button_link.custom_lines.large{
padding: 2px 9px;
}
.side_menu_button_link.custom_lines.large .custom_lines_inner,
.side_menu_button_link.custom_lines.large .custom_lines_inner .line,
.side_menu_button_link.custom_lines.large .custom_lines_inner .line:after,
.side_menu_button_link.custom_lines.large .custom_lines_inner .line:before {
height: 4px;
width: 24px;
}
.side_menu_button_link.custom_lines.large .custom_lines_inner .line:before{
top: -8px;
}
.side_menu_button_link.custom_lines.large .custom_lines_inner .line:after{
top: 8px;
}
.side_menu_button_link.custom_lines.large .custom_lines_inner{
top:-3px;
}
.side_menu_button_link.custom_lines.medium{
padding: 1px 7px;
}
.side_menu_button_link.custom_lines.medium .custom_lines_inner,
.side_menu_button_link.custom_lines.medium .custom_lines_inner .line,
.side_menu_button_link.custom_lines.medium .custom_lines_inner .line:after,
.side_menu_button_link.custom_lines.medium .custom_lines_inner .line:before {
height: 3px;
width: 19px;
}
.side_menu_button_link.custom_lines.medium .custom_lines_inner .line:before{
top: -6px;
}
.side_menu_button_link.custom_lines.medium .custom_lines_inner .line:after{
top: 6px;
}
.side_menu_button_link.custom_lines.medium .custom_lines_inner{
top:-2px;
}
/* ==========================================================================
Elated Search styles
========================================================================== */
/* insert start */
/* slide from header bottom */
.eltd_search_form_2{
background: none repeat scroll 0 0 #f1f1f1;
color: #fff;
margin: 0;
overflow: hidden;
width: 100%;
height: 100px;
bottom: 0;
position: absolute;
transition: bottom 0.35s cubic-bezier(.55,.085,.68,.53);
-webkit-transition: bottom 0.35s cubic-bezier(.55,.085,.68,.53);
-moz-transition: bottom 0.35s cubic-bezier(.55,.085,.68,.53);
left:0;
opacity: 1;
}
.eltd_search_form_2.animated{
transition: bottom 0.35s cubic-bezier(.55,.085,.68,.53), opacity 0s ease 0s;
-webkit-transition: bottom 0.35s cubic-bezier(.55,.085,.68,.53), opacity 0s ease 0s;
-moz-transition: bottom 0.35s cubic-bezier(.55,.085,.68,.53), opacity 0s ease 0s;
left:0;
opacity: 1;
}
.eltd_search_form_2 .container{
z-index:auto;
}
.eltd_search_form_2 .form_holder_outer {
display: table;
height: 100px;
width: 100%;
}
.eltd_search_form_2 .form_holder {
display: table-cell;
vertical-align: middle;
position:relative;
}
.eltd_search_form_2.animated .form_holder_outer {
height: 100px;
}
.eltd_search_form_2 .container_inner .form_holder {
padding: 0px;
}
.eltd_search_form_2 .form_holder {
padding: 0 45px;
}
.eltd_search_form_2 input,
.eltd_search_form_2 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:0px;
-webkit-appearance: none;
border-radius: 0;
text-transform: uppercase;
}
.eltd_search_form_2.disabled input,
.eltd_search_form_2.disabled input:focus {
font-weight: normal;
}
.eltd_search_form_2 input:focus{
outline-offset: 0px !important;
}
.eltd_search_form_2 .eltd_search_submit {
width: auto;
cursor: pointer;
/*font-family:FontAwesome;*/
font-size:50px;
position:absolute;
right: 45px;
top: 50%;
margin-top: -25px;
transition: color 0.4s ease;
-webkit-transition: color 0.4s ease;
-moz-transition: color 0.4s ease;
color: #696969;
padding: 0 0 0 1px;
}
.eltd_search_form_2 .container_inner .eltd_search_submit {
right:0;
}
.eltd_search_form_2 .eltd_search_submit:hover{
color:#e5735c
}
.eltd_search_form_2.disabled .eltd_search_submit,
.eltd_search_form_2.disabled .eltd_search_submit:hover {
cursor:default;
color:#959595;
}
/* search covers header */
.eltd_search_form_3{
display: none;
color: #fff;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 201;
background:#fff;
}
.eltd_search_form_3 .form_holder_outer{
display: table;
width: 100%;
height:100%;
}
.eltd_search_form_3 .form_holder{
display: table-cell;
vertical-align: middle;
padding:0px 45px;
position:relative;
}
.eltd_search_form_3 .container_inner .form_holder{
padding: 0px;
}
.eltd_search_form_3 .form_holder_inner{
display: inline-block;
vertical-align: middle;
position: relative;
width: 100%;
}
.eltd_search_form_3 input,
.eltd_search_form_3 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;
}
.eltd_search_form_3.disabled input,
.eltd_search_form_3.disabled input:focus{
font-weight: normal;
}
.eltd_search_form_3 input:focus{
outline-offset: 0px !important;
}
.eltd_search_form_3 input[type="submit"]{
border: 0 none;
clip: rect(0px,0px,0px,0px);
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
width: 1px;
visibility: hidden;
}
.eltd_search_form_3 .eltd_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;
}
.eltd_search_form_3 .container_inner .eltd_search_close{
right: 0;
}
.eltd_search_form_3 .eltd_search_close a{
color: #9d9d9d;
display: inline-block;
}
.eltd_search_form_3 .eltd_search_close a:hover{
color: #e5735c;
}
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder{
color: #959595;
margin: 10px 0px 0px 0px;
}
.eltd_search_form_3 .eltd_search_close a i{
vertical-align: top;
}
/* insert end */
/*----------------------FULLSCREEN SEARCH style start--------------------------*/
.side_menu_button{
position:relative;
}
.fullscreen_search_holder{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:105;
opacity:0;
}
.fullscreen_search_table{
display: table;
width:100%;
height:100%;
}
.fullscreen_search_cell{
display: table-cell;
vertical-align: middle;
width:100%;
height:100%;
text-align:center;
}
.side_menu_button .search_icon_text {
margin: 0 0 0 5px;
-webkit-transition: opacity .15s ease-out,color .15s ease-out;
-moz-transition: opacity .15s ease-out,color .15s ease-out;
-ms-transition: opacity .15s ease-out,color .15s ease-out;
-o-transition: opacity .15s ease-out,color .15s ease-out;
transition: opacity .15s ease-out,color .15s ease-out;
}
.fullscreen_search_holder .search_label{
font-size:30px;
line-height:1em;
color: #a1a1a1;
vertical-align:bottom;
}
.fullscreen_search_holder .field_holder{
width:30%;
display:inline-block;
vertical-align:bottom;
position:relative;
border-bottom:1px solid #a1a1a1;
}
.fullscreen_search_holder .field_holder .line{
position:absolute;
bottom:-1px;
left:0;
height:1px;
width:0;
background-color: #696969;
-webkit-transition: width 0.3s ease;
transition: width 0.3s ease;
}
.fullscreen_search_holder .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:1em;
position:relative;
}
.fullscreen_search_holder .search_submit{
border:none;
background:transparent;
outline:none;
width: auto;
cursor: pointer;
font-family: 'ElegantIcons';
font-size:20px;
line-height:1em;
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease;
color: #a1a1a1;
}
.fullscreen_search_holder .search_submit:hover{
color: #696969;
}
.fullscreen_search_holder .search_close_holder{
float:right;
}
.fullscreen_search_holder .close_container{
position:absolute;
left:0;
top:0;
width:100%;
}
.fullscreen_search_holder .close_container a{
opacity:0;
visibility:hidden;
-webkit-transition: opacity 0.2s ease, color 0.2s ease;
transition: opacity 0.2s ease, color 0.2s ease;
}
.fullscreen_search_holder .close_container .search_close_holder{
margin-right: 45px;
}
.fullscreen_search_holder .close_container .container_inner .search_close_holder,
.fullscreen_search_holder.fullscreen_search_in_header_top .close_container .search_close_holder{
margin-right: 0px;
}
.fullscreen_search_in_header_top .search_close_holder .side_menu_button{
height: 36px;
}
.fullscreen_search_in_header_top a.side_menu_button_link{
display: none;
}
/*---Fulscreen search FROM CIRCLE style---*/
.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%;
-ms-transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-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);
}
.fullscreen_search_overlay.animate{
-ms-transform: scale(3);
-moz-transform: scale(3);
-o-transform: scale(3);
-webkit-transform: scale(3);
transform: scale(3);
opacity:1;
}
.fullscreen_search_holder.from_circle{
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
display:none;
opacity:0;
visibility:visible;
z-index:111;
}
.header_top .inner .fullscreen_search_overlay{
margin-left: 0;
z-index: 111; /*because of the header bottom header_inner_left, header_inner_right*/
}
.paspartu_on_top_fixed .fullscreen_search_holder.from_circle{
z-index: 203; /*because of the paspartu_on_top_fixed header z-index*/
}
/*---Fulscreen search FADE style---*/
.fullscreen_search_holder.fade{
visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
opacity: 0;
z-index:111;
box-sizing: border-box;
}
.fullscreen_search_holder.fade .fullscreen_search_table{
background-color:rgba(255,255,255,0.98);
}
.search_fade_out .fullscreen_search_holder.fade{
-webkit-animation: search_fade_out .25s linear both;
animation: search_fade_out .25s linear both ;
}
.search_fade_in .fullscreen_search_holder.fade.animate{
-webkit-animation: search_fade_in .25s linear both;
animation: search_fade_in .25s linear both;
}
.fullscreen_search_holder.fade.animate .fullscreen_search_close{
opacity:1;
visibility:visible;
}
.fullscreen_search_opened.paspartu_on_top_fixed .fullscreen_search_holder.fade{
z-index: 203;
}
@-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;
}
}
/*-------------------------Search slides from window top------------------------*/
.eltd_search_form{
background: none repeat scroll 0 0 #262626;
color: #fff;
margin: 0;
overflow: hidden;
width: 100%;
height: 0px;
position: absolute;
top:0;
left:0;
}
.eltd_search_form i{
color: #959595;
font-size: 13px;
display: inline-block;
padding: 0px 0px 0px 45px;
float: left;
line-height: 50px;
}
.eltd_search_form input,
.eltd_search_form 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 0px;
width: 90%;
padding: 0px 45px 0px 10px;
font-family: inherit;
outline: none;
outline-offset:0px;
-webkit-appearance: none;
border-radius: 0;
float: left;
}
.eltd_search_form input:focus{
outline-offset: 0px !important;
}
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder{
color: #959595;
margin: 10px 0px 0px 0px;
}
@media only screen and (max-width: 1200px){
.eltd_search_form input{
width: 80%;
}
}
@media only screen and (max-width: 768px){
.eltd_search_form input{
width: 70%;
}
}
@media only screen and (max-width: 500px){
.eltd_search_form input{
width: 65%;
}
}
.eltd_search_form .container_inner{
position: relative;
}
.eltd_search_form .container i{
padding: 0px;
}
.eltd_search_form .container input{
width: 90%;
padding: 0px 0px 0px 10px;
}
.eltd_search_form input[type="submit"] {
border: 0 none;
clip: rect(0px, 0px, 0px, 0px);
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
width: 1px;
visibility: hidden;
}
.eltd_search_form .eltd_search_close{
color: #959595;
font-size: 13px;
position: absolute;
line-height: 50px;
height: 50px;
top: 0px;
right: 45px;
}
.eltd_search_form .container .eltd_search_close{
right: 0px;
}
/*---------------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)}
}
.fullscreen_search_opened .fullscreen_search_holder.fade .form_holder{
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
-webkit-animation: search_push_text_top .4s ease-out both .25s;
animation: search_push_text_top .4s ease-out both .25s;
}
.search_fade_out .fullscreen_search_holder.fade .search_label,
.search_fade_out .fullscreen_search_holder.fade .search_submit,
.search_fade_out .fullscreen_search_holder.fade .field_holder{
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
-ms-transform:translateY(-30px);
-webkit-transform:translateY(-30px);
transform:translateY(-30px);
-webkit-transition:-webkit-transform 0.75s ease-out;
transition:transform 0.75s ease-out;
}
/*----------------------FULLSCREEN SEARCH style end--------------------------*/
/* ==========================================================================
End Elated Search styles
========================================================================== */
/* ==========================================================================
Header bottom widget area styles
========================================================================== */
.header_bottom_widget .eltd_social_icon_holder {
margin-bottom: 0 !important;
margin-right: 15px !important;
}
.header_bottom_widget .eltd_social_icon_holder.with_link .simple_social {
color: #696969;
font-size: 14px;
}
.light:not(.sticky):not(.scrolled) .header_bottom_widget .eltd_social_icon_holder.with_link .simple_social,
.light.header_style_on_scroll .header_bottom_widget .eltd_social_icon_holder.with_link .simple_social {
color: #fff !important;
}
.dark:not(.sticky):not(.scrolled) .header_bottom_widget .eltd_social_icon_holder.with_link .simple_social,
.dark.header_style_on_scroll .header_bottom_widget .eltd_social_icon_holder.with_link .simple_social{
color: #000 !important;
}
/* ==========================================================================
End header bottom widget area styles
========================================================================== */
/* Begining of menu latest post widget styles
========================================================================== */
.drop_down .wide .second ul li div.flexslider li:nth-child(4n+1){
clear: none;
}
.drop_down .wide .second ul li .flexslider ul {
padding:0;
border:none;
}
.drop_down .wide .second .inner ul li.sub .flexslider ul li a:hover,
.drop_down .wide .second ul li .flexslider ul li a:hover {
color: #e5735c;
}
.drop_down .wide .second .inner ul li .flexslider.widget_flexslider .menu_recent_post_text a,
.drop_down .wide .second .inner ul li .flexslider.widget_flexslider a{
display: inline-block;
margin: 0;
}
.drop_down .wide .second .inner ul li .flexslider.widget_flexslider > a{
vertical-align: middle;
}
.drop_down .wide .second ul li ul.flex-direction-nav a{
position:absolute;
top:0;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border:none;
margin:0px 0 0 0;
}
.drop_down .wide .second ul li ul.flex-direction-nav{
position:absolute;
top:50%;
overflow:visible;
width: 100%;
}
.drop_down .wide .second ul li div.flexslider{
margin: 0 !important;
}
.drop_down .wide .second ul li .flexslider.widget_flexslider ul.flex-direction-nav li{
width:100%;
}
.flexslider.widget_flexslider ul.flex-direction-nav a.flex-prev,
.drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider ul.flex-direction-nav a.flex-prev{
left:0;
height:15px;
width:15px;
line-height: 15px;
padding:0;
}
.flexslider.widget_flexslider ul.flex-direction-nav a.flex-next,
.drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider ul.flex-direction-nav a.flex-next{
right:0;
height:15px;
width:15px;
line-height: 15px;
padding:0;
}
.drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider .menu_recent_post_text {
padding: 10px 0;
}
.drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider .menu_recent_post_text a{
display: inline;
padding: 0;
color:#000;
}
.drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider .menu_recent_post_text a:hover{
color:#e5735c;
}
.drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider a, .drop_down .wide .second ul li .flexslider.widget_flexslider a{
padding: 0;
text-align: center;
}
/* ==========================================================================
End of menu latest post widget styles
========================================================================== */
/* ==========================================================================
Vertical menu styles
========================================================================== */
/**
* Here are defined styles for vertical menu
*/
.vertical_menu_enabled .eltd_slider,
.vertical_menu_enabled .full_width,
.vertical_menu_enabled .content .container,
.vertical_menu_enabled .title_outer,
.vertical_menu_enabled footer{
padding-left: 290px;
}
.vertical_menu_enabled.vertical_menu_width_350 .eltd_slider,
.vertical_menu_enabled.vertical_menu_width_350 .full_width,
.vertical_menu_enabled.vertical_menu_width_350 .content .container,
.vertical_menu_enabled.vertical_menu_width_350 .title_outer,
.vertical_menu_enabled.vertical_menu_width_350 footer{
padding-left: 350px;
}
.vertical_menu_enabled.vertical_menu_width_400 .eltd_slider,
.vertical_menu_enabled.vertical_menu_width_400 .full_width,
.vertical_menu_enabled.vertical_menu_width_400 .content .container,
.vertical_menu_enabled.vertical_menu_width_400 .title_outer,
.vertical_menu_enabled.vertical_menu_width_400 footer{
padding-left: 400px;
}
body.page-template-blog-masonry-full-width-php.vertical_menu_enabled.vertical_menu_width_290:not(.vertical_menu_hidden) .content .full_width{
padding-left: 335px;
padding-right:20px;
}
body.page-template-blog-masonry-full-width-php.vertical_menu_enabled.vertical_menu_width_350:not(.vertical_menu_hidden) .content .full_width{
padding-left: 395px;
padding-right:20px;
}
body.page-template-blog-masonry-full-width-php.vertical_menu_enabled.vertical_menu_width_400:not(.vertical_menu_hidden) .content .full_width{
padding-left: 445px;
padding-right:20px;
}
.boxed.vertical_menu_enabled .eltd_slider,
.boxed.vertical_menu_enabled .full_width,
body.page-template-blog-masonry-full-width-php.vertical_menu_enabled.boxed .content .full_width,
.boxed.vertical_menu_enabled .content .container,
.boxed.vertical_menu_enabled .title_outer,
.boxed.vertical_menu_enabled footer{
padding-left: 0px;
padding-right: 0px;
}
.boxed.vertical_menu_enabled,
.boxed.vertical_menu_enabled footer.uncover{
padding-left: 290px;
}
.boxed.vertical_menu_enabled.vertical_menu_width_350,
.boxed.vertical_menu_enabled.vertical_menu_width_350 footer.uncover{
padding-left: 350px;
}
.boxed.vertical_menu_enabled.vertical_menu_width_400,
.boxed.vertical_menu_enabled.vertical_menu_width_400 footer.uncover{
padding-left: 400px;
}
.vertical_menu_enabled .content .title .container{
padding-left: 0px;
padding-right:0px;
}
.vertical_menu_enabled .content .container,
.vertical_menu_enabled .eltd_slider{
width: auto;
}
aside.vertical_menu_area {
position: fixed;
width: 290px;
top: 0;
left: 0;
padding:20px 40px;
background-color: transparent;
height: 100%;
z-index: 101;
-webkit-backface-visibility:hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
outline: none;
}
.vertical_menu_background_opacity_over_slider.vertical_menu_background_opacity aside.vertical_menu_area{
background-color:transparent; /* aside.vertical_menu_area can be overwritten in style dynamic */
}
.vertical_menu_width_350 aside.vertical_menu_area {
width: 350px;
}
.vertical_menu_width_400 aside.vertical_menu_area {
width: 400px;
}
aside.vertical_menu_area.with_scroll {
overflow: hidden;
}
aside.vertical_menu_area .vertical_menu_area_widget_holder{
position: relative;
}
.vertical_menu_enabled.vertical_area_transparent .content{
padding-left: 0px;
padding-right: 0px;
}
.vertical_menu_transparency_on aside.vertical_menu_area.light .vertical_menu_area_widget_holder,
.vertical_menu_transparency_on aside.vertical_menu_area.light .widget a,
.vertical_menu_transparency_on aside.vertical_menu_area.light .eltd_social_icon_holder i.simple_social
body:not(.vertical_menu_transparency_off) aside.vertical_menu_area.light .vertical_menu_area_widget_holder,
body:not(.vertical_menu_transparency_off) aside.vertical_menu_area.light .widget a,
body:not(.vertical_menu_transparency_off) aside.vertical_menu_area.light .eltd_social_icon_holder i.simple_social{
color: #fff;
}
.vertical_menu_transparency_on aside.vertical_menu_area.dark .vertical_menu_area_widget_holder,
.vertical_menu_transparency_on aside.vertical_menu_area.dark .widget a,
.vertical_menu_transparency_on aside.vertical_menu_area.dark .eltd_social_icon_holder i.simple_social,
body:not(.vertical_menu_transparency_off) aside.vertical_menu_area.dark .vertical_menu_area_widget_holder,
body:not(.vertical_menu_transparency_off) aside.vertical_menu_area.dark .widget a,
body:not(.vertical_menu_transparency_off) aside.vertical_menu_area.dark .eltd_social_icon_holder i.simple_social {
color: #000;
}
.vertical_menu_enabled header{
display: block;
}
.vertical_menu_enabled header .header_inner{
display: none;
}
.vertical_area_background{
position: fixed;
width: 290px;
height: 100%;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
top: 0px;
left: 0px;
z-index: 0;
-webkit-transition: opacity 0.5s ease, background-color 0.5s ease;
-moz-transition: opacity 0.5s ease, background-color 0.5s ease;
-o-transition: opacity 0.5s ease, background-color 0.5s ease;
-ms-transition: opacity 0.5s ease, background-color 0.5s ease;
transition: opacity 0.5s ease, background-color 0.5s ease;
opacity: 1;
background-color: #fff;
}
.vertical_menu_width_350 .vertical_area_background{
width: 350px;
}
.vertical_menu_width_400 .vertical_area_background{
width: 400px;
}
.vertical_logo_wrapper{
z-index: 100;
position: relative;
text-align: center;
}
.eltd_logo_vertical a{
display: block;
position: relative;
height: 100%;
}
.vertical_logo_wrapper img{
max-height: 100%;
position: absolute;
top: 0px;
left: 0px;
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.eltd_logo_vertical img.normal{
position: relative;
}
.eltd_logo_vertical img.light,
.eltd_logo_vertical img.dark{
opacity: 0;
}
.vertical_menu_transparency_on .light .eltd_logo_vertical img.normal,
body:not(.vertical_menu_transparency_off):not(.vertical_menu_hidden_with_icons) .light .eltd_logo_vertical img.normal {
opacity:0;
}
.vertical_menu_transparency_on .light .eltd_logo_vertical img.light,
body:not(.vertical_menu_transparency_off):not(.vertical_menu_hidden_with_icons) .light .eltd_logo_vertical img.light{
opacity:1;
}
.vertical_menu_transparency_on .light .eltd_logo_vertical img.dark,
body:not(.vertical_menu_transparency_off):not(.vertical_menu_hidden_with_icons) .vertical_menu_transparency_on .light .eltd_logo_vertical img.dark{
opacity:0;
}
.vertical_menu_transparency_on .dark .eltd_logo_vertical img.normal,
body:not(.vertical_menu_transparency_off):not(.vertical_menu_hidden_with_icons) .dark .eltd_logo_vertical img.normal {
opacity:0;
}
.vertical_menu_transparency_on .dark .eltd_logo_vertical img.light,
body:not(.vertical_menu_transparency_off):not(.vertical_menu_hidden_with_icons) .dark .eltd_logo_vertical img.light {
opacity:0;
}
.vertical_menu_transparency_on .dark .eltd_logo_vertical img.dark,
body:not(.vertical_menu_transparency_off):not(.vertical_menu_hidden_with_icons) .dark .eltd_logo_vertical img.dark {
opacity:1;
}
.vertical_menu_enabled.vertical_menu_transparency_on:not(.vertical_menu_hidden) .light .eltd_logo_vertical img.normal {
opacity: 1;
}
.vertical_menu_enabled.vertical_menu_transparency_on:not(.vertical_menu_hidden) .light .eltd_logo_vertical img.light,
.vertical_menu_enabled.vertical_menu_transparency_on:not(.vertical_menu_hidden) .light .eltd_logo_vertical img.dark {
opacity: 0;
}
.vertical_menu .menu_icon:not(.blank):not(.null),
.vertical_menu_hidden_with_icons .vertical_menu .second .menu_icon:not(.blank):not(.null){
padding-right: 5px;
}
nav.vertical_menu {
position: relative;
z-index: 101;
margin: 40px 0 0;
text-align: left;
}
.vertical_menu ul{
list-style: none;
}
.vertical_menu ul li{
position: relative;
}
nav.vertical_menu >ul >li ul {
text-align: left;
}
nav.vertical_menu > ul > li > a {
position: relative;
display: block;
padding: 8px 0px;
line-height: 18px;
color: #393939;
font-weight: 700;
letter-spacing: 3px;
text-decoration: none;
text-transform: uppercase;
margin: 0;
cursor: pointer;
-webkit-transition: color 0.15s ease-out, text-decoration 0.15s ease-out, background-color 0.15s ease-out;
-moz-transition: color 0.15s ease-out, text-decoration 0.15s ease-out, background-color 0.15s ease-out;
-o-transition: color 0.15s ease-out, text-decoration 0.15s ease-out, background-color 0.15s ease-out;
-ms-transition: color 0.15s ease-out, text-decoration 0.15s ease-out, background-color 0.15s ease-out;
transition: color 0.15s ease-out, text-decoration 0.15s ease-out, background-color 0.15s ease-out;
}
.vertical_menu.vertical_menu_side ul li div.second ul li a {
background-color: #fff;
}
nav.vertical_menu > ul > li > a:before{
content:'';
display:block;
opacity:0;
height:100%;
position:absolute;
top:0;
left:0;
width:5px;
background-color: #e5735c;
-webkit-transition: background-color 0.2s ease-out, opacity 0.2s ease-out;
-moz-transition: background-color 0.2s ease-out, opacity 0.2s ease-out;
-o-transition: background-color 0.2s ease-out, opacity 0.2s ease-out;
-ms-transition: background-color 0.2s ease-out, opacity 0.2s ease-out;
transition: background-color 0.2s ease-out, opacity 0.2s ease-out;
}
nav.vertical_menu > ul > li > a > span.item_inner{
-webkit-transition: text-decoration 0.2s ease-out;
-moz-transition: text-decoration 0.2s ease-out;
-o-transition: text-decoration 0.2s ease-out;
-ms-transition: text-decoration 0.2s ease-out;
transition: text-decoration 0.2s ease-out;
}
.vertical_menu ul li a:hover{
color: #e5735c;
}
nav.vertical_menu > ul > li > a:after{
display: none;
height:1px;
width: 44px;
content: '';
position: absolute;
left:0;
bottom:0;
background-color:#e5735c;
}
nav.vertical_menu > ul > li:last-child > a:after{
content: none;
}
.vertical_menu_transparency_on .light nav.vertical_menu > ul > li > a,
body:not(.vertical_menu_transparency_off) .light nav.vertical_menu > ul > li > a {
color: #fff;
}
.vertical_menu_transparency_on .dark nav.vertical_menu > ul > li > a,
body:not(.vertical_menu_transparency_off) .dark nav.vertical_menu > ul > li > a {
color: #000;
}
.vertical_menu .second .inner{
position: relative;
display: block;
padding: 0;
z-index: 997;
}
.vertical_menu_toggle .second .inner_arrow{
display: none;
}
.vertical_menu_toggle .second{
margin: 0px;
display: none;
overflow: hidden;
z-index: 10;
}
.vertical_menu_toggle > ul > li.current-menu-ancestor .second,
nav.vertical_menu_toggle > ul > li.current-menu-ancestor .second .inner ul li.current-menu-ancestor ul{
display: block;
}
.vertical_menu_toggle .second ul ul{
display: none;
}
nav.vertical_menu_toggle ul li a{
display: block;
}
nav.vertical_menu_toggle ul li a .line{
display: none;
}
nav.vertical_menu_toggle ul > li.menu-item-has-children > a > .plus,
nav.vertical_menu_to_content ul > li.menu-item-has-children > a > .plus{
width: 14px;
height: 14px;
z-index: 10000;
display: block;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
display: block;
color: #9d9d9d;
font-size:14px;
line-height: 14px;
font-family: 'ElegantIcons';
cursor:pointer;
}
nav.vertical_menu_to_content .second ul > li.menu-item-has-children > a > .plus{
right: 10px;
}
nav.vertical_menu_toggle ul > li.menu-item-has-children > a > .plus:before,
nav.vertical_menu_to_content ul > li.menu-item-has-children > a > .plus:before{
content: "\35";
}
nav.vertical_menu_toggle .second ul > li.menu-item-has-children > a > .plus,
nav.vertical_menu_to_content .second ul > li.menu-item-has-children > a > .plus{
display: block;
}
.no-touch nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus:before,
.no-touch nav.vertical_menu_toggle.click ul > li.menu-item-has-children.open > a > .plus:before,
.no-touch nav.vertical_menu_toggle.click ul > li.menu-item-has-children.current_page_parent > a > .plus:before,
.no-touch nav.vertical_menu_to_content ul > li.menu-item-has-children > a:hover > .plus:before,
.no-touch nav.vertical_menu_to_content ul > li.menu-item-has-children.open > a > .plus:before,
.no-touch nav.vertical_menu_to_content ul > li.menu-item-has-children.current_page_parent > a > .plus:before{
content:"\35";
}
.touch nav.vertical_menu_toggle ul > li.menu-item-has-children.open > a > .plus:before,
.touch nav.vertical_menu_to_content ul > li.menu-item-has-children.open > a > .plus:before{
content:"\35";
}
nav.vertical_menu_toggle ul li.menu-item-has-children a span{
display: inline-block;
max-width: 180px;
}
.vertical_menu_transparency_on .light nav.vertical_menu_toggle ul > li.menu-item-has-children > a > .plus,
body:not(.vertical_menu_transparency_off) .light nav.vertical_menu_toggle ul > li.menu-item-has-children > a > .plus,
.vertical_menu_transparency_on .light nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus,
body:not(.vertical_menu_transparency_off) .light nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus,
body:not(.vertical_menu_transparency_off) .light nav.vertical_menu_toggle.click ul > li.menu-item-has-children.open > a > .plus,
body:not(.vertical_menu_transparency_off) .light nav.vertical_menu_toggle.click ul > li.menu-item-has-children.current_page_parent > a > .plus,
.vertical_menu_transparency_on .light nav.vertical_menu_to_content ul > li.menu-item-has-children > a > .plus,
body:not(.vertical_menu_transparency_off) .light nav.vertical_menu_to_content ul > li.menu-item-has-children > a > .plus,
.vertical_menu_transparency_on .light nav.vertical_menu_to_content ul > li.menu-item-has-children > a:hover > .plus,
body:not(.vertical_menu_transparency_off) .light nav.vertical_menu_to_content ul > li.menu-item-has-children > a:hover > .plus,
body:not(.vertical_menu_transparency_off) .light nav.vertical_menu_to_content ul > li.menu-item-has-children.open > a > .plus,
body:not(.vertical_menu_transparency_off) .light nav.vertical_menu_to_content ul > li.menu-item-has-children.current_page_parent > a > .plus{
color: #fff !important;
}
.vertical_menu_transparency_on .dark nav.vertical_menu_toggle ul > li.menu-item-has-children > a > .plus,
body:not(.vertical_menu_transparency_off) .dark nav.vertical_menu_toggle ul > li.menu-item-has-children > a > .plus,
.vertical_menu_transparency_on .dark nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus,
.body:not(.vertical_menu_transparency_off) .dark nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus,
.body:not(.vertical_menu_transparency_off) .dark nav.vertical_menu_toggle.click ul > li.menu-item-has-children.open > a > .plus,
.body:not(.vertical_menu_transparency_off) .dark nav.vertical_menu_toggle.click ul > li.menu-item-has-children.current_page_parent > a > .plus,
.vertical_menu_transparency_on .dark nav.vertical_menu_to_content ul > li.menu-item-has-children > a > .plus,
body:not(.vertical_menu_transparency_off) .dark nav.vertical_menu_to_content ul > li.menu-item-has-children > a > .plus,
.vertical_menu_transparency_on .dark nav.vertical_menu_to_content ul > li.menu-item-has-children > a:hover > .plus,
.body:not(.vertical_menu_transparency_off) .dark nav.vertical_menu_to_content ul > li.menu-item-has-children > a:hover > .plus,
.body:not(.vertical_menu_transparency_off) .dark nav.vertical_menu_to_content ul > li.menu-item-has-children.open > a > .plus,
.body:not(.vertical_menu_transparency_off) .dark nav.vertical_menu_to_content ul > li.menu-item-has-children.current_page_parent > a > .plus{
color: #000 !important;
}
nav.vertical_menu_toggle ul li a .eltd_menu_arrow{
display: none;
}
nav.vertical_menu_toggle li.narrow .second .inner ul{
background-color: transparent;
padding:0;
width: 100%;
border:none;
}
nav.vertical_menu_toggle li.narrow .second .inner ul ul{
display: none;
}
.vertical_menu_toggle .second .inner ul li a{
display: block;
height: auto;
font-weight: 400;
line-height: 18px;
color: #9d9d9d;
margin: 0;
padding: 5px 0px 5px 0px;
text-decoration: none;
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
transition: color 0.3s ease;
position:relative;
}
.vertical_menu_toggle .second{
position:relative;
}
.vertical_menu_toggle .second:after{
display: none;
width:44px;
height: 1px;
content: '';
position: absolute;
left: 0;
bottom: 0;
background-color: #e5735c;
}
.vertical_menu_toggle .second .inner ul li a:hover{
color: #e5735c;
}
.vertical_menu_transparency_on .light .vertical_menu_toggle .second .inner ul li a,
.vertical_menu_transparency_on .light .vertical_menu_toggle .second .inner ul li.sub ul li a,
body:not(.vertical_menu_transparency_off) .light .vertical_menu_toggle .second .inner ul li a,
body:not(.vertical_menu_transparency_off) .light .vertical_menu_toggle .second .inner ul li.sub ul li a,
.vertical_menu_transparency_on .light .vertical_menu_to_content .second .inner ul li a,
.vertical_menu_transparency_on .light .vertical_menu_to_content .second .inner ul li.sub ul li a,
body:not(.vertical_menu_transparency_off) .light .vertical_menu_to_content .second .inner ul li a,
body:not(.vertical_menu_transparency_off) .light .vertical_menu_to_content .second .inner ul li.sub ul li a{
color: #fff !important;
}
.vertical_menu_transparency_on .dark .vertical_menu_toggle .second .inner ul li a,
.vertical_menu_transparency_on .dark .vertical_menu_toggle .second .inner ul li.sub ul li a,
body:not(.vertical_menu_transparency_off) .dark .vertical_menu_toggle .second .inner ul li a,
body:not(.vertical_menu_transparency_off) .dark .vertical_menu_toggle .second .inner ul li.sub ul li a,
.vertical_menu_transparency_on .dark .vertical_menu_to_content .second .inner ul li a,
.vertical_menu_transparency_on .dark .vertical_menu_to_content .second .inner ul li.sub ul li a,
body:not(.vertical_menu_transparency_off) .dark .vertical_menu_to_content .second .inner ul li a,
body:not(.vertical_menu_transparency_off) .dark .vertical_menu_to_content .second .inner ul li.sub ul li a{
color: #000 !important;
}
.vertical_menu_toggle .second .inner ul ul li a{
padding-left: 15px;
}
.vertical_menu_area_widget_holder{
margin: 22px 0 0 0;
}
.vertical_menu_area_widget_holder .widget {
margin: 0 0 26px;
}
.no-touch .vertical_menu_enabled .carousel-inner:not(.relative_position){
left: 290px !important;
}
.no-touch .vertical_menu_width_350.vertical_menu_enabled .carousel-inner:not(.relative_position){
left: 350px !important;
}
.no-touch .vertical_menu_width_400.vertical_menu_enabled .carousel-inner:not(.relative_position){
left: 400px !important;
}
.vertical_menu_area .eltd_social_icon_holder{
margin: 0 12px 2px 0 !important;
}
.vertical_menu_enabled .content{
margin-top:0 !important;
padding-top:0 !important;
}
.vertical_menu_enabled .content_wrapper{
margin-top:0 !important;
}
.boxed.vertical_menu_enabled .carousel-inner{
width: 1150px !important;
left: auto !important;
}
.vertical_menu_enabled.vertical_menu_transparency_on:not(.vertical_menu_hidden) aside.vertical_menu_area .vertical_area_background,
.vertical_menu_enabled.vertical_menu_transparency_on.vertical_menu_hidden_with_icons aside.vertical_menu_area .vertical_area_background{
background-color: transparent !important;
background-image: none !important;
}
.vertical_menu_enabled.vertical_menu_transparency_on:not(.vertical_menu_hidden) aside.vertical_menu_area .vertical_area_background .vertical_area_background,
.vertical_menu_enabled.vertical_menu_transparency_on.vertical_menu_hidden_with_icons aside.vertical_menu_area .vertical_area_background .vertical_area_background{
opacity: 0;
}
.vertical_menu_enabled.vertical_menu_transparency .eltd_slider,
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_icons.vertical_menu_transparency .eltd_slider{
padding-left: 0px;
padding-right:0px;
}
.vertical_menu_enabled.vertical_menu_transparency:not(.vertical_menu_hidden) .carousel-inner:not(.relative_position),
.no-touch .vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_icons.vertical_menu_transparency .carousel-inner:not(.relative_position){
left: 0px !important;
}
.boxed.vertical_menu_enabled.vertical_menu_transparency:not(.vertical_menu_hidden) .carousel-inner:not(.relative_position){
left: auto !important;
}
/* Move left navigation for the width of vertical menu */
.vertical_menu_enabled.vertical_menu_transparency.vertical_menu_width_290.vertical_menu_hidden_with_icons .carousel-control.left,
.vertical_menu_enabled.vertical_menu_transparency.vertical_menu_width_350.vertical_menu_hidden_with_icons .carousel-control.left,
.vertical_menu_enabled.vertical_menu_transparency.vertical_menu_width_400.vertical_menu_hidden_with_icons .carousel-control.left {
left: 70px;
}
.vertical_menu_enabled.vertical_menu_transparency.vertical_menu_width_290 .carousel-control.left {
left: 290px;
}
.vertical_menu_enabled.vertical_menu_transparency.vertical_menu_width_350 .carousel-control.left {
left: 350px;
}
.vertical_menu_enabled.vertical_menu_transparency.vertical_menu_width_400 .carousel-control.left {
left: 400px;
}
nav.vertical_menu > ul > li.active div.second,
nav.vertical_menu_toggle li.narrow .second .inner ul li.current_page_parent ul{
display: block;
}
/* vertical menu - right side START */
.vertical_menu_right aside.vertical_menu_area{
left:auto;
right:0;
}
.vertical_menu_enabled.vertical_menu_right .full_screen_holder,
.vertical_menu_enabled.vertical_menu_right .full_width,
.vertical_menu_enabled.vertical_menu_right .content .container,
.vertical_menu_enabled.vertical_menu_right .title_outer,
.vertical_menu_enabled.vertical_menu_right footer,
.boxed.vertical_menu_enabled.vertical_menu_right,
.boxed.vertical_menu_enabled.vertical_menu_right footer.uncover,
.vertical_menu_enabled.vertical_menu_right .full_screen_holder,
.vertical_menu_enabled.vertical_menu_right .eltd_slider{
padding-left:0px;
padding-right:290px;
}
body.page-template-blog-masonry-full-width-php.vertical_menu_enabled.vertical_menu_width_290.vertical_menu_right:not(.vertical_menu_hidden) .content .full_width{
padding-right:310px;
padding-left:45px;
}
body.page-template-blog-masonry-full-width-php.vertical_menu_enabled.vertical_menu_width_350.vertical_menu_right:not(.vertical_menu_hidden) .content .full_width{
padding-right:370px;
padding-left:45px;
}
body.page-template-blog-masonry-full-width-php.vertical_menu_enabled.vertical_menu_width_400.vertical_menu_right:not(.vertical_menu_hidden) .content .full_width{
padding-right:420px;
padding-left:45px;
}
.vertical_menu_enabled.vertical_menu_right.vertical_menu_width_350 .full_screen_holder,
.vertical_menu_enabled.vertical_menu_right.vertical_menu_width_350 .full_width,
.vertical_menu_enabled.vertical_menu_right.vertical_menu_width_350 .content .container,
.vertical_menu_enabled.vertical_menu_right.vertical_menu_width_350 .title_outer,
.vertical_menu_enabled.vertical_menu_right.vertical_menu_width_350 footer,
.boxed.vertical_menu_enabled.vertical_menu_right.vertical_menu_width_350,
.boxed.vertical_menu_enabled.vertical_menu_right.vertical_menu_width_350 footer.uncover,
.vertical_menu_enabled.vertical_menu_right.vertical_menu_width_350 .full_screen_holder,
.vertical_menu_enabled.vertical_menu_right.vertical_menu_width_350 .eltd_slider{
padding-right:350px;
padding-left:0px;
}
.vertical_menu_enabled.vertical_menu_right.vertical_menu_width_400 .full_screen_holder,
.vertical_menu_enabled.vertical_menu_right.vertical_menu_width_400 .full_width,
.vertical_menu_enabled.vertical_menu_right.vertical_menu_width_400 .content .container,
.vertical_menu_enabled.vertical_menu_right.vertical_menu_width_400 .title_outer,
.vertical_menu_enabled.vertical_menu_right.vertical_menu_width_400 footer,
.boxed.vertical_menu_enabled.vertical_menu_right.vertical_menu_width_400,
.boxed.vertical_menu_enabled.vertical_menu_right.vertical_menu_width_400 footer.uncover,
.vertical_menu_enabled.vertical_menu_right.vertical_menu_width_400 .full_screen_holder,
.vertical_menu_enabled.vertical_menu_right.vertical_menu_width_400 .eltd_slider{
padding-right:400px;
padding-left:0px;
}
.no-touch .vertical_menu_enabled.vertical_menu_right .carousel-inner:not(.relative_position){
left: auto !important;
right: 290px !important;
}
.no-touch .vertical_menu_enabled.vertical_menu_right.vertical_menu_width_350 .carousel-inner:not(.relative_position){
right: 350px !important;
}
.no-touch .vertical_menu_enabled.vertical_menu_right.vertical_menu_width_400 .carousel-inner:not(.relative_position){
right: 400px !important;
}
.vertical_menu_enabled.vertical_menu_right .content .title .container{
padding-right:0px;
}
.vertical_menu_enabled.vertical_menu_right .vertical_area_background{
top:0;
left:auto;
right:0;
}
/* vertical menu - right side END */
/* vertical menu - hidden type START */
.vertical_menu_hidden aside.vertical_menu_area{
-webkit-box-shadow: 0px 0px 2px 2px rgba(0,0,0,.15);
box-shadow: 0px 0px 2px 2px rgba(0,0,0,.15);
left: -250px;
-webkit-transition: left 0.15s ease-out;
transition: left 0.15s ease-out;
}
.vertical_menu_hidden .vertical_menu_area .vertical_menu_area_inner {
position: relative;
height: 100%;
}
.vertical_menu_hidden:not(.vertical_menu_right) .vertical_menu_area .vertical_menu_area_inner {
left: 0;
}
.vertical_menu_hidden:not(.vertical_menu_right) .vertical_menu_area:not(.active) .vertical_menu_area_inner {
left: -30px;
}
.vertical_menu_hidden.vertical_menu_right .vertical_menu_area .vertical_menu_area_inner {
right: 0;
}
.vertical_menu_hidden.vertical_menu_right .vertical_menu_area:not(.active) .vertical_menu_area_inner {
right: -30px;
}
.vertical_menu_hidden.vertical_menu_hidden_with_logo aside.vertical_menu_area,
.vertical_menu_hidden.vertical_menu_hidden_with_logo .vertical_area_background {
left: -220px;
}
.vertical_menu_width_350.vertical_menu_hidden aside.vertical_menu_area{
left: -310px;
}
.vertical_menu_width_350.vertical_menu_hidden.vertical_menu_hidden_with_logo aside.vertical_menu_area:not(.active),
.vertical_menu_width_350.vertical_menu_hidden.vertical_menu_hidden_with_logo .vertical_area_background:not(.active) {
left: -280px;
}
.vertical_menu_width_400.vertical_menu_hidden aside.vertical_menu_area{
left: -360px;
}
.vertical_menu_width_400.vertical_menu_hidden.vertical_menu_hidden_with_logo aside.vertical_menu_area:not(.active),
.vertical_menu_width_400.vertical_menu_hidden.vertical_menu_hidden_with_logo .vertical_area_background:not(.active) {
left: -330px;
}
.vertical_menu_hidden .vertical_area_background{
left: -250px;
-webkit-transition: left 0.15s ease-out;
-moz-transition: left 0.15s ease-out;
-o-transition: left 0.15s ease-out;
-ms-transform: left 0.15s ease-out;
transition: left 0.15s ease-out;
}
.vertical_menu_width_350.vertical_menu_hidden .vertical_area_background{
left: -310px;
}
.vertical_menu_width_400.vertical_menu_hidden .vertical_area_background{
left: -360px;
}
.vertical_menu_hidden aside.vertical_menu_area.active,
.vertical_menu_hidden aside.vertical_menu_area.active .vertical_area_background{
left: 0px;
}
.vertical_menu_hidden.vertical_menu_right:not(.vertical_menu_hidden_with_icons) aside.vertical_menu_area{
left: auto;
right: -250px;
-webkit-transition: right 0.15s ease-out;
-moz-transition: right 0.15s ease-out;
-o-transition: right 0.15s ease-out;
-ms-transform: right 0.15s ease-out;
transition: right 0.15s ease-out;
}
.vertical_menu_hidden.vertical_menu_right.vertical_menu_hidden_with_logo aside.vertical_menu_area {
right: -220px;
}
.vertical_menu_width_350.vertical_menu_hidden.vertical_menu_right aside.vertical_menu_area{
right: -310px;
}
.vertical_menu_width_350.vertical_menu_hidden.vertical_menu_right.vertical_menu_hidden_with_logo aside.vertical_menu_area:not(.active) {
right: -280px;
left: auto;
}
.vertical_menu_width_400.vertical_menu_hidden.vertical_menu_right aside.vertical_menu_area{
right: -360px;
}
.vertical_menu_width_400.vertical_menu_hidden.vertical_menu_right.vertical_menu_hidden_with_logo aside.vertical_menu_area:not(.active) {
right: -330px;
left: auto;
}
.vertical_menu_hidden.vertical_menu_right .vertical_area_background{
left: auto;
right: -250px;
-webkit-transition: right 0.15s ease-out;
-moz-transition: right 0.15s ease-out;
-o-transition: right 0.15s ease-out;
-ms-transform: right 0.15s ease-out;
transition: right 0.15s ease-out;
}
.vertical_menu_width_350.vertical_menu_hidden.vertical_menu_right .vertical_area_background{
right: -310px;
}
.vertical_menu_width_400.vertical_menu_hidden.vertical_menu_right .vertical_area_background{
right: -360px;
}
.vertical_menu_hidden.vertical_menu_right aside.vertical_menu_area.active,
.vertical_menu_hidden.vertical_menu_right aside.vertical_menu_area.active .vertical_area_background{
right: 0px;
left: auto;
}
.vertical_menu_enabled.vertical_menu_hidden .full_screen_holder,
.vertical_menu_enabled.vertical_menu_hidden .eltd_slider,
.vertical_menu_enabled.vertical_menu_hidden .full_width,
.vertical_menu_enabled.vertical_menu_hidden .content .container,
.vertical_menu_enabled.vertical_menu_hidden .title_outer,
.vertical_menu_enabled.vertical_menu_hidden footer,
.boxed.vertical_menu_enabled.vertical_menu_hidden,
.boxed.vertical_menu_enabled.vertical_menu_hidden footer.uncover,
.vertical_menu_enabled.vertical_menu_hidden .full_screen_holder{
padding-left: 40px;
}
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo .full_screen_holder,
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo .eltd_slider,
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo .full_width,
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo .content .container,
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo .title_outer,
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo footer,
.boxed.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo,
.boxed.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo footer.uncover,
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo .full_screen_holder{
padding-left: 70px;
}
.vertical_menu_enabled.vertical_menu_hidden:not(.vertical_menu_right) .title_holder .container {
padding-left: 0 !important;
}
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right .title_holder .container{
padding-right: 0 !important;
}
body.page-template-blog-masonry-full-width-php.vertical_menu_enabled.vertical_menu_hidden .content .full_width{
padding-left: 85px;
padding-right:20px;
}
body.page-template-blog-masonry-full-width-php.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo .content .full_width{
padding-left: 115px;
padding-right:20px;
}
.no-touch .vertical_menu_enabled.vertical_menu_hidden .carousel-inner:not(.relative_position){
left: 40px !important;
}
.no-touch .vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo .carousel-inner:not(.relative_position){
left: 70px !important;
}
.no-touch .vertical_menu_enabled.vertical_menu_width_290:not(.vertical_menu_hidden):not(.vertical_menu_transparency) .carousel-inner:not(.relative_position){
left: 290px !important;
}
.no-touch .vertical_menu_enabled.vertical_menu_width_350:not(.vertical_menu_hidden):not(.vertical_menu_transparency) .carousel-inner:not(.relative_position){
left: 350px !important;
}
.no-touch .vertical_menu_enabled.vertical_menu_width_400:not(.vertical_menu_hidden):not(.vertical_menu_transparency) .carousel-inner:not(.relative_position){
left: 400px !important;
}
.no-touch .vertical_menu_enabled.vertical_menu_width_290.vertical_menu_right:not(.vertical_menu_hidden):not(.vertical_menu_transparency) .carousel-inner:not(.relative_position){
right: 290px !important;
left:auto !important;
}
.no-touch .vertical_menu_enabled.vertical_menu_width_350.vertical_menu_right:not(.vertical_menu_hidden):not(.vertical_menu_transparency) .carousel-inner:not(.relative_position){
right: 350px !important;
left:auto !important;
}
.no-touch .vertical_menu_enabled.vertical_menu_width_400.vertical_menu_right:not(.vertical_menu_hidden):not(.vertical_menu_transparency) .carousel-inner:not(.relative_position){
right: 400px !important;
left:auto !important;
}
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right .full_screen_holder,
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right .eltd_slider,
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right .full_width,
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right .content .container,
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right .title_outer,
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right footer,
.boxed.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right,
.boxed.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right footer.uncover,
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right .full_screen_holder{
padding-left: 0px;
padding-right: 40px;
}
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right.vertical_menu_hidden_with_logo .full_screen_holder,
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right.vertical_menu_hidden_with_logo .eltd_slider,
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right.vertical_menu_hidden_with_logo .full_width,
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right.vertical_menu_hidden_with_logo .content .container,
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right.vertical_menu_hidden_with_logo .title_outer,
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right.vertical_menu_hidden_with_logo footer,
.boxed.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right.vertical_menu_hidden_with_logo,
.boxed.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right.vertical_menu_hidden_with_logo footer.uncover,
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right.vertical_menu_hidden_with_logo .full_screen_holder{
padding-left: 0px;
padding-right: 70px;
}
body.page-template-blog-masonry-full-width-php.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right .content .full_width{
padding-left: 45px;
padding-right: 60px;
}
body.page-template-blog-masonry-full-width-php.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right.vertical_menu_hidden_with_logo .content .full_width{
padding-left: 45px;
padding-right: 90px;
}
.no-touch .vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right .carousel-inner:not(.relative_position){
left: auto !important;
right: 40px !important;
}
.no-touch .vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right.vertical_menu_hidden_with_logo .carousel-inner:not(.relative_position){
left: auto !important;
right: 70px !important;
}
.vertical_menu_enabled .carousel-control .prev_nav,
.vertical_menu_enabled .carousel-control .next_nav{
margin-top: -25px !important;
}
.content_next_to_arrows .carousel-control .prev_nav,
.content_next_to_arrows .carousel-control .next_nav{
margin-top: 0px !important;
}
.vertical_menu_hidden_button {
position: fixed;
top: 0;
left: 0px;
width: 40px;
height: 40px;
z-index: 11;
display: block;
}
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo .vertical_menu_hidden_button {
width: 70px;
height: 70px;
z-index: 1000;
}
.vertical_menu_right .vertical_menu_hidden_button{
left: auto;
right: 0px;
}
.vertical_menu_hidden_button_line {
position: absolute;
top: 50%;
left: 50%;
font-size: 30px;
display: block;
margin-left: -11px;
width: 22px;
height: 3px;
background: #e5735c;
}
.vertical_menu_hidden_button_line:after,.vertical_menu_hidden_button_line:before{
content: '';
position: absolute;
width: 100%;
height: 3px;
background: #e5735c;
left: 0;
-webkit-transform-origin:center center;
-moz-transform-origin:center center;
-ms-transform-origin:center center;
-o-transform-origin:center center;
transform-origin:center center;
}
.vertical_menu_hidden_button_line:before{
top: -6px;
}
.vertical_menu_hidden_button_line:after{
bottom: -6px;
}
.vertical_menu_area.active .vertical_menu_hidden_button .vertical_menu_hidden_button_line{
background: rgba(220, 151, 31,0);
}
.vertical_menu_area.active .vertical_menu_hidden_button .vertical_menu_hidden_button_line:after{
-webkit-transform: rotate(-45deg) translate(2px,-8px);
-moz-transform: rotate(-45deg) translate(3px,-8px);
-ms-transform: rotate(-45deg) translate(3px,-8px);
-o-transform: rotate(-45deg) translate(3px,-8px);
transform: rotate(-45deg) translate(3px,-8px);
}
.vertical_menu_area.active .vertical_menu_hidden_button .vertical_menu_hidden_button_line:before{
-webkit-transform: rotate(45deg) translate(4px,9px);
-moz-transform: rotate(45deg) translate(3px,8px);
-ms-transform: rotate(45deg) translate(3px,8px);
-o-transform: rotate(45deg) translate(3px,8px);
transform: rotate(45deg) translate(3px,8px);
}
.vertical_menu_hidden_button_line,
.vertical_menu_hidden_button_line:before,
.vertical_menu_hidden_button_line:after{
-webkit-transition: all 0.3s cubic-bezier(0.585, -0.600, 0.430, 1.650);
-moz-transition: all 0.3s cubic-bezier(0.585, -0.600, 0.430, 1.650);
-ms-transition: all 0.3s cubic-bezier(0.585, -0.600, 0.430, 1.650);
-o-transition: all 0.3s cubic-bezier(0.585, -0.600, 0.430, 1.650);
transition: all 0.3s cubic-bezier(0.585, -0.600, 0.430, 1.650);
}
.vertical_menu_hidden_button:hover .vertical_menu_hidden_button_line:before{
top: -8px;
}
.vertical_menu_hidden_button:hover .vertical_menu_hidden_button_line:after{
bottom: -8px;
}
.vertical_menu_area.active .vertical_menu_hidden_button .vertical_menu_hidden_button_line:after{
bottom: -8px;
}
.vertical_menu_area.active .vertical_menu_hidden_button .vertical_menu_hidden_button_line:before{
top: -8px;
}
.vertical_menu_hidden .vertical_menu_area_bottom_logo {
position: fixed;
width: 70px;
text-align: center;
bottom: 0px;
z-index: 1000;
}
.vertical_menu_hidden .vertical_menu_area_bottom_logo_inner {
position: absolute;
bottom: 20px;
box-sizing: border-box;
text-align: center;
width: 100%;
}
.vertical_menu_hidden .vertical_menu_area_bottom_logo_inner a {
display: block;
padding: 0 10px;
}
.vertical_menu_hidden:not(.vertical_menu_right) .vertical_menu_area_bottom_logo{
left: 0;
-webkit-transition: left 0.15s ease-in-out;
-moz-transition: left 0.15s ease-in-out;
-ms-transition: left 0.15s ease-in-out;
-o-transition: left 0.15s ease-in-out;
transition: left 0.15s ease-in-out;
}
.vertical_menu_hidden:not(.vertical_menu_right) .vertical_menu_area_bottom_logo.active{
left: -70px;
}
.vertical_menu_hidden.vertical_menu_right .vertical_menu_area_bottom_logo {
right: 0;
-webkit-transition: right 0.15s ease-in-out;
-moz-transition: right 0.15s ease-in-out;
-ms-transition: right 0.15s ease-in-out;
-o-transition: right 0.15s ease-in-out;
transition: right 0.15s ease-in-out;
}
.vertical_menu_hidden.vertical_menu_right .vertical_menu_area_bottom_logo.active {
right: -70px;
}
/* vertical menu - hidden type END */
/* vertical menu - hidden with ICONS type START */
/*reset default css for hidden menu*/
.vertical_menu_hidden_with_icons aside.vertical_menu_area,
.vertical_menu_width_350.vertical_menu_hidden_with_icons aside.vertical_menu_area,
.vertical_menu_width_400.vertical_menu_hidden_with_icons aside.vertical_menu_area,
.vertical_menu_hidden_with_icons.vertical_menu_hidden_with_logo aside.vertical_menu_area,
.vertical_menu_width_350.vertical_menu_hidden_with_icons.vertical_menu_hidden_with_logo aside.vertical_menu_area,
.vertical_menu_width_350.vertical_menu_hidden.vertical_menu_hidden_with_logo.vertical_menu_hidden_with_icons aside.vertical_menu_area:not(.active),
.vertical_menu_width_400.vertical_menu_hidden_with_icons.vertical_menu_hidden_with_logo aside.vertical_menu_area,
.vertical_menu_width_400.vertical_menu_hidden.vertical_menu_hidden_with_logo.vertical_menu_hidden_with_icons aside.vertical_menu_area:not(.active),
.vertical_menu_hidden.vertical_menu_hidden_with_logo.vertical_menu_hidden_with_icons .vertical_area_background,
.vertical_menu_width_350.vertical_menu_hidden.vertical_menu_hidden_with_logo.vertical_menu_hidden_with_icons .vertical_area_background:not(.active),
.vertical_menu_width_400.vertical_menu_hidden.vertical_menu_hidden_with_logo.vertical_menu_hidden_with_icons .vertical_area_background:not(.active){
left:0;
}
.vertical_menu_hidden_with_icons.vertical_menu_right aside.vertical_menu_area,
.vertical_menu_width_350.vertical_menu_hidden_with_icons.vertical_menu_right aside.vertical_menu_area,
.vertical_menu_width_400.vertical_menu_hidden_with_icons.vertical_menu_right aside.vertical_menu_area,
.vertical_menu_hidden_with_icons.vertical_menu_hidden_with_logo.vertical_menu_right aside.vertical_menu_area,
.vertical_menu_width_350.vertical_menu_hidden_with_icons.vertical_menu_hidden_with_logo.vertical_menu_right aside.vertical_menu_area,
.vertical_menu_width_350.vertical_menu_hidden.vertical_menu_hidden_with_logo.vertical_menu_hidden_with_icons.vertical_menu_right aside.vertical_menu_area:not(.active),
.vertical_menu_width_400.vertical_menu_hidden_with_icons.vertical_menu_hidden_with_logo.vertical_menu_right aside.vertical_menu_area,
.vertical_menu_width_400.vertical_menu_hidden.vertical_menu_hidden_with_logo.vertical_menu_hidden_with_icons.vertical_menu_right aside.vertical_menu_area:not(.active),
.vertical_menu_hidden.vertical_menu_hidden_with_logo.vertical_menu_hidden_with_icons.vertical_menu_right .vertical_area_background,
.vertical_menu_width_350.vertical_menu_hidden.vertical_menu_hidden_with_logo.vertical_menu_hidden_with_icons.vertical_menu_right .vertical_area_background:not(.active),
.vertical_menu_width_400.vertical_menu_hidden.vertical_menu_hidden_with_logo.vertical_menu_hidden_with_icons.vertical_menu_right .vertical_area_background:not(.active){
right:0;
left:auto;
}
.vertical_menu_hidden_with_icons:not(.vertical_menu_right) .vertical_menu_area:not(.active) .vertical_menu_area_inner{
left:0;
}
.vertical_menu_hidden_with_icons.vertical_menu_right .vertical_menu_area:not(.active) .vertical_menu_area_inner{
right:0;
}
.vertical_menu_hidden_with_icons .vertical_menu_area .vertical_menu_area_inner,
.vertical_menu_hidden_with_icons.vertical_menu_right .vertical_menu_area .vertical_menu_area_inner{
left:0;
}
.vertical_menu_hidden_with_icons .vertical_menu_hidden_button{
display:none !important;
}
.vertical_menu_hidden_with_icons nav.vertical_menu_to_content ul li a .eltd_menu_arrow{
position: absolute;
top: 50%;
right: 0px;
display: inline-block;
vertical-align: middle;
color: inherit;
font-size: inherit;
margin: -6px 0 0;
}
.vertical_menu_hidden_with_icons .vertical_menu.vertical_menu_to_content .second .inner > ul > li > a .menu_icon{
display:none;
}
.vertical_menu_hidden_with_icons aside.vertical_menu_area{
box-shadow:none;
border-right:0px solid transparent;
}
.vertical_menu_hidden_with_icons nav.vertical_menu_toggle ul > li.menu-item-has-children > a > .plus,
.vertical_menu_hidden_with_icons nav.vertical_menu_to_content ul > li.menu-item-has-children > a > .plus{
display:none !important;
}
.vertical_menu_hidden_with_icons .vertical_menu .menu_icon:not(.blank):not(.null),
.vertical_menu_hidden_with_icons .vertical_menu .menu_icon{
padding:0;
}
.vertical_menu_hidden_with_icons .vertical_menu > ul > li > a .menu_icon:not(.blank):not(.null),
.vertical_menu_hidden_with_icons .vertical_menu > ul > li > a .menu_icon{
vertical-align: text-bottom;
}
.vertical_menu_hidden_with_icons aside.vertical_menu_area,
.vertical_menu_hidden_with_icons .vertical_area_background{
width: 40px;
}
.vertical_menu_hidden_with_icons.vertical_menu_hidden_with_logo aside.vertical_menu_area,
.vertical_menu_hidden_with_icons.vertical_menu_hidden_with_logo .vertical_area_background{
width: 70px;
}
.vertical_menu_hidden_with_icons aside.vertical_menu_area.active .vertical_logo_wrapper,
.vertical_menu_hidden_with_icons aside.vertical_menu_area.active .vertical_menu_area_widget_holder,
.vertical_menu_hidden_with_icons aside.vertical_menu_area.active nav.vertical_menu ul li a span.item_text{
left:0;
}
.vertical_menu_hidden_with_icons aside.vertical_menu_area nav.vertical_menu > ul > li > a .menu_icon_wrapper{
display: inline-block;
width:40px;
text-align:center;
vertical-align:middle;
}
.vertical_menu_hidden_with_icons.vertical_menu_hidden_with_logo aside.vertical_menu_area nav.vertical_menu > ul > li > a .menu_icon_wrapper{
display: inline-block;
width:70px;
text-align:center;
vertical-align:bottom;
}
.vertical_menu_hidden_with_icons aside.vertical_menu_area:not(.active){
padding-left:0 !important;
padding-right:0 !important;
}
.vertical_menu_hidden_with_icons aside.vertical_menu_area:not(.active) nav.vertical_menu{
text-align:left;
}
.vertical_menu_hidden_with_icons aside.vertical_menu_area nav.vertical_menu > ul > li > a{
height:70px;
line-height:70px;
padding:0;
}
.vertical_menu_hidden_with_icons aside.vertical_menu_area nav.vertical_menu .second .inner ul {
padding-left: 40px;
padding-right:40px;
box-sizing:border-box;
}
.vertical_menu_hidden_with_icons aside.vertical_menu_area nav.vertical_menu .second .inner ul li{
padding-left: 0;
padding-right: 0;
}
.vertical_menu_hidden_with_icons aside.vertical_menu_area nav.vertical_menu > ul > li > a span.item_text{
position:absolute;
display:inline-block;
white-space:nowrap;
left:100%;
top:0px;
z-index:997;
height:69px;
line-height:69px;
padding:0px 40px;
background-color: #fff;
opacity: 0;
margin:0 0 0 40px;
visibility: hidden;
-webkit-transition: opacity 0.2s cubic-bezier(0.22, 0.61, 0.36, 1), visibility 0.2s cubic-bezier(0.22, 0.61, 0.36, 1), margin 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: opacity 0.2s cubic-bezier(0.22, 0.61, 0.36, 1), visibility 0.2s cubic-bezier(0.22, 0.61, 0.36, 1), margin 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.vertical_menu_hidden_with_icons aside.vertical_menu_area nav.vertical_menu > ul > li.float_start > a span.item_text{
opacity:1;
visibility:visible;
margin:0;
}
.vertical_menu_hidden_with_icons .vertical_menu_to_content .menu-item .second{
position: absolute;
top: calc(100% - 2px);
left: 100%;
width: 290px;
opacity: 0;
visibility: hidden;
margin:40px 0 0 0;
-webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), margin 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), margin 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.vertical_menu_hidden_with_icons .vertical_menu_to_content .menu-item .second.bottom{
top:auto;
bottom:100%;
}
.vertical_menu_hidden_with_icons .vertical_menu_to_content .second .inner ul li ul.bottom {
top:auto;
bottom:0;
}
.vertical_menu_hidden_with_icons .vertical_menu_to_content .menu-item .second.vertical_menu_start{
margin: 0px;
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s, visibility 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s, margin 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s, visibility 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s, margin 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
}
.vertical_menu_hidden_with_icons .vertical_menu_to_content .second .inner ul li ul {
margin:0 0 0 40px;
left: calc(100% + 40px);
width:290px;
-webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), margin 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), margin 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.vertical_menu_hidden_with_icons .vertical_menu_to_content .second .inner ul.vertical_submenu_start li ul {
margin: 0px;
opacity: 1;
visibility: visible;
}
.vertical_menu_hidden_with_icons .vertical_menu_to_content .second .inner ul li a{
-webkit-transition: color 0.15s ease-out, padding 0.2s ease-out;
transition: color 0.15s ease-out, padding 0.2s ease-out;
}
/*---------------------Search in vertical side menu-------------------*/
.vertical_menu_area_icons_holder{
margin-top: 30px;
display: inline-block;
vertical-align: middle;
width:100%;
}
.vertical_menu_search{
padding-left:22px;
}
.vertical_menu_cart{
padding-right:22px;
}
.vertical_menu_search,
.vertical_menu_cart{
display:inline-block;
vertical-align:middle;
transform: translate(0,0);
}
.vertical_menu_cart{
-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;
border-right: 1px solid rgba(255,255,255,0.3);
}
.vertical_menu_search a{
-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;
}
.vertical_menu_search a{
color: #282828;
font-size:20px;
line-height:1em;
text-align:center;
display:block;
}
.vertical_menu_search:hover a{
color: #e5735c;
}
.vertical_menu_search a .search_icon_text{
font-size:10px;
display:block;
letter-spacing:1px;
text-transform:uppercase;
font-family:'Raleway',sans-serif;
font-weight:700;
padding-top: 11px;
margin:0;
line-height:1em;
-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;
}
.vertical_menu_search a > span,
.vertical_menu_search a > i,
.vertical_menu_cart a > span,
.vertical_menu_cart a > i{
transform: translate(0,0);
display: block;
vertical-align:middle;
}
.vertical_menu_hidden_with_icons .vertical_menu_area_icons_holder{
margin-top: 0px;
display: block;
vertical-align: middle;
width:auto;
}
.vertical_menu_hidden_with_icons .vertical_menu_search,
.vertical_menu_hidden_with_icons .vertical_menu_cart{
padding: 0;
display:block;
border-right: 0 !important;
width:70px;
text-align:center;
padding: 15px 0;
-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;
}
.vertical_menu_hidden_with_icons .active .vertical_menu_search,
.vertical_menu_hidden_with_icons .active .vertical_menu_cart,
.vertical_menu_hidden_with_icons .active .vertical_menu_area_widget_holder .widget.widget_text{
width:100%;
text-align:left;
}
.vertical_menu_hidden_with_icons .active .vertical_menu_search a{
text-align:left;
}
.vertical_menu_hidden_with_icons .vertical_menu_search:after,
.vertical_menu_hidden_with_icons .vertical_menu_cart:after{
display: none;
height: 1px;
width: 44px;
content: '';
position: absolute;
left: 0;
bottom: 0;
background-color: #dadada;
}
/*---------------------Search in vertical side menu ends-------------------*/
/**---------------------left menu cart ------------------------------**/
.vertical_menu_cart .shopping_cart_header .header_cart i{
color: #282828;
font-size:22px;
line-height:1em;
display:block;
}
.vertical_menu_cart .header_cart .cart_label{
font-size:10px;
display:block;
color: #282828;
letter-spacing:1px;
text-transform:uppercase;
font-family:'Raleway',sans-serif;
font-weight:700;
padding-top: 11px;
margin:0;
line-height:1em;
}
.vertical_menu_cart a .cart_label .number{
color: #e5735c;
}
.vertical_menu_cart:hover .shopping_cart_header .header_cart i,
.vertical_menu_cart:hover .header_cart .cart_label{
color: #e5735c;
}
.vertical_menu_cart .shopping_cart_dropdown{
display: none !important;
}
.vertical_menu_cart .shopping_cart_outer,
.vertical_menu_cart .shopping_cart_header,
.vertical_menu_cart .shopping_cart_header .header_cart{
display: inline-block;
height:auto;
width:100%;
vertical-align:middle;
}
.vertical_menu_cart .shopping_cart_outer .shopping_cart_inner{
display: inline-block;
height:auto;
width:100%;
}
.vertical_menu_cart .shopping_cart_header .header_cart{
padding:0;
}
/**---------------------left menu cart end------------------------------**/
/**---------------------left menu social icons ------------------------------**/
.vertical_menu_hidden_with_icons .vertical_menu_area_widget_holder{
margin:0;
}
.vertical_menu_hidden_with_icons .vertical_menu_area_widget_holder .widget.widget_text{
margin:0;
padding: 22px 0;
position:relative;
}
.vertical_menu_hidden_with_icons .vertical_menu_area_widget_holder .widget.widget_text:after{
display: none;
height: 1px;
width: 44px;
content: '';
position: absolute;
left: 0;
bottom: 0;
background-color: #dadada;
}
.vertical_menu_hidden_with_icons aside.vertical_menu_area .vertical_menu_area_widget_holder{
display: inline-block;
text-align:center;
vertical-align:middle;
width:100%;
}
.vertical_menu_hidden_with_icons aside.vertical_menu_area .vertical_menu_search a,
.vertical_menu_hidden_with_icons aside.vertical_menu_area .vertical_menu_cart .shopping_cart_outer,
.vertical_menu_hidden_with_icons aside.vertical_menu_area .vertical_menu_area_widget_holder .textwidget{
width:70px;
-webkit-transition: width 0.1s ease-in-out;
transition: width 0.1s ease-in-out;
text-align:center;
}
.vertical_menu_hidden_with_icons aside.vertical_menu_area.active .vertical_menu_area_widget_holder .textwidget,
.vertical_menu_hidden_with_icons aside.vertical_menu_area.active .vertical_menu_search a,
.vertical_menu_hidden_with_icons aside.vertical_menu_area.active .vertical_menu_cart .shopping_cart_outer{
width:10px;
text-align:center;
}
/**---------------------left menu icons end------------------------------**/
/* vertical menu - hidden with ICONS type END */
/* vertical menu - background-opacity start */
.vertical_menu_enabled.vertical_menu_background_opacity:not(.vertical_menu_background_opacity_over_slider) .eltd_slider,
.vertical_menu_enabled.vertical_menu_background_opacity:not(.vertical_menu_background_opacity_over_slider) .full_width,
.vertical_menu_enabled.vertical_menu_background_opacity:not(.vertical_menu_background_opacity_over_slider) .content .container,
.vertical_menu_enabled.vertical_menu_background_opacity:not(.vertical_menu_background_opacity_over_slider) .title_outer,
.vertical_menu_enabled.vertical_menu_background_opacity:not(.vertical_menu_background_opacity_over_slider) footer,
.boxed.vertical_menu_enabled.vertical_menu_background_opacity:not(.vertical_menu_background_opacity_over_slider) footer.uncover,
.vertical_menu_enabled.vertical_menu_background_opacity:not(.vertical_menu_background_opacity_over_slider) .full_screen_holder{
padding-left: 0 !important;
padding-right: 0 !important;
}
.vertical_menu_enabled.vertical_menu_background_opacity.vertical_menu_width_290:not(.vertical_menu_background_opacity_over_slider) .carousel-inner:not(.relative_position),
.vertical_menu_enabled.vertical_menu_background_opacity.vertical_menu_width_350:not(.vertical_menu_background_opacity_over_slider) .carousel-inner:not(.relative_position),
.vertical_menu_enabled.vertical_menu_background_opacity.vertical_menu_width_400:not(.vertical_menu_background_opacity_over_slider) .carousel-inner:not(.relative_position),
.vertical_menu_enabled.vertical_menu_background_opacity.vertical_menu_width_290.vertical_menu_hidden:not(.vertical_menu_background_opacity_over_slider) .carousel-inner:not(.relative_position),
.vertical_menu_enabled.vertical_menu_background_opacity.vertical_menu_width_290.vertical_menu_hidden.vertical_menu_transparency:not(.vertical_menu_background_opacity_over_slider) .carousel-inner:not(.relative_position),
.vertical_menu_enabled.vertical_menu_background_opacity.vertical_menu_width_350.vertical_menu_hidden.vertical_menu_transparency:not(.vertical_menu_background_opacity_over_slider) .carousel-inner:not(.relative_position),
.vertical_menu_enabled.vertical_menu_background_opacity.vertical_menu_width_400.vertical_menu_hidden.vertical_menu_transparency:not(.vertical_menu_background_opacity_over_slider) .carousel-inner:not(.relative_position),
.vertical_menu_enabled.vertical_menu_background_opacity.vertical_menu_width_290:not(.vertical_menu_hidden):not(.vertical_menu_transparency):not(.vertical_menu_background_opacity_over_slider) .carousel-inner:not(.relative_position),
.vertical_menu_enabled.vertical_menu_background_opacity.vertical_menu_width_350:not(.vertical_menu_hidden):not(.vertical_menu_transparency):not(.vertical_menu_background_opacity_over_slider) .carousel-inner:not(.relative_position),
.vertical_menu_enabled.vertical_menu_background_opacity.vertical_menu_width_400:not(.vertical_menu_hidden):not(.vertical_menu_transparency):not(.vertical_menu_background_opacity_over_slider) .carousel-inner:not(.relative_position){
left:0 !important;
}
.vertical_menu_enabled.vertical_menu_background_opacity.vertical_menu_width_290.vertical_menu_right:not(.vertical_menu_background_opacity_over_slider) .carousel-inner:not(.relative_position),
.vertical_menu_enabled.vertical_menu_background_opacity.vertical_menu_width_350.vertical_menu_right:not(.vertical_menu_background_opacity_over_slider) .carousel-inner:not(.relative_position),
.vertical_menu_enabled.vertical_menu_background_opacity.vertical_menu_width_400.vertical_menu_right:not(.vertical_menu_background_opacity_over_slider) .carousel-inner:not(.relative_position),
.vertical_menu_enabled.vertical_menu_background_opacity.vertical_menu_width_290.vertical_menu_hidden.vertical_menu_right:not(.vertical_menu_background_opacity_over_slider) .carousel-inner:not(.relative_position),
.vertical_menu_enabled.vertical_menu_background_opacity.vertical_menu_width_290.vertical_menu_hidden.vertical_menu_transparency.vertical_menu_right:not(.vertical_menu_background_opacity_over_slider) .carousel-inner:not(.relative_position),
.vertical_menu_enabled.vertical_menu_background_opacity.vertical_menu_width_350.vertical_menu_hidden.vertical_menu_transparency.vertical_menu_right:not(.vertical_menu_background_opacity_over_slider) .carousel-inner:not(.relative_position),
.vertical_menu_enabled.vertical_menu_background_opacity.vertical_menu_width_400.vertical_menu_hidden.vertical_menu_transparency.vertical_menu_right:not(.vertical_menu_background_opacity_over_slider) .carousel-inner:not(.relative_position),
.vertical_menu_enabled.vertical_menu_background_opacity.vertical_menu_width_290:not(.vertical_menu_hidden):not(.vertical_menu_transparency).vertical_menu_right:not(.vertical_menu_background_opacity_over_slider) .carousel-inner:not(.relative_position),
.vertical_menu_enabled.vertical_menu_background_opacity.vertical_menu_width_350:not(.vertical_menu_hidden):not(.vertical_menu_transparency).vertical_menu_right:not(.vertical_menu_background_opacity_over_slider) .carousel-inner:not(.relative_position),
.vertical_menu_enabled.vertical_menu_background_opacity.vertical_menu_width_400:not(.vertical_menu_hidden):not(.vertical_menu_transparency).vertical_menu_right:not(.vertical_menu_background_opacity_over_slider) .carousel-inner:not(.relative_position){
right:0 !important;
}
body.page-template-blog-masonry-full-width-php.vertical_menu_enabled.vertical_menu_background_opacity:not(.vertical_menu_right):not(.vertical_menu_background_opacity_over_slider) .content .full_width{
padding-left: 45px !important;
padding-right:20px !important;
}
body.page-template-blog-masonry-full-width-php.vertical_menu_enabled.vertical_menu_background_opacity.vertical_menu_hidden:not(.vertical_menu_right):not(.vertical_menu_background_opacity_over_slider) .content .full_width{
padding-left: 85px !important;
padding-right:20px !important;
}
body.page-template-blog-masonry-full-width-php.vertical_menu_enabled.vertical_menu_background_opacity.vertical_menu_hidden_with_logo:not(.vertical_menu_right):not(.vertical_menu_background_opacity_over_slider) .content .full_width{
padding-left: 115px !important;
padding-right:20px !important;
}
body.page-template-blog-masonry-full-width-php.vertical_menu_enabled.vertical_menu_background_opacity.vertical_menu_right:not(.vertical_menu_background_opacity_over_slider) .content .full_width{
padding-left: 45px !important;
padding-right:20px !important;
}
body.page-template-blog-masonry-full-width-php.vertical_menu_enabled.vertical_menu_background_opacity.vertical_menu_hidden.vertical_menu_right:not(.vertical_menu_background_opacity_over_slider) .content .full_width{
padding-left: 45px !important;
padding-right:60px !important;
}
body.page-template-blog-masonry-full-width-php.vertical_menu_enabled.vertical_menu_background_opacity.vertical_menu_hidden_with_logo.vertical_menu_right:not(.vertical_menu_background_opacity_over_slider) .content .full_width{
padding-left: 45px !important;
padding-right:90px !important;
}
/* vertical menu - background-opacity end */
/* vertical menu - background-opacity only over slider start */
.vertical_menu_background_opacity_over_slider_off aside.vertical_menu_area .vertical_area_background{
opacity:1 !important;
}
.vertical_menu_background_opacity_over_slider.vertical_menu_enabled.vertical_menu_background_opacity .eltd_slider{
padding-left: 0 !important;
padding-right: 0 !important;
}
/* vertical menu - background-opacity only over slider end */
/* vertical menu - side type (dropdown comes from side) - START */
.vertical_menu.vertical_menu_side ul{
width: 100%;
height: 100%;
}
.vertical_menu.vertical_menu_side li .second .inner ul{
padding: 0px;
border: 0px;
}
.vertical_menu.vertical_menu_side ul li{
position: static;
}
.vertical_menu.vertical_menu_side ul li a{
color: #393939;
cursor: pointer;
display: block;
font-weight: 700;
letter-spacing: 1px;
line-height: 18px;
margin: 0;
padding: 8px 0px;
position: relative;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out;
-moz-transition: color 0.2s ease-out, background-color 0.2s ease-out;
-o-transition: color 0.2s ease-out, background-color 0.2s ease-out;
-ms-transition: color 0.2s ease-out, background-color 0.2s ease-out;
transition: color 0.2s ease-out, background-color 0.2s ease-out;
}
.vertical_menu.vertical_menu_side ul li div.second,
.vertical_menu.vertical_menu_side ul li div.second ul li ul{
display: none;
position: absolute;
top: 0px;
left: -150%;
background-color: #ffffff;
width: 100%;
height: 100%;
z-index: 100;
}
.vertical_menu_right .vertical_menu.vertical_menu_side ul li div.second,
.vertical_menu_right .vertical_menu.vertical_menu_side ul li div.second ul li ul{
left: auto;
right: -150%;
}
.vertical_menu.vertical_menu_side ul li.current-menu-ancestor > div.second,
.vertical_menu.vertical_menu_side ul li div.second ul li.current_page_parent ul,
.vertical_menu.vertical_menu_side ul li div.second ul li.current-menu-parent ul{
display: block;
left: 0%;
}
.vertical_menu_right .vertical_menu.vertical_menu_side ul li.current-menu-ancestor > div.second,
.vertical_menu_right .vertical_menu.vertical_menu_side ul li div.second ul li.current_page_parent ul,
.vertical_menu_right .vertical_menu.vertical_menu_side ul li div.second ul li.current-menu-parent ul{
display: block;
left: auto;
right: 0%;
}
.vertical_menu.vertical_menu_side ul li a .eltd_menu_arrow{
display: inline-block;
padding: 0px 0px 0px 5px;
}
.vertical_menu.vertical_menu_side ul li.prev_level a .eltd_menu_arrow{
padding: 0px 5px 0px 0px;
}
/* vertical menu - side type (dropdown comes from side) - END */
/* vertical menu - dropdown to content*/
.vertical_menu_to_content .menu-item .second {
position: absolute;
top: 0;
left: calc(100% + 40px); /*because of the padding*/
width: 290px;
margin-left: 50px;
opacity: 0;
background-color: #212121;
visibility: hidden;
-webkit-transition: margin 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out;
transition: margin 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
body:not(.vertical_menu_hidden_with_icons) .vertical_menu_to_content .menu-item .second *{
visibility: hidden;
-webkit-transition: margin 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out;
transition: margin 0.3s ease-in-out, visibility 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.vertical_menu_right .vertical_menu_to_content .menu-item .second{
right: calc(100% + 40px);
left: inherit;
margin-right: 50px;
}
.vertical_menu_to_content .menu-item .second.vertical_menu_start {
margin-left: 0px;
opacity: 1;
visibility: visible;
}
body:not(.vertical_menu_hidden_with_icons) .vertical_menu_to_content .menu-item .second.vertical_menu_start *{
visibility: visible;
}
body:not(.vertical_menu_hidden_with_icons) .vertical_menu_to_content .menu-item .second.vertical_menu_start ul li ul,
body:not(.vertical_menu_hidden_with_icons) .vertical_menu_to_content .menu-item .second.vertical_menu_start ul li ul *{
visibility:hidden;
}
body:not(.vertical_menu_hidden_with_icons) .vertical_menu_to_content .menu-item .second.vertical_menu_start ul li ul.vertical_submenu_start,
body:not(.vertical_menu_hidden_with_icons) .vertical_menu_to_content .menu-item .second.vertical_menu_start ul li ul.vertical_submenu_start *{
visibility:visible;
}
.vertical_menu_right .vertical_menu_to_content .menu-item .second.vertical_menu_start {
margin-right: 0px;
opacity: 1;
}
.vertical_menu_to_content .second .inner ul{
width: 100%;
}
.vertical_menu_to_content.with_arrow .second:before{
content: '';
position: absolute;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-right: 15px solid #212121;
left: -15px;
top: 0px;
}
.vertical_menu_to_content li.narrow .second .inner ul{ /*because of the .narrow styling*/
border: none;
padding: 30px 0;
}
nav.vertical_menu_to_content .second .inner ul li{
padding-left: 36px;
padding-right: 36px;
}
.vertical_menu_to_content .second .inner ul li ul {
position: absolute;
border:none;
top: 0;
left: 100%;
margin-left: 50px;
height: auto;
visibility: hidden;
width: 290px;
opacity: 0;
overflow: hidden;
z-index: 10;
background-color: #212121;
padding: 0;
margin-top: -30px;
margin-bottom: -30px;
transition: all 0.3s ease-in-out;
}
.vertical_menu_right .vertical_menu_to_content .second .inner ul li ul {
right:100%;
left: inherit;
margin-right: 50px;
margin-left:0;
}
.vertical_menu_to_content .second .inner ul li ul.vertical_submenu_start{
opacity: 1;
margin-left:0;
visibility: visible;
}
.vertical_menu_right .vertical_menu_to_content .second .inner ul li ul.vertical_submenu_start{
opacity: 1;
margin-right:0;
}
.vertical_menu_to_content .second .inner ul li a{
display: block;
height: auto;
font-size: 10px;
font-weight: 700;
line-height: 20px;
color: #fff;
margin: 0;
padding-top:5px;
padding-bottom:5px;
text-decoration: none;
text-transform: uppercase;
-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;
position:relative;
letter-spacing: 1px;
}
.vertical_menu_to_content .second .inner ul li a:hover{
color: #e5735c;
}
nav.vertical_menu_to_content ul li a .eltd_menu_arrow{
display: none;
}
/* vertical menu - dropdown to content - END*/
/* Vertical menu widget styles
========================================================================== */
aside.vertical_menu_area .vertical_menu_area_widget_holder ul {
list-style-type: none;
}
aside.vertical_menu_area .vertical_menu_area_widget_holder ul ul {
padding-left: 15px;
}
aside.vertical_menu_area .vertical_menu_area_widget_holder ul li {
padding: 5px 0
}
aside.vertical_menu_area .vertical_menu_area_widget_holder a {
color: #5d5d5d;
}
aside.vertical_menu_area .vertical_menu_area_widget_holder a:hover {
color: #393939;
}
aside.vertical_menu_area .vertical_menu_area_widget_holder h4 {
margin-bottom: 18px;
color: #464646;
}
/* End of vertical menu widget styles
========================================================================== */
/* ==========================================================================
End Vertical menu styles
========================================================================== */
/**---------------------Menu hover animations--spinning--------------------------------**/
nav.main_menu.roll > ul > li > a .item_inner{
vertical-align:middle;
}
nav.main_menu.roll > ul > li > a .item_text {
position: relative;
line-height:1.3em;
overflow:hidden;
height:1.3em;
display: inline-block;
vertical-align: middle;
}
nav.main_menu.roll > ul > li > a .item_text_wrapp{
-webkit-transition: -webkit-transform 0.2s ease-out;
transition: transform 0.2s ease-out;
position: relative;
line-height:1.3em;
vertical-align:middle;
display: inline-block;
}
nav.main_menu.roll > ul > li > a .item_text_hidden {
position: absolute;
top: 100%;
width: 100%;
left: 0;
line-height: 1.3em;
position: absolute;
}
nav.main_menu.roll > ul > li:hover > a .item_text_wrapp{
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
transform: translateY(-100%);
}
/**---------------------Menu hover animations--line spread--------------------------------**/
nav.main_menu.line_spread > ul > li > a .item_text{
position:relative;
padding:5px 0;
}
nav.main_menu.line_spread > ul > li > a .item_text:before{
content: "";
position: absolute;
right: 0;
bottom: 0;
left: 50%;
width: 0;
height: 2px;
background-color: #e5735c;
-webkit-transition: left ease-out 0.2s, width ease-out 0.2s;
transition: left ease-out 0.2s, width ease-out 0.2s;
}
nav.main_menu.line_spread > ul > li:hover > a .item_text:before{
left: 0;
width: 100%;
}
/**---------------------Menu hover animations--Line under-------------------------------**/
nav.main_menu.line_under > ul > li > a .item_text{
position:relative;
padding:5px 0;
}
nav.main_menu.line_under > ul > li > a .item_text:before{
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 2px;
background-color: #e5735c;
content: '';
opacity: 0;
-webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out, -moz-transform 0.2s ease-out;
transition: opacity 0.2s, transform 0.2s;
-webkit-transform: translateY(5px);
-moz-transform: translateY(5px);
transform: translateY(5px);
}
nav.main_menu.line_under > ul > li:hover > a .item_text:before{
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
/** ----------------------------hover animation color forlight and dark header type ------------------------- **/
.light:not(.sticky):not(.scrolled) nav.main_menu.line_spread ul li a .item_text:before,
.light:not(.sticky):not(.scrolled) nav.main_menu.line_under ul li a .item_text:before{
background-color: #fff !important;
}
.dark:not(.sticky):not(.scrolled) nav.main_menu.line_spread ul li a .item_text:before,
.dark:not(.sticky):not(.scrolled) nav.main_menu.line_under ul li a .item_text:before{
background-color: #000 !important;
}
/* ==========================================================================
Popup menu start styles
========================================================================== */
/**
* Here are defined styles for popup menu functionality
*/
/* ======================Popup menu default - apper from bottom =================== */
.popup_menu_inner {
display: inline-block;
height: 2px;
position: relative;
top: -1px;
vertical-align: middle;
width: 13px;
position: relative;
}
.popup_menu.medium .popup_menu_inner{
top:-2px;
}
.popup_menu.large .popup_menu_inner{
top:-3px;
}
.side_menu_button .popup_menu{
-webkit-transition: background-color 0.15s ease-out;
-moz-transition: background-color 0.15s ease-out;
-o-transition: background-color 0.15s ease-out;
-ms-transform: background-color 0.15s ease-out;
transition: background-color 0.15s ease-out;
}
.popup_menu .line{
background-color: #000;
height: 2px;
margin: 0px;
width: 13px;
top: 0px;
left: 0px;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
-o-transition: all 0.15s ease-out;
-ms-transform: all 0.15s ease-out;
transition: all 0.15s ease-out;
position: absolute;
display: inline-block;
}
.popup_menu .line:after, .popup_menu .line:before {
background-color: #000;
content: "";
display: block;
height: 2px;
position: absolute;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
-o-transition: all 0.15s ease-out;
-ms-transform: all 0.15s ease-out;
transition: all 0.15s ease-out;
width: 13px;
z-index: 1;
-webkit-backface-visibility: hidden; /*because X sign jumps on hover in Chrome*/
}
@media only screen and (min-width: 1000px) {
.dark:not(.sticky) .popup_menu:not(.opened) .line,
.dark:not(.sticky) .popup_menu:not(.opened) .line:before,
.dark:not(.sticky) .popup_menu:not(.opened) .line:after,
.dark.header_style_on_scroll .popup_menu:not(.opened) .line,
.dark.header_style_on_scroll .popup_menu:not(.opened) .line:before,
.dark.header_style_on_scroll .popup_menu:not(.opened) .line:after{
background-color: #000;
}
.light:not(.sticky) .popup_menu:not(.opened) .line,
.light:not(.sticky) .popup_menu:not(.opened) .line:before,
.light:not(.sticky) .popup_menu:not(.opened) .line:after,
.light.header_style_on_scroll .popup_menu:not(.opened) .line,
.light.header_style_on_scroll .popup_menu:not(.opened) .line:before,
.light.header_style_on_scroll .popup_menu:not(.opened) .line:after{
background-color: #fff;
}
}
.popup_menu .line:before {
top: -4px;
}
.popup_menu .line:after {
top: 4px;
}
.popup_menu:hover .line,
.popup_menu:hover .line:after,
.popup_menu:hover .line:before{
background-color: #e5735c;
}
.popup_menu.opened .line{
background-color: transparent !important;
}
.popup_menu.opened .line:after {
background-color: #000;
top: 0 !important;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.popup_menu.opened .line:before {
background-color: #000;
top: 0 !important;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.popup_menu.opened:hover .line:after,
.popup_menu.opened:hover .line:before{
background-color: #e5735c;
}
.popup_menu_opened .main_menu,
.popup_menu_opened .bottom_header,
.popup_menu_opened .side_menu_button a:not(.popup_menu),
.popup_menu_opened #back_to_top,
.popup_menu_opened .header_top,
.popup_menu_opened header .tooltip,
.popup_menu_opened .mobile_menu_button,
.popup_menu_opened .eltd_search_form_2,
.popup_menu_opened .eltd_search_form_3,
.popup_menu_opened .fixed_top_header .header_bottom_center_widget,
.popup_menu_opened .fixed_top_header .header_bottom_right_widget_holder,
.popup_menu_opened .stick.compound .header_right_top,
.popup_menu_opened #multiscroll-nav.right{
visibility: hidden !important;
}
.popup_menu_opened .shopping_cart_header{
position: relative;
}
.popup_menu_opened .shopping_cart_dropdown{
right: auto;
}
.popup_menu_opened .eltd_search_form_2{
opacity: 0;
transition: opacity 0s ease 0s;
-webkit-transition: opacity 0s ease 0s;
-moz-transition: opacity 0s ease 0s;
}
.popup_menu_holder_outer{
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
overflow-x: hidden !important;
visibility: hidden;
opacity: 0;
z-index: 105; /* this has to be between header z-index and content z-index */
}
.popup_menu_opened .popup_menu_holder_outer{
visibility: visible;
opacity: 1;
}
.popup_menu_holder{
width: 100%;
height: 100%;
background-color: rgba(255,255,255,0.9);
display: table;
background-repeat: repeat;
background-position: 0px 0px;
}
.popup_menu_holder_inner{
display: table-cell;
vertical-align: middle;
padding: 100px 0px;
}
.touch .popup_menu_holder_outer{
display: none;
}
.touch .popup_menu_opened .popup_menu_holder_outer{
display: block;
}
.popup_menu_opened header.scrolled .header_bottom,
.popup_menu_opened header.sticky .header_bottom{
background-color: transparent !important;
box-shadow: none;
}
.popup_menu_opened .header_top_bottom_holder,
.popup_menu_opened .header_top,
.popup_menu_opened .header_bottom,
.popup_menu_opened .bottom_header,
.popup_menu_opened .top_header,
.popup_menu_opened .fixed_top_header .top_header{
background-color: transparent !important;
border-color: transparent !important;
}
.popup_menu_opened .container .container_inner {
background-color: transparent !important;
border-color: transparent !important;
}
.popup_menu_opened .eltd_logo img.normal,
.popup_menu_opened .eltd_logo img.light,
.popup_menu_opened .eltd_logo img.sticky,
.popup_menu_opened .eltd_logo img.dark,
.popup_menu_opened .eltd_logo img.mobile{
opacity: 0 !important;
}
.popup_menu_opened header .eltd_logo img.popup,
.popup_menu_opened header.sticky .eltd_logo img.popup{
opacity: 1 !important;
}
nav.popup_menu{
margin: 0px auto;
position: relative;
top: 0px;
text-align: left;
}
nav.popup_menu ul{
position: relative;
list-style: none;
padding: 0;
margin: 0;
}
nav.popup_menu > ul{
display: block;
}
nav.popup_menu ul li{
margin: 0;
padding: 0;
text-align: center;
}
nav.popup_menu ul.sub_menu{
display: none;
}
nav.popup_menu ul li a{
font-size: 40px;
font-weight: 800;
line-height: 47px;
letter-spacing: 1px;
color: #393939;
padding: 0px;
display: block;
position: relative;
text-decoration: none;
cursor: pointer;
text-transform: uppercase;
-webkit-transition: color 0.15s ease-out;
-moz-transition: color 0.15s ease-out;
-o-transition: color 0.15s ease-out;
-ms-transform: color 0.15s ease-out;
transition: color 0.15s ease-out;
}
nav.popup_menu ul li a:hover{
color: #e5735c;
}
nav.popup_menu ul li a span{
display: inline-block;
vertical-align: middle;
}
nav.popup_menu ul li ul li a{
font-size: 18px;
font-weight: 700;
line-height: 21px;
letter-spacing: 2px;
color: #e5735c;
}
nav.popup_menu ul li ul li ul li a{
font-size: 0.5em;
line-height: 1em;
}
nav.popup_menu ul li ul li a:hover{
color: #8d8d8d;
}
.popup_menu.medium .popup_menu_inner,
.popup_menu.medium .line,
.popup_menu.medium .line:after, .popup_menu.medium .line:before {
height: 3px;
width: 19px;
}
.popup_menu.medium .line:before{
top: -6px;
}
.popup_menu.medium .line:after {
top: 6px;
}
.popup_menu.large .popup_menu_inner,
.popup_menu.large .line,
.popup_menu.large .line:after, .popup_menu.large .line:before {
height: 4px;
width: 24px;
}
.popup_menu.large .line:before{
top: -8px;
}
.popup_menu.large .line:after {
top: 8px;
}
.fullscreen_menu_widget_holder{
text-align:center;
margin-top:20px;
}
.fullscreen_above_menu_widget_holder{
text-align: center;
}
/* ======================Popup menu animation - General Settings For Fade Animations =================== */
/* ======================Popup menu animations - Fade Animations =================== */
@-webkit-keyframes fade_out {
0% {opacity:1; visibility: visible}
100% {opacity:0; visibility: hidden}
}
@keyframes fade_out {
0% {opacity:1;visibility: visible}
100% {opacity:0; visibility: hidden}
}
@-webkit-keyframes fade_in {
0% {opacity:0; visibility: hidden}
100% {opacity:1; visibility: visible}
}
@keyframes fade_in {
0% {opacity:0;visibility: hidden}
100% {opacity:1; visibility: visible}
}
.fade_push_text_right .popup_menu_holder_outer,
.fade_push_text_top .popup_menu_holder_outer,
.fade_text_scaledown .popup_menu_holder_outer
{
width: 100%;
height: 100%;
top: 0;
left: 0;
visibility: hidden;
overflow: hidden !important;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: fixed;
z-index: 105;
opacity: 0;
}
.fade_out .popup_menu_holder_outer {
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
-webkit-animation: fade_out .25s linear both;
animation: fade_out .25s linear both ;
}
.popup_menu_opened.fade_in .popup_menu_holder_outer {
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
-webkit-animation: fade_in .25s linear both;
animation: fade_in .25s linear both;
}
/* ======================Popup menu animation - Push Text Right Animation =================== */
@-webkit-keyframes push_text_right{
0% {opacity:0;-webkit-transform:translateX(-60px);}
100% {opacity:1;-webkit-transform:translateX(0);}
}
@keyframes push_text_right{
0% {opacity:0;-webkit-transform:translateX(-60px);transform:translateX(-60px)}
100% {opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@-webkit-keyframes push_nav_right{
0% {opacity:0;-webkit-transform:translateX(-60px);}
100% {opacity:1;-webkit-transform:translateX(0);}
}
@keyframes push_nav_right{
0% {opacity:0;-webkit-transform:translateX(-60px);transform:translateX(-60px)}
100% {opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
.popup_menu_opened.fade_push_text_right .popup_menu_holder_outer nav > ul > li > a,
.popup_menu_opened.fade_push_text_right .popup_menu_holder_outer .fullscreen_menu_widget_holder > div,
.popup_menu_opened.fade_push_text_right .popup_menu_holder_outer .fullscreen_above_menu_widget_holder > div{
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
-webkit-animation: push_text_right .4s cubic-bezier(0.175, 0.885, 0.32, 1) both;
animation: push_text_right .4s cubic-bezier(0.175, 0.885, 0.32, 1) both;
}
.fade_push_text_right.push_nav_right .popup_menu_holder_outer nav,
.fade_push_text_right.push_nav_right .popup_menu_holder_outer .fullscreen_menu_widget_holder,
.fade_push_text_right.push_nav_right .popup_menu_holder_outer .fullscreen_above_menu_widget_holder{
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
-ms-transform: translateX(50px);
-moz-transform: translateX(50px);
-o-transform: translateX(50px);
transform: translateX(50px);
-webkit-transform: translateX(50px);
transition: all .75s ease-out;
-webkit-transition: all .75s ease-out;
}
/* ======================Popup menu animation - Push Text Top Animation =================== */
@-webkit-keyframes push_text_top{
0%{ opacity:0;-webkit-transform:translateY(60px);transform:translateY(60px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes push_text_top{
0%{ opacity:0;-webkit-transform:translateY(60px);transform:translateY(60px);}
100%{ opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
.popup_menu_opened.fade_push_text_top .popup_menu_holder_outer nav > ul > li > a,
.popup_menu_opened.fade_push_text_top .popup_menu_holder_outer .fullscreen_menu_widget_holder > div,
.popup_menu_opened.fade_push_text_top .popup_menu_holder_outer .fullscreen_above_menu_widget_holder > div{
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
-webkit-animation: push_text_top .4s ease-out both .5s;
animation: push_text_top .4s ease-out both .5s;
}
.fade_push_text_top.push_text_top .popup_menu_holder_outer nav,
.fade_push_text_top.push_text_top .popup_menu_holder_outer .fullscreen_menu_widget_holder,
.fade_push_text_top.push_text_top .popup_menu_holder_outer .fullscreen_above_menu_widget_holder{
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
-ms-transform:translateY(-30px);
-moz-transform:translateY(-30px);
-o-transform:translateY(-30px);
transform:translateY(-30px);
-webkit-transform:translateY(-30px);
transition:all .75s ease-out;
-webkit-transition:all .75s ease-out;
}
/* ======================Popup menu animation - Fade Text Scaledown Animation =================== */
.popup_menu_opened.fade_text_scaledown .popup_menu_holder_outer nav,
.popup_menu_opened.fade_text_scaledown .popup_menu_holder_outer .fullscreen_menu_widget_holder,
.popup_menu_opened.fade_text_scaledown .popup_menu_holder_outer .fullscreen_above_menu_widget_holder{
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
opacity:1;
-ms-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
-webkit-transform:scale(1);
transition: all .25s linear 0.1s;
-webkit-transition: all .25s linear 0.1s;
}
.fade_text_scaledown .popup_menu_holder_outer nav,
.fade_text_scaledown .popup_menu_holder_outer .fullscreen_menu_widget_holder,
.fade_text_scaledown .popup_menu_holder_outer .fullscreen_above_menu_widget_holder{
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
opacity:0;
-ms-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
-webkit-transform:scale(1.1);
transition: all .25s linear 0.1s;
-webkit-transition: all .25s linear 0.1s;
}
/* ==========================================================================
Popup menu end styles
========================================================================== */
/* ==========================================================================
Elated 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 .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.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.fade .active.left,
.carousel.fade .active.right {
opacity: 0;
filter: alpha(opacity=0);
}
.carousel.fade .active.item {
opacity: 1;
filter: alpha(opacity=100);
}
.carousel.fade .active.left,
.carousel.fade .active.right {
left: 0;
z-index: 2;
opacity: 0;
filter: alpha(opacity=0);
}
.carousel.fade .next,
.carousel.fade .prev {
left: 0;
z-index: 1;
}
/* part for fading animation - end */
/* part for vertical up animation - start */
.carousel.vertical_up:not(.has_height) .carousel-inner{
height: 100%;
}
.carousel.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.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.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.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.vertical_up .carousel-inner > .next.left,
.carousel.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.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.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.vertical_down:not(.has_height) .carousel-inner{
height: 100%;
}
.carousel.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.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.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.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.vertical_down .carousel-inner > .next.left,
.carousel.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.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.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.slide_cover .carousel-inner > .next {
z-index: 99;
}
.carousel.slide_cover .carousel-inner > .prev {
z-index: 100;
}
.carousel.slide_cover .carousel-inner > .active.left {
left: -30%;
}
.carousel.slide_cover .carousel-inner > .active.right {
left: 30%;
}
/* part for slide cover animation - end */
.carousel-indicators {
position: absolute;
bottom: 20px;
left: 50%;
z-index: 15;
width: 60%;
padding: 0px !important;
margin: 0 0 0 -30% !important;
text-align: center;
list-style: none;
}
.carousel-indicators li {
display: inline-block;
text-align: center;
cursor: pointer;
border-radius: 50%;
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.carousel-indicators li span {
display: inline-block;
vertical-align: middle;
width: 3px;
height: 3px;
background-color: transparent;
border-radius: 50%;
-webkit-transition: background-color 0.15s ease-out, border-color 0.15s ease-out, opacity 0.15s ease-out, width 0.15s ease-out, height 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, width 0.15s ease-out, height 0.15s ease-out;
position: relative;
top:-6px;
}
.carousel-indicators li span:before {
content: "";
width: 3px;
height: 3px;
position: absolute;
border: 2px solid #fff;
display: inline-block;
left: -4px;
top: -4px;
padding: 2px;
border-radius: 50%;
-webkit-transition: background-color 0.15s ease-out, border-color 0.15s ease-out, opacity 0.15s ease-out, width 0.15s ease-out, height 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, width 0.15s ease-out, height 0.15s 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;
}
@media screen and (min-width: 768px) {
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -15px;
margin-left: -15px;
font-size: 30px;
}
.carousel-caption {
right: 20%;
left: 20%;
padding-bottom: 30px;
}
}
/* ==== Carousel Custom - Start ==== */
.carousel {
margin-bottom: 0;
}
.carousel.full_screen {
height: 1500px;
}
.eltd_slider_preloader{
width: 100%;
background-color: #1c1c1c;
position: absolute;
z-index: 20;
}
.eltd_slider_preloader{
height: 1500px;
}
.carousel:not(.full_screen) .eltd_slider_preloader .ajax_loader{
position: absolute;
}
.vertical_menu_enabled .eltd_slider_preloader .ajax_loader{
margin-top: 0px !important;
}
.carousel-inner .slider_content_outer{
position: relative;
height: 100%;
width: 1100px;
margin: 0px auto;
z-index: 12;
}
.carousel-inner .slide_full_width .slider_content_outer{
width: 100% !important;
}
.carousel-inner .slider_content {
position: absolute;
width: 100%;
}
.carousel-inner .item.content_vertical_middle .slider_content_outer {
display: table;
}
.carousel-inner .item.content_vertical_middle .slider_content {
display: table-cell;
vertical-align: middle;
position: static;
}
.carousel-inner .item.content_vertical_middle .slider_content .thumb{
height: auto;
}
.vertical_menu_enabled .carousel-inner .item.content_vertical_middle{
padding-top: 0px !important;
}
/* content next to arrows - start */
@media only screen and (min-width: 800px) {
.navigation_bottom_right.content_next_to_arrows .carousel-inner .slider_content_outer,
.navigation_bottom_left.content_next_to_arrows .carousel-inner .slider_content_outer {
width: 100%;
}
}
.navigation_bottom_right.content_next_to_arrows .carousel-inner .slider_content,
.navigation_bottom_left.content_next_to_arrows .carousel-inner .slider_content{
right: 280px !important;
bottom: 50px !important;
left: auto !important;
top: auto !important;
height: auto !important;
width: auto !important;
}
.navigation_bottom_left.content_next_to_arrows .carousel-inner .slider_content{
left: 280px !important;
bottom: 50px !important;
right: auto !important;
}
.navigation_bottom_right.content_next_to_arrows .carousel-inner .slider_content .text,
.navigation_bottom_right.content_next_to_arrows .carousel-inner .slider_content .text h2,
.navigation_bottom_left.content_next_to_arrows .carousel-inner .slider_content .text,
.navigation_bottom_left.content_next_to_arrows .carousel-inner .slider_content .text h2{
margin: 0px;
}
.navigation_bottom_right.content_next_to_arrows .carousel-inner .slider_content .text h2,
.navigation_bottom_left.content_next_to_arrows .carousel-inner .slider_content .text h2{
line-height: 50px; /* default line height */
}
/* content next to arrows - end */
.carousel-inner .slider_content .slide_anchor_holder {
margin-top: 8%;
}
.carousel-inner .slider_content .slide_anchor_holder.slider_anchor_on_bottom_of_the_slider {
bottom: 10%;
left: 50%;
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
margin: 0;
-webkit-animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
-moz-animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
-o-animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
}
.carousel-inner .item.dark .slider_content .text .slide_anchor_holder .slide_anchor_button {
color: #000;
}
.carousel-inner .slider_content .slide_anchor_holder .slide_anchor_button {
font-size: 13px;
color: #fff;
text-transform: uppercase;
display: inline-block;
text-align: center;
letter-spacing: 2px;
font-weight: 800;
}
.carousel-inner .slider_content .slide_anchor_holder .slide_anchor_button i {
font-size: 51px;
display: block;
margin-bottom: 10px;
}
.carousel-inner .slider_content .thumb{
height: 100%;
opacity: 1;
filter: alpha(opacity = 100);
display: inline-block;
vertical-align: middle;
}
.carousel-inner .slider_content.left{
text-align: left;
}
.carousel-inner .slider_content.right{
text-align: right;
}
.carousel-inner .slider_content.left .thumb,
.carousel-inner .slider_content.right .thumb{
display: inline-block;
}
.carousel-inner .slider_content.center .thumb{
text-align: center;
}
.carousel-inner .slider_content.center {
text-align: center;
}
/*----- SVG ----- */
.eltd_slide-svg-holder svg{
opacity: 0;
height: auto;
}
.item.active .eltd_slide-svg-holder svg{
-webkit-animation: fade 0.4s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
-moz-animation: fade 0.4s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
-o-animation: fade 0.4s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
animation: fade 0.4s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
opacity: 1;
}
/*---------------------Graphic animation Flip--------------------------------- */
.carousel-inner .slider_content .thumb.flip{
opacity: 0;
filter: alpha(opacity = 0);
}
.carousel-inner .active .slider_content .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 .slider_content .thumb.fade{
opacity: 0;
filter: alpha(opacity = 0);
}
.carousel-inner .active .slider_content .thumb.fade{
-webkit-animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
-moz-animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
-o-animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
opacity: 1;
filter: alpha(opacity = 100);
}
/*---------------------Graphic animation From right--------------------------------- */
.carousel-inner .slider_content .thumb.from_right{
opacity: 0;
filter: alpha(opacity = 0);
position: relative;
right: -70px;
}
.carousel-inner .active .slider_content .thumb.from_right{
-webkit-animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-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 .slider_content .thumb.from_left{
opacity: 0;
filter: alpha(opacity = 0);
position: relative;
left: -70px;
}
.carousel-inner .active .slider_content .thumb.from_left{
-webkit-animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-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 .slider_content .thumb.from_top{
opacity: 0;
filter: alpha(opacity = 0);
position: relative;
top: -70px;
}
.carousel-inner .active .slider_content .thumb.from_top{
-webkit-animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-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 .slider_content .thumb.from_bottom{
opacity: 0;
filter: alpha(opacity = 0);
position: relative;
top: 70px;
}
.carousel-inner .active .slider_content .thumb.from_bottom{
-webkit-animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-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 .slider_content .thumb.clip_anim_hor,
.no-touch .carousel-inner .slider_content .thumb.clip_anim_ver,
.no-touch .carousel-inner .slider_content .thumb.clip_anim_puzzle {
display: inline-block;
position: relative;
}
.touch .carousel-inner .slider_content .thumb.clip_anim_hor,
.touch .carousel-inner .slider_content .thumb.clip_anim_ver,
.touch .carousel-inner .slider_content .thumb.clip_anim_puzzle {
opacity: 0;
filter: alpha(opacity = 0);
}
/*---------------------Clip Animation Horizontal --------------------------------- */
.no-touch .carousel-inner .slider_content .thumb.clip_anim_hor img {
position: absolute;
left: 0;
top: 0;
-webkit-animation:clip_anim_hor 1.75s cubic-bezier(.165,.84,.44,1);
animation:clip_anim_hor 1.75s cubic-bezier(.165,.84,.44,1);
}
.touch .carousel-inner .active .slider_content .thumb.clip_anim_hor {
-webkit-animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
-moz-animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
-o-animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
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 .slider_content .thumb.clip_anim_ver img {
position: absolute;
left: 0;
top: 0;
-webkit-animation: clip_anim_ver 1.75s cubic-bezier(.165,.84,.44,1);
animation: clip_anim_ver 1.75s cubic-bezier(.165,.84,.44,1);
}
.touch .carousel-inner .active .slider_content .thumb.clip_anim_ver {
-webkit-animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
-moz-animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
-o-animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
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 .slider_content .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 .slider_content .thumb.clip_anim_puzzle {
-webkit-animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
-moz-animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
-o-animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
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 .slider_content .thumb img{
max-height: 100%;
}
.carousel-inner .slider_content .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 .slider_content .text.all_at_once,
.carousel-inner .slider_content .slider_content_inner.all_at_once{
opacity: 0;
filter: alpha(opacity = 0);
}
.carousel-inner .slider_content .text.one_by_one,
.carousel-inner .slider_content .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 .slider_content .text.all_at_once.from_bottom,
.carousel-inner .slider_content .slider_content_inner.all_at_once.from_bottom{
-webkit-animation: text-from-bottom 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-animation: text-from-bottom 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-animation: text-from-bottom 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
animation: text-from-bottom 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
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 .slider_content .text.all_at_once.from_top,
.carousel-inner .active .slider_content .slider_content_inner.all_at_once.from_top{
-webkit-animation: text-from-top 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-animation: text-from-top 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-animation: text-from-top 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
animation: text-from-top 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
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 .slider_content .text.all_at_once.from_left,
.carousel-inner .active .slider_content .slider_content_inner.all_at_once.from_left{
-webkit-animation: text-from-left 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-animation: text-from-left 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-animation: text-from-left 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
animation: text-from-left 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
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 .slider_content .text.all_at_once.from_right,
.carousel-inner .active .slider_content .slider_content_inner.all_at_once.from_right{
-webkit-animation: text-from-right 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-animation: text-from-right 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-animation: text-from-right 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
animation: text-from-right 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
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 .slider_content .text.all_at_once.fade,
.carousel-inner .active .slider_content .slider_content_inner.all_at_once.fade{
-webkit-animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
-moz-animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
-o-animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
opacity: 1;
filter: alpha(opacity = 100);
}
/*------------------------------ All at once fade end-------------------------------------------------------------*/
/*------------------------------ One by one from bottom -------------------------------------------------------------*/
.carousel-inner .slider_content .text.one_by_one.from_bottom .el,
.carousel-inner .slider_content .slider_content_inner.one_by_one.from_bottom{
opacity: 0;
filter: alpha(opacity = 0);
position: relative;
top: 70px;
}
.carousel-inner .active .slider_content .text.one_by_one.from_bottom .el,
.carousel-inner .active .slider_content .slider_content_inner.one_by_one.from_bottom{
-webkit-animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.1s;
-moz-animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.1s;
-o-animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.1s;
animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 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 .slider_content .text.one_by_one.from_bottom .el:nth-child(2){
animation-delay:0.3s;
-webkit-animation-delay:0.3s;
}
.carousel-inner .active .slider_content .text.one_by_one.from_bottom .el:nth-child(3){
animation-delay:0.5s;
-webkit-animation-delay:0.5s;
}
.carousel-inner .active .slider_content .text.one_by_one.from_bottom .el:nth-child(4){
animation-delay:0.7s;
-webkit-animation-delay:0.7s;
}
.carousel-inner .active .slider_content .text.one_by_one.from_bottom .el:nth-child(5){
animation-delay:0.9s;
-webkit-animation-delay:0.9s;
}
.carousel-inner .active .slider_content .text.one_by_one.from_bottom .el:nth-child(6){
animation-delay:1.1s;
-webkit-animation-delay:1.1s;
}
.carousel-inner .active .slider_content .text.one_by_one.from_bottom .el:nth-child(7){
animation-delay:1.3s;
-webkit-animation-delay:1.3s;
}
.carousel-inner .active .slider_content .text.one_by_one.from_bottom .el:nth-child(8){
animation-delay:1.5s;
-webkit-animation-delay:1.5s;
}
.carousel-inner .active .slider_content .text.one_by_one.from_bottom .el:nth-child(9){
animation-delay:1.7s;
-webkit-animation-delay:1.7s;
}
.carousel-inner .active .slider_content .text.one_by_one.from_bottom .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 .slider_content .text.one_by_one.from_top .el,
.carousel-inner .slider_content .slider_content_inner.one_by_one.from_top{
opacity: 0;
filter: alpha(opacity = 0);
position: relative;
top: -70px;
}
.carousel-inner .active .slider_content .text.one_by_one.from_top .el,
.carousel-inner .active .slider_content .slider_content_inner.one_by_one.from_top{
-webkit-animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.1s;
-moz-animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.1s;
-o-animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.1s;
animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 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 .slider_content .text.one_by_one.from_top .el:nth-child(2){
animation-delay:0.3s;
-webkit-animation-delay:0.3s;
}
.carousel-inner .active .slider_content .text.one_by_one.from_top .el:nth-child(3){
animation-delay:0.5s;
-webkit-animation-delay:0.5s;
}
.carousel-inner .active .slider_content .text.one_by_one.from_top .el:nth-child(4){
animation-delay:0.7s;
-webkit-animation-delay:0.7s;
}
.carousel-inner .active .slider_content .text.one_by_one.from_top .el:nth-child(5){
animation-delay:0.9s;
-webkit-animation-delay:0.9s;
}
.carousel-inner .active .slider_content .text.one_by_one.from_top .el:nth-child(6){
animation-delay:1.1s;
-webkit-animation-delay:1.1s;
}
.carousel-inner .active .slider_content .text.one_by_one.from_top .el:nth-child(7){
animation-delay:1.3s;
-webkit-animation-delay:1.3s;
}
.carousel-inner .active .slider_content .text.one_by_one.from_top .el:nth-child(8){
animation-delay:1.5s;
-webkit-animation-delay:1.5s;
}
.carousel-inner .active .slider_content .text.one_by_one.from_top .el:nth-child(9){
animation-delay:1.7s;
-webkit-animation-delay:1.7s;
}
.carousel-inner .active .slider_content .text.one_by_one.from_top .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 .slider_content .text.one_by_one.from_left .el,
.carousel-inner .slider_content .slider_content_inner.one_by_one.from_left{
opacity: 0;
filter: alpha(opacity = 0);
position: relative;
left: -70px;
}
.carousel-inner .active .slider_content .text.one_by_one.from_left .el,
.carousel-inner .active .slider_content .slider_content_inner.one_by_one.from_left{
-webkit-animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.1s;
-moz-animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.1s;
-o-animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.1s;
animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 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 .slider_content .text.one_by_one.from_left .el:nth-child(2){
animation-delay:0.3s;
-webkit-animation-delay:0.3s;
}
.carousel-inner .active .slider_content .text.one_by_one.from_left .el:nth-child(3){
animation-delay:0.5s;
-webkit-animation-delay:0.5s;
}
.carousel-inner .active .slider_content .text.one_by_one.from_left .el:nth-child(4){
animation-delay:0.7s;
-webkit-animation-delay:0.7s;
}
.carousel-inner .active .slider_content .text.one_by_one.from_left .el:nth-child(5){
animation-delay:0.9s;
-webkit-animation-delay:0.9s;
}
.carousel-inner .active .slider_content .text.one_by_one.from_left .el:nth-child(6){
animation-delay:1.1s;
-webkit-animation-delay:1.1s;
}
.carousel-inner .active .slider_content .text.one_by_one.from_left .el:nth-child(7){
animation-delay:1.3s;
-webkit-animation-delay:1.3s;
}
.carousel-inner .active .slider_content .text.one_by_one.from_left .el:nth-child(8){
animation-delay:1.5s;
-webkit-animation-delay:1.5s;
}
.carousel-inner .active .slider_content .text.one_by_one.from_left .el:nth-child(9){
animation-delay:1.7s;
-webkit-animation-delay:1.7s;
}
.carousel-inner .active .slider_content .text.one_by_one.from_left .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 .slider_content .text.one_by_one.from_right .el,
.carousel-inner .slider_content .slider_content_inner.one_by_one.from_right{
opacity: 0;
filter: alpha(opacity = 0);
position: relative;
right: -70px;
}
.carousel-inner .active .slider_content .text.one_by_one.from_right .el,
.carousel-inner .active .slider_content .slider_content_inner.one_by_one.from_right{
-webkit-animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.1s;
-moz-animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.1s;
-o-animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.1s;
animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 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 .slider_content .text.one_by_one.from_right .el:nth-child(2){
animation-delay:0.3s;
-webkit-animation-delay:0.3s;
}
.carousel-inner .active .slider_content .text.one_by_one.from_right .el:nth-child(3){
animation-delay:0.5s;
-webkit-animation-delay:0.5s;
}
.carousel-inner .active .slider_content .text.one_by_one.from_right .el:nth-child(4){
animation-delay:0.7s;
-webkit-animation-delay:0.7s;
}
.carousel-inner .active .slider_content .text.one_by_one.from_right .el:nth-child(5){
animation-delay:0.9s;
-webkit-animation-delay:0.9s;
}
.carousel-inner .active .slider_content .text.one_by_one.from_right .el:nth-child(6){
animation-delay:1.1s;
-webkit-animation-delay:1.1s;
}
.carousel-inner .active .slider_content .text.one_by_one.from_right .el:nth-child(7){
animation-delay:1.3s;
-webkit-animation-delay:1.3s;
}
.carousel-inner .active .slider_content .text.one_by_one.from_right .el:nth-child(8){
animation-delay:1.5s;
-webkit-animation-delay:1.5s;
}
.carousel-inner .active .slider_content .text.one_by_one.from_right .el:nth-child(9){
animation-delay:1.7s;
-webkit-animation-delay:1.7s;
}
.carousel-inner .active .slider_content .text.one_by_one.from_right .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 .slider_content .text.one_by_one.fade .el,
.carousel-inner .slider_content .slider_content_inner.one_by_one.fade{
opacity: 0;
filter: alpha(opacity = 0);
position: relative;
}
.carousel-inner .active .slider_content .text.one_by_one.fade .el,
.carousel-inner .active .slider_content .slider_content_inner.one_by_one.fade{
-webkit-animation: fade 0.6s cubic-bezier(0.500, 0.110, 0.805, 0.320) 0.1s;
-moz-animation: fade 0.6s cubic-bezier(0.500, 0.110, 0.805, 0.320) 0.1s;
-o-animation: fade 0.6s cubic-bezier(0.500, 0.110, 0.805, 0.320) 0.1s;
animation: fade 0.6s cubic-bezier(0.500, 0.110, 0.805, 0.320) 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 .slider_content .text.one_by_one.fade .el:nth-child(2){
animation-delay:0.3s;
-webkit-animation-delay:0.3s;
}
.carousel-inner .active .slider_content .text.one_by_one.fade .el:nth-child(3){
animation-delay:0.5s;
-webkit-animation-delay:0.5s;
}
.carousel-inner .active .slider_content .text.one_by_one.fade .el:nth-child(4){
animation-delay:0.7s;
-webkit-animation-delay:0.7s;
}
.carousel-inner .active .slider_content .text.one_by_one.fade .el:nth-child(5){
animation-delay:0.9s;
-webkit-animation-delay:0.9s;
}
.carousel-inner .active .slider_content .text.one_by_one.fade .el:nth-child(6){
animation-delay:1.1s;
-webkit-animation-delay:1.1s;
}
.carousel-inner .active .slider_content .text.one_by_one.fade .el:nth-child(7){
animation-delay:1.3s;
-webkit-animation-delay:1.3s;
}
.carousel-inner .active .slider_content .text.one_by_one.fade .el:nth-child(8){
animation-delay:1.5s;
-webkit-animation-delay:1.5s;
}
.carousel-inner .active .slider_content .text.one_by_one.fade .el:nth-child(9){
animation-delay:1.7s;
-webkit-animation-delay:1.7s;
}
.carousel-inner .active .slider_content .text.one_by_one.fade .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 .has_thumbnail.active .slider_content .text.one_by_one .el:nth-child(1){
animation-delay:0.2s;
-webkit-animation-delay:0.2s;
}
.carousel-inner .has_thumbnail.active .slider_content .text.one_by_one .el:nth-child(2){
animation-delay:0.4s;
-webkit-animation-delay:0.4s;
}
.carousel-inner .has_thumbnail.active .slider_content .text.one_by_one .el:nth-child(3){
animation-delay:0.6s;
-webkit-animation-delay:0.6s;
}
.carousel-inner .has_thumbnail.active .slider_content .text.one_by_one .el:nth-child(4){
animation-delay:0.8s;
-webkit-animation-delay:0.8s;
}
.carousel-inner .has_thumbnail.active .slider_content .text.one_by_one .el:nth-child(5){
animation-delay:1s;
-webkit-animation-delay:1s;
}
.carousel-inner .has_thumbnail.active .slider_content .text.one_by_one .el:nth-child(6){
animation-delay:1.2s;
-webkit-animation-delay:1.2s;
}
.carousel-inner .has_thumbnail.active .slider_content .text.one_by_one .el:nth-child(7){
animation-delay:1.4s;
-webkit-animation-delay:1.4s;
}
.carousel-inner .has_thumbnail.active .slider_content .text.one_by_one .el:nth-child(8){
animation-delay:1.6s;
-webkit-animation-delay:1.6s;
}
.carousel-inner .has_thumbnail.active .slider_content .text.one_by_one .el:nth-child(9){
animation-delay:1.8s;
-webkit-animation-delay:1.8s;
}
.carousel-inner .has_thumbnail.active .slider_content .text.one_by_one .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 .slider_content .el{
width: 100%;
}
.carousel-inner .slider_content .el > div{
display: inline-block;
vertical-align: middle;
width: inherit;
}
.carousel-inner .slider_content .slide_buttons_holder {
display: inline-block;
width:100%;
}
.carousel-inner .slider_content .slide_buttons_holder .qbutton {
margin: 30px 10px 0;
}
.carousel-inner .slider_content .slide_buttons_holder .qbutton:first-child {
margin-left: 0;
}
.carousel-inner .slider_content .slide_buttons_holder .qbutton:last-child {
margin-right: 0;
}
.carousel-inner .slider_content .slide_buttons_holder .qbutton{
width: auto !important;
}
.carousel-inner .slider_content .slide_buttons_holder .button_icon{
-webkit-transition: initial;
}
.carousel-inner .slider_content .text .qbutton:hover{
color: #fff;
}
.carousel-inner .item.dark .slider_content .text .qbutton{
border-color: #303030;
background-color: #303030;
color: #fff;
}
.carousel-inner .item.dark .slider_content .text .qbutton:hover {
background-color: transparent;
color: #303030;
}
.carousel-inner .item.dark .slider_content .text .qbutton.white{
background-color: transparent;
color: #303030;
}
.carousel-inner .item.dark .slider_content .text .qbutton.white:hover{
background-color: #303030;
color: #fff !important;
border-color: #303030;
}
.carousel-inner h2 {
clear: both;
font-size: 64px;
line-height: 1.3125em;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: 700;
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 h3 {
color: #fff;
margin: 0 0 14px;
line-height: 1.3125em;
}
.carousel-inner h2 span,
.carousel-inner h3 span{
display: inline-block;
vertical-align: middle;
}
.carousel-inner h3.eltd_slide_text{
margin: 0;
clear:both;
}
.carousel-inner .vc_text_separator.full .separator_content {
letter-spacing: 0px;
color: #fff;
font-size: 24px;
line-height: 1.3125em;
font-weight: 400;
}
.carousel-inner .dark h2,
.carousel-inner .dark h3{
color: #000;
}
.carousel-inner .left .text,
.carousel-inner .left h2,
.carousel-inner .left h3{
text-align: left;
}
.carousel-inner .center .text,
.carousel-inner .center h2,
.carousel-inner .center h3{
text-align: center;
}
.carousel-inner .right .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.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 .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: 1000px){
.carousel-inner .item.animate_image.zoom_center .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.animate_image.zoom_top_left .image,
.carousel-inner .item.animate_image.zoom_top_right .image,
.carousel-inner .item.animate_image.zoom_bottom_left .image,
.carousel-inner .item.animate_image.zoom_bottom_right .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;
}
}
@media only screen and (max-width: 1000px){
.carousel-inner .item.animate_image.zoom_center .image,
.carousel-inner .item.animate_image.zoom_top_left .image,
.carousel-inner .item.animate_image.zoom_top_right .image,
.carousel-inner .item.animate_image.zoom_bottom_left .image,
.carousel-inner .item.animate_image.zoom_bottom_right .image{
transform: none !important;
-webkit-transform: none !important;
}
}
/* animate image - end */
.carousel-inner .item .image img{
display: none !important;
width: 0px;
height: 0px;
}
.carousel-inner .item .image_pattern {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.carousel-control {
top: 0;
width: 11%;
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 .prev_nav,
.carousel-control .next_nav {
position: absolute;
top: 50%;
margin-top: -24px;
height: 47px;
line-height: 47px;
font-size: 28px;
color: #fff;
background-color: transparent;
border-radius: 0;
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, -webkit-transform .15s ease-out;
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, transform .15s ease-out;
}
.carousel-control .prev_nav:hover,
.carousel-control .next_nav:hover{
background-color: transparent;
}
.carousel-control.light .next_nav,
.carousel-control.light .prev_nav{
color: #fff;
}
.carousel-control.dark .next_nav,
.carousel-control.dark .prev_nav{
color: #000;
}
.carousel-control span span{
display: inline-block;
line-height: inherit;
}
.carousel-control .prev_nav{
left: 20px;
}
.carousel-control .next_nav{
right: 20px;
}
/* thumb css - start */
.carousel-control .thumb_holder{
width: 150px;
display: block;
position: absolute;
background-color: rgba(0, 0, 0, 0.8);
top: 50%;
}
/*left arrow*/
.carousel-control.left .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;
}
.in_progress .carousel-control.left .thumb_holder{
left: -200px !important;
}
/*right arrow*/
.carousel-control.right .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;
}
.in_progress .carousel-control.right .thumb_holder{
right: -200px !important;
}
.carousel-control .thumb-arrow,
.carousel-control .thumb_holder .numbers {
height: 50px;
line-height: 50px;
font-size: 25px;
}
.carousel-control .thumb_holder .numbers {
font-size: 15px;
}
/* effect on hover enabled in responsive above 1000px */
.carousel-control .numbers span{
display: inline;
}
.carousel-control.left .thumb-arrow{
float: left;
padding: 0 0 0 20px;
}
.carousel-control.left .thumb_holder .numbers{
float: right;
padding: 0 20px 0 0;
}
.carousel-control.right .thumb-arrow{
float: right;
padding: 0 20px 0 0;
}
.carousel-control.right .thumb_holder .numbers{
float: left;
padding: 0 0 0 20px;
}
.carousel-control .prev_nav .numbers,
.carousel-control .next_nav .numbers {
width: 68px;
font-size: 12px;
line-height: inherit;
height: inherit;
border: 2px solid #fff;
font-weight:700;
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.carousel-control .prev_nav .numbers {
float: right;
border-left: none;
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: left;
transform-origin: left;
}
.carousel-control .next_nav .numbers {
float: left;
border-right: none;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: right;
transform-origin: right;
}
.carousel-control .prev_nav:hover .numbers,
.carousel-control .next_nav:hover .numbers {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.carousel-control .next_nav > span:not(.numbers),
.carousel-control .prev_nav > span:not(.numbers) {
border: 2px solid #fff;
width: 47px;
}
.carousel-control .img{
clear: both;
width: 150px;
position: relative;
display: block;
overflow: hidden;
margin: 0px 0px -2px 0px;
}
.thumb_holder .img img {
vertical-align: middle;
}
/* thumb css - end */
.slider_content .separator{
margin: 0;
display: inline-block;
vertical-align: middle;
border:none;
margin-top: -2px;
}
.eltd_slide_title .separator .slide_separator_dots {
position: absolute;
border-radius: 50%;
}
.eltd_slide_title .separator_left .slide_separator_dots {
right: 0px;
}
.eltd_slide_title .separator_right .slide_separator_dots {
left: 0px;
}
@media (max-width: 1200px) {
.carousel-inner h2 {
margin-top: 0;
}
}
@media (max-width: 1000px) {
.carousel-inner{
position: relative;
}
.carousel-inner > .item {
padding-top: 0px !important;
}
.carousel-control .prev_nav,
.carousel-control .next_nav{
margin-top: 0px !important;
}
.carousel .carousel-inner .slider_content_outer {
display: table;
box-sizing: border-box;
display: table;
padding: 0 5px;
}
.carousel .carousel-inner .slider_content .thumb {
height: auto;
}
.carousel .carousel-inner .slider_content {
display: table-cell;
vertical-align: middle;
position: static;
top: 0 !important;
left: 0 !important;
}
.carousel .carousel-inner .graphic_content{
text-align: center;
}
}
@media (max-width: 567px) {
.carousel-control {
display: none;
}
}
@media (max-width: 350px) {
.carousel .carousel-inner .slider_content_outer {
width: 100% !important;
}
}
.carousel-indicators li{
vertical-align: middle;
opacity: 0.4;
margin: 0 5px;
width: 15px;
height: 15px;
-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;
}
.eltd_slider .carousel-indicators.dark li{
background-color: #000;
}
.carousel-indicators li.active {
opacity: 1;
}
.carousel-indicators li.active span {
background-color: #fff;
width: 9px;
height: 9px;
}
.carousel-indicators li.active span:before {
width: 9px;
height: 9px;
}
@-webkit-keyframes rotate {
0% {
-webkit-transform: perspective(600px) rotateX(90deg) scale(.5);
opacity: 0;
}
50% {
-webkit-transform: perspective(600px) rotateX(90deg) scale(.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(.5);
opacity: 0;
}
50% {
-moz-transform: perspective(600px) rotateX(90deg) scale(.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(.5);
opacity: 0.2;
}
50% {
-o-transform: perspective(600px) rotateX(90deg) scale(.5);
opacity: 0.2;
}
100% {
-o-transform: perspective(600px) rotateX(0deg) scale(1);
opacity: 1;
}
}
@keyframes rotate {
0% {
transform: perspective(600px) rotateX(90deg) scale(.5);
opacity: 0;
}
50% {
transform: perspective(600px) rotateX(90deg) scale(.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 .video .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 .video .video-overlay {
height: 3000px;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 11;
}
.carousel .video .video-overlay.active {
background-image: url("img/pixel-video.png");
background-position: 0px 0px;
background-repeat: repeat;
opacity: 1;
}
.carousel .video .video-overlay img{
display: none !important;
}
.carousel .video .video-wrap {
top: 0px;
left: 0px;
overflow: hidden;
position: absolute;
width: 100%;
z-index: 10;
}
.carousel .video .video-wrap .mejs-poster {
background-size: cover !important;
-moz-background-size: cover !important;
-webkit-background-size: cover !important;
-o-background-size: cover !important;
}
.carousel .video .video-wrap .mejs-container .mejs-controls {
display: none !important;
}
.carousel .video .video-wrap .mejs-controls .mejs-button button:focus {
outline: none !important;
}
.carousel .video .video-wrap .mejs-controls .mejs-time-rail .mejs-time-loaded {
background-color: rgba(255, 255, 255, 0.18) !important;
}
.carousel .video .video-wrap .mejs-container {
background-color: transparent !important;
background-image: none !important;
height: auto !important;
}
.carousel .video .video-wrap .mejs-mediaelement{
background: none !important;
border: 0px !important;
}
.carousel .video .video-wrap .mejs-container .mejs-poster img {
max-width: none !important;
width: 100% !important;
}
.carousel .video .video-wrap .mejs-controls button { opacity: 0.8; }
.carousel .video .video-wrap .mejs-controls button:hover, .mejs-controls .mejs-fullscreen-button:hover button { opacity: 1!important;}
.carousel .video .video-wrap .mejs-controls .mejs-time-rail .mejs-time-total {
background: #1f1f1f none repeat scroll 0 0 !important;
}
.carousel .video .video-wrap .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: transparent !important;
}
/*-------------------------------------------Custom cursor for slider navigation styles--------------------------------------------------*/
.eltd_slider .has_custom_cursor .prev_nav,
.eltd_slider .has_custom_cursor .next_nav,
.no-touch .eltd_slider .has_custom_cursor .carousel-indicators{
display:none !important;
}
/*----------------------------------Custom cursor for slider navigation styles end----------------------------------------------------------*/
/*------------------Predefined content position start------------------*/
.carousel-inner .slider_content_outer.content_bottom_right,
.carousel-inner .slider_content_outer.content_bottom_left{
width: 100% !important;
display: block;
}
.carousel-inner .slider_content_outer.content_bottom_right .slider_content,
.carousel-inner .slider_content_outer.content_bottom_left .slider_content{
display: block;
position: absolute;
left: auto !important;
top: auto !important;
bottom: 0px !important;
right: 0px !important;
width: auto;
height: auto !important;
}
.carousel-inner .slider_content_outer.content_bottom_left .slider_content{
left: 0px !important;
right: auto !important;
}
.carousel-inner .slider_content_outer.content_bottom_right .slider_content .text,
.carousel-inner .slider_content_outer.content_bottom_left .slider_content .text{
margin: 0px;
}
.carousel-inner .slider_content_outer.content_bottom_right .slider_content .el,
.carousel-inner .slider_content_outer.content_bottom_right .text,
.carousel-inner .slider_content_outer.content_bottom_right h2,
.carousel-inner .slider_content_outer.content_bottom_right h3 {
text-align: right;
margin: 0;
}
.carousel-inner .slider_content_outer.content_bottom_left .slider_content .el,
.carousel-inner .slider_content_outer.content_bottom_left .text,
.carousel-inner .slider_content_outer.content_bottom_left h2,
.carousel-inner .slider_content_outer.content_bottom_left h3 {
text-align: left;
margin: 0;
}
@media only screen and (max-width: 800px){
.carousel-inner .slider_content_outer.content_bottom_right .slider_content,
.carousel-inner .slider_content_outer.content_bottom_left .slider_content{
width: 100% !important;
}
.carousel-inner .slider_content_outer.content_bottom_right .slider_content .el,
.carousel-inner .slider_content_outer.content_bottom_right .text,
.carousel-inner .slider_content_outer.content_bottom_right h2,
.carousel-inner .slider_content_outer.content_bottom_right h3,
.carousel-inner .slider_content_outer.content_bottom_left .slider_content .el,
.carousel-inner .slider_content_outer.content_bottom_left .text,
.carousel-inner .slider_content_outer.content_bottom_left h2,
.carousel-inner .slider_content_outer.content_bottom_left h3 {
text-align: center;
}
.carousel-inner .slider_content_outer.content_bottom_right .slider_content,
.carousel-inner .slider_content_outer.content_bottom_left .slider_content{
vertical-align: bottom;
}
}
/*------------------Predefined content position start------------------*/
/* ==== Carousel Custom - End ==== */
.eltd_slider {
width: 100%;
overflow: hidden;
position: relative;
z-index: 10;
}
@media only screen and (min-width: 1000px){
.no-touch .right_side_menu_opened:not(.boxed) .carousel-inner:not(.relative_position){
left: -270px !important;
}
}
/* ==========================================================================
End of Elated slider styles
========================================================================== */
/* ==========================================================================
Title area styles
========================================================================== */
.title_outer.animate_title_area{
overflow: hidden;
}
.title{
display: block;
width: 100%;
height: 200px;
text-align: left;
position: relative;
z-index: 101;
background-color: #f5f5f4;
}
.title.with_background_color {
background-image: none;
}
.title_outer.with_image .title{
height: auto !important;
line-height: normal;
background: none;
}
.title img{
display: block;
position: relative;
width: 100%;
}
.title_graphics img{
width:auto;
display: inline-block;
}
.title.position_right .title_graphics{
text-align: right;
}
.title.position_left .title_graphics{
text-align: left;
}
.title.position_center .title_graphics{
text-align: center;
}
.title .not_responsive{
display: none;
}
.title .title_holder{
display: table;
height: 100%;
left: 0;
position: relative;
width: 100%;
}
.title_outer.with_image .title .title_holder,
.title_outer .has_fixed_background.title .title_holder,
.title_outer .has_background.title .title_holder {
position: absolute;
top: 0%;
display:block;
}
.title .title_overlay{
position: absolute;
width: 100%;
height: 100%;
background-repeat: repeat;
background-position: 0px 0px;
top: 0;
}
.title .title_holder .container{
display: table-row;
vertical-align: middle;
background-color: transparent;
}
.title_outer.with_image .title .title_holder .container,
.title_outer .has_fixed_background.title .title_holder .container,
.title_outer .has_background.title .title_holder .container{
display:block;
height: 100%;
}
.content .title_outer.with_image .title .container_inner,
.title_outer .has_fixed_background.title .title_holder .container_inner,
.title_outer .has_background.title .title_holder .container_inner{
display: table;
height: 100%;
}
.title_subtitle_holder{
display: block;
padding: 0px;
position:relative;
z-index:25;
}
.title_outer.with_image .title .title_subtitle_holder,
.title_outer .has_fixed_background.title .title_subtitle_holder,
.title_outer .has_background.title .title_subtitle_holder{
display: table-cell;
vertical-align: middle;
width: 100%;
}
.title_subtitle_holder_inner {
position: relative;
}
.title.disable_title_in_grid .title_subtitle_holder_inner{
display:inline-block;
}
.title.title_content_shadow .title_subtitle_holder_inner{
box-shadow: 1px 1px 1px 1px #afafaf;
}
.position_center.title .title_subtitle_holder {
text-align: center;
}
.position_right.title .title_subtitle_holder {
text-align: right;
}
.title.title_size_small h1,
.title h1{
display: inline-block;
vertical-align: middle;
word-break: break-word; /* this has to be here based on ThemeForest rules */
line-height: 1.625em;
color: #464646;
font-weight: 800;
text-transform: uppercase;
font-size: 20px;
letter-spacing: 1px;
font-family:'Raleway',sans-serif;
}
.title.title_size_medium h1{
font-size: 33px;
line-height: 1.384615384615385em;
}
.title.title_size_large h1{
font-size: 42px;
line-height: 60px;
}
.title h1 span{
display: inline-block;
}
.title h1.title_like_separator{
display: block;
}
.title_text_shadow .title h1 {
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}
.subtitle {
display:block;
font-size: 17px;
line-height: 1.5882em;
font-style: normal;
font-weight: 400;
color:#636363;
font-family:'Raleway',sans-serif;
}
.subtitle.small_subtitle {
font-size: 14px;
}
.subtitle.medium_subtitle {
font-size: 17px;
}
.subtitle.large_subtitle {
font-size: 27px;
line-height: 1.1111em;
font-family:'Marck Script',sans-serif;
}
.subtitle.next_to_title{
display: inline-block;
vertical-align: middle;
}
.title_holder .title_subtitle_holder .subtitle span{
display: inline-block;
}
.title_holder .title_subtitle_holder .subtitle.subtitle_like_separator > span{
display: block;
}
.title_holder .title_subtitle_holder .subtitle.subtitle_like_separator .separator_content {
font-size: 32px;
line-height: 1.214285714285714em;
font-style: italic;
font-weight: 400;
letter-spacing: 0px;
text-transform: uppercase;
}
.title_holder .title_subtitle_holder .title h1 span{
display: inline-block;
}
.title_text_shadow .subtitle {
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}
.animate_title_text .title h1,
.animate_title_text .title .subtitle span,
.animate_title_text .breadcrumbs_title .breadcrumb{
-webkit-animation: title-from-right .5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) 1s;
-moz-animation: title-from-right .5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) 1s;
-o-animation: title-from-right .5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) 1s;
animation: title-from-right .5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) 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;
visibility: visible;
}
@-webkit-keyframes title-from-right {
0% {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translate(50%, 0);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate(0, 0);
}
}
@-moz-keyframes title-from-right {
0% {
opacity: 0;
filter: alpha(opacity=0);
-moz-transform: translate(50%, 0);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
-moz-transform: translate(0, 0);
}
}
@-o-keyframes title-from-right {
0% {
opacity: 0;
filter: alpha(opacity=0);
-o-transform: translate(50%, 0);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
-o-transform: translate(0, 0);
}
}
@keyframes title-from-right {
0% {
opacity: 0;
filter: alpha(opacity=0);
transform: translate(50%, 0);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
transform: translate(0, 0);
}
}
.position_right .breadcrumb {
left:0;
right: auto;
}
.title.has_background {
background-repeat: no-repeat;
background-position: center 0;
}
.title.has_fixed_background {
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center 0;
position: relative;
z-index: 101;
}
.title_text_shadow .breadcrumbs .breadcrumbs_inner {
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}
.title.position_center .breadcrumb {
position:relative;
margin: 10px 0px 0px 0px;
}
.title.standard_title.position_center .breadcrumb {
text-align: center;
}
.title.standard_title.position_left .breadcrumb {
text-align: left;
}
.title.standard_title.position_right .breadcrumb {
text-align: right;
}
.title.without_title_text .breadcrumb {
position: static;
}
.breadcrumb {
position:absolute;
height:100%;
top:0;
right:0;
}
.breadcrumbs {
display:table;
height:100%;
width:100%;
}
.breadcrumbs .breadcrumbs_inner {
display:table-cell;
vertical-align:middle;
}
.breadcrumb a,
.breadcrumb span {
font-size: 20px;
font-weight: 400;
color: #464646;
font-family: 'Marck Script', sans-serif;
line-height: 24px;
}
.breadcrumb a {
-webkit-transition: color 0.15s ease-out;
-moz-transition: color 0.15s ease-out;
-ms-transition: color 0.15s ease-out;
-o-transition: color 0.15s ease-out;
transition: color 0.15s ease-out;
}
.breadcrumb a:hover,
.breadcrumb span.current{
color: #e5735c;
}
.title.breadcrumbs_title .breadcrumb{
position: relative;
right: auto;
margin: 0px;
display: inline-block;
vertical-align: middle;
}
.touch .title.has_fixed_background {
background-attachment: scroll;
}
.content .title .container_inner {
padding: 0px !important;
display: table-cell;
vertical-align: middle;
}
/* ==========================================================================
End of title area styles
========================================================================== */
/* ==========================================================================
Comments styles
========================================================================== */
.comment_holder{
padding: 60px 0 56px;
margin: 0 0 0;
}
.single-post .comment_holder .comments .comment{
box-sizing: border-box;
position:relative;
display:table;
table-layout: fixed;
width: 100%;
}
.comment_number .comment_number_inner i{
position: relative;
top: -1px;
padding:0 10px 0 0;
}
.comment_holder ul.comment-list{
list-style: none;
position: relative;
z-index: 150;
padding: 0;
margin: 25px 0 0;
}
.comment_holder .comment-list li {
display: inline-block;
position: relative;
width: 100%;
}
.comment-list .post_author_comment .post-author-comment-icon {
margin-left: 5px;
color: #e5735c;
font-size: 12px;
}
.comment_holder .comment-list li ul.children li:last-child{
padding:0 0 0px;
}
.comment_holder .comment-list > li{
margin: 0 0 40px;
}
.comment_holder .comment-list > li:last-child,
.comment_holder .comment-list li.pingback-comment-holder {
margin: 0;
}
.comment_holder .comment {
position: relative;
}
.comment_holder .comment .comment_connect_line{
opacity: 0;
position: absolute;
width: 16px;
height: 100%;
top: 80px;
left: 5px;
border-left: 1px solid #dadada;
border-bottom: 1px solid #dadada;
}
.comment_holder .comment .image {
display: table-cell;
vertical-align: top;
width: 70px;
height: 70px;
padding: 0 12px 0 0 ;
}
.comment_holder .comment .text_wrapper{
padding-left: 12px;
overflow: hidden;
display: table-cell;
vertical-align: top;
width: 100%;
}
.comment_holder .pingback-comment.comment .text_wrapper {
padding-left:0;
}
.comment_holder .comment:not(.pingback-comment) .text {
padding: 14px 20px;
border: 2px solid #dadada;
position: relative;
}
.comment_holder .comment:not(.pingback-comment) .text:after{
width: 13px;
height: 13px;
background: #fff;
}
.comment_holder .comment:not(.pingback-comment) .text .comment_left_arrow{
width: 16px;
height: 16px;
background: #fff;
position: absolute;
top: -9px;
left: -10px;
border-left: 2px solid #dadada;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
}
.comment_holder .comment:not(.pingback-comment) .text .comment_top_arrow{
width: 26px;
height: 0px;
background: #fff;
position: absolute;
top: -2px;
left: -13px;
border-top: 2px solid #dadada;
}
.comment_holder .comment:not(.pingback-comment) .text li {
display: list-item;
}
.comment_holder .comment .text .comment_info_bottom{
margin: 13px 0 7px 0;
}
.comment_holder .comment .text .comment_date{
position: relative;
line-height: 24px;
font-size: 14px;
font-family: inherit;
color: #e5735c;
float:left;
padding: 0 12px 0 0;
}
.comment_holder .comment .text .comment_date:before{
content: '|';
right: 0;
position: absolute;
}
.comment_holder .comment .text .comment_date_format{
color: #e5735c;
}
.comment_holder .comment .text .comment_date_icon{
margin-right: 4px;
color: #464646;
}
.comment_holder .comment .text .comment_info{
display:inline-block;
vertical-align: middle;
width:100%;
}
.comment_holder .comment .text .name {
float:left;
font-size: 13px;
line-height: 18px;
letter-spacing: 1px;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
color: #464646;
}
.comment_holder .comment.pingback-comment .text .name {
margin:0 0 15px;
}
.comment_holder .comment .comment-reply-wrapper{
position: relative;
line-height: 24px;
font-size: 14px;
font-family: inherit;
color: #e5735c;
float:left;
padding: 0 0 0 12px;
}
.comment_holder .comment .text .replay,
.comment_holder .comment .text .comment-reply-link,
.comment_holder .comment .text .comment-edit-link {
color: #e5735c;
font-size:14px;
font-weight: 400;
margin-left: 5px;
-webkit-transition: background-color 0.15s ease-out, color 0.15s ease-out;
-moz-transition: background-color 0.15s ease-out, color 0.15s ease-out;
-o-transition: background-color 0.15s ease-out, color 0.15s ease-out;
-ms-transform: background-color 0.15s ease-out, color 0.15s ease-out;
transition: background-color 0.15s ease-out, color 0.15s ease-out;
}
.comment_holder .comment .text .comment_reply_icon{
color: #464646;
}
.comment_holder .comment .text .replay:hover,
.comment_holder .comment .text .comment-reply-link:hover,
.comment_holder .comment .text .comment-edit-link:hover {
color: #464646;
}
.comment_holder .comment .text .text_holder {
display: block;
margin: 8px 0 0 0;
color: #a0a3a4;
}
.comment_holder .comment .logged-in-as {
margin: 10px 0;
}
.comment_holder .comment .form-submit {
margin: 0 0 20px;
}
.comment_holder .comment-list li ul.children{
margin: 30px 0 0 0;
padding: 0 0 0 70px;
}
.comment_holder .comment-list li ul.children li{
margin: 0px 0px 18px 0px;
border-bottom:none;
}
.comment_holder .comment-list li ul.children li:last-child{
margin: 0px;
}
.single-post .comment-form .three_columns .column_inner{
position: relative;
margin: 0 10px 10px 0;
padding: 0;
}
.single-post .comment-form .three_columns .column3 .column_inner{
margin-right: 0;
}
.single-post .comment-form .three_columns .column_inner .comment_form_icon{
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
}
.single-post .comment-form .textarea_holder{
position: relative;
}
.single-post .comment-form .textarea_holder .comment_area_icon{
position: absolute;
top: 16px;
right: 16px;
}
#respond h3 {
margin: 0 0 15px 0;
}
#respond h3.comment-reply-title{
margin:0;
}
#respond h5 > span{
font-size: 19px;
margin-right: 15px;
}
#respond small {
display: block;
margin: 0 0 13px;
position: relative;
}
.comment_holder .comment .comment-respond{
margin-top: 40px;
}
#respond .comment-notes{
margin-bottom: 26px;
}
#respond textarea,
#respond input[type='text'],
.post-password-form input[type='password'] {
font-family: 'Raleway', sans-serif;
width:100%;
padding: 16px 20px;
border: 2px solid #dadada;
outline: 0;
resize: none;
font-family: inherit;
line-height: 18px;
font-size: 17px;
background-color: #fff;
color: #636363;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.comment_respond_note{
font-family: 'Raleway', sans-serif;
width:100%;
margin: 10px 0 15px 0;
padding: 16px 20px;
resize: none;
font-family: inherit;
line-height: 18px;
font-size: 17px;
background-color: #fff;
color: #636363;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.comment_respond_note i{
color: #e5735c;
margin: 0 12px 0 0;
}
#respond textarea {
font-family: 'Raleway', sans-serif;
padding: 16px 20px;
color: #636363;
margin: 0 0 22px 0;
}
.comment_holder #respond textarea,
.comment_holder #respond input[type='text']{
background-color: #fff;
}
.comment_holder .comment #respond textarea,
.comment_holder .comment #respond input[type='text']{
background-color: #fff;
}
.comment_holder #respond textarea {
margin: 0 0 12px;
}
#respond textarea:focus,
#respond input[type='text']:focus,
.post-password-form input[type='password']:focus {
color: #636363;
border-color: #e5735c;
}
#respond textarea:focus::-webkit-input-placeholder{
color:#636363;
}
#respond input[type='text']:focus::-webkit-input-placeholder{
color:#636363;
}
.post-password-form input[type='password']:focus::-webkit-input-placeholder {
color:#636363;
}
#respond textarea:focus:-moz-placeholder{
color:#636363;
}
#respond input[type='text']:focus:-moz-placeholder{
color:#636363;
}
.post-password-form input[type='password']:focus:-moz-placeholder {
color:#636363;
}
#respond textarea:focus::-moz-placeholder{
color:#636363;
}
#respond input[type='text']:focus::-moz-placeholder{
color:#636363;
}
.post-password-form input[type='password']:focus::-moz-placeholder {
color:#636363;
}
#respond textarea:focus:-ms-input-placeholder{
color:#636363;
}
#respond input[type='text']:focus:-ms-input-placeholder{
color:#636363;
}
.post-password-form input[type='password']:focus:-ms-input-placeholder {
color:#636363;
}
p.comment-form-cookies-consent {
padding: 10px 0 20px 0;
}
div.comment_form {
display: inline-block;
margin: 0 0 90px;
width: 100%;
padding:0;
}
div.comment_form form p.form-submit,
div.comment_holder .comment p.form-submit {
margin: 0;
}
div.comment_form form p.form-submit .success p{
margin: 10px 0 0;
}
div.comment_form form p.logged-in-as{
margin: 0 0 27px;
font-size: 12px;
font-weight: 400
}
div.comment_form form p.logged-in-as a{
color:#e5735c;
}
div.comment_form form p.logged-in-as a:hover{
color:#9d9d9d;
}
#cancel-comment-reply-link {
margin: 0px;
display: inline-block;
width: 100%;
}
/* ==========================================================================
End of comments styles
========================================================================== */
/* Isotope CSS3 transitions */
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.isotope {
-webkit-transition-property: height;
-moz-transition-property: height;
-ms-transition-property: height;
-o-transition-property: height;
transition-property: height;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
/* ==========================================================================
Audio styles
========================================================================== */
/*.wp-video .mejs-container {
height: 100% !important;
width: 100% !important;
}*/
.wp-video .mejs-container.wp-video-shortcode{
background-color: transparent;
}
.wp-video .mejs-container.wp-video-shortcode .mejs-controls {
height: 90px;
visibility: visible !important;
background-color: rgba(33, 17, 66, 0.7) !important;
padding: 0 20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wp-video .mejs-container.wp-video-shortcode .mejs-controls .mejs-time-rail .mejs-time-loaded {
background-color: rgba(48, 35, 78, 0.8);
}
.wp-video .mejs-container.wp-video-shortcode .mejs-button.mejs-playpause-button {
padding-top: 30px !important;
}
.wp-video .mejs-container.wp-video-shortcode .mejs-controls .mejs-button button:focus{
outline: 0;
}
.wp-video .mejs-container.wp-video-shortcode .mejs-controls .mejs-time{
padding: 38px 0 0 0 !important;
}
.wp-video .mejs-container.wp-video-shortcode .mejs-controls div.mejs-time-rail{
padding-top: 44px;
margin-left: 5px;
}
.wp-video .mejs-container.wp-video-shortcode .mejs-button.mejs-volume-button {
padding-top: 31px !important;
}
.wp-video .mejs-container.wp-video-shortcode .mejs-button.mejs-fullscreen-button {
padding-top: 30px !important;
}
.wp-video .mejs-container.wp-video-shortcode .mejs-controls .mejs-time-rail span{
height: 3px !important;
}
.wp-video .mejs-container.wp-video-shortcode .mejs-controls .mejs-time-rail span {
height: 4px !important;
margin: 0;
border-bottom-left-radius: 5px !important;
border-bottom-right-radius: 5px!important;
border-top-left-radius: 5px !important;
border-top-right-radius: 5px !important;
}
.wp-video .mejs-container.wp-video-shortcode .mejs-controls .mejs-time-rail span.mejs-time-float{
display: none !important;
}
.wp-video .mejs-container.wp-video-shortcode .mejs-controls .mejs-time-rail .mejs-time-current {
background: #1556e4 !important;
background: rgba(21, 86, 228, 1) !important;
background: -webkit-linear-gradient(left, #1556e4 , #89ac67, #fbef03) !important; /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, #1556e4 , #89ac67, #fbef03) !important; /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, #1556e4 , #89ac67, #fbef03) !important; /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #1556e4 , #89ac67, #fbef03) !important; /* Standard syntax */
}
.wp-video .mejs-container.wp-video-shortcode .mejs-controls .mejs-time span{
font-size: 15px;
line-height: 15px;
font-weight: 500;
font-family: 'Raleway', sans-serif;
}
.wp-video .mejs-container.wp-video-shortcode .mejs-controls .mejs-volume-button .mejs-volume-slider{
top: -55px;
background-color: rgba(48, 35, 78, 0.3);
}
.wp-video .mejs-container.wp-video-shortcode .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current,
.wp-video .mejs-container.wp-video-shortcode .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total{
width: 4px;
}
.wp-video .mejs-container.wp-video-shortcode .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total{
height: 80px !important;
background-color: rgba(255, 255, 255, 0.7);
}
.wp-video .mejs-container.wp-video-shortcode .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current{
background-color: #fef200;
}
.wp-video .mejs-container.wp-video-shortcode .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
position: absolute;
left: 6px;
top: 0px;
width: 15px;
height: 15px;
background: #fff;
background: rgba(255,255,255,1);
cursor: pointer;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin: 0;
}
.mejs-container:not(.wp-video-shortcode) {
position: relative;
text-align: left;
vertical-align: top;
text-indent: 0;
height: 50px !important;
background-color: #f5f5f5;
}
.mejs-container.wp-audio-shortcode {
height: 50px !important;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
.blog_holder.masonry .mejs-container {
border:none;
}
.blog_holder.small_images article .post_text .post_inner .mejs-container{
margin: 0 0 15px;
}
.me-plugin {
position: absolute;
}
.mejs-embed, .mejs-embed body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
.mejs-fullscreen {
/* set it to not show scroll bars so 100% will work */
overflow: hidden !important;
}
.mejs-container-fullscreen {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow: hidden;
z-index: 1000;
}
.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
width: 100%;
height: 100%;
}
.mejs-clear {
clear: both;
}
/* Start: LAYERS */
.mejs-background {
position: absolute;
top: 0;
left: 0;
}
.mejs-mediaelement {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.blog_holder.masonry .mejs-mediaelement{
border: none;
}
.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body {
background: transparent;
}
.mejs-poster {
position: absolute;
top: 0;
left: 0;
background-size: contain;
background-position: 50% 50% ;
background-repeat: no-repeat ;
}
:root .mejs-poster img {
display: none ;
}
.mejs-poster img {
border: 0;
padding: 0;
border: 0;
}
.mejs-overlay {
position: absolute;
top: 0;
left: 0;
}
.mejs-overlay-play {
cursor: pointer;
}
/* End: LAYERS */
/* Start: CONTROL BAR */
.mejs-container .mejs-controls {
position: absolute;
list-style-type: none;
margin: 0;
padding: 0;
bottom: 0;
left: 0;
height: 50px;
width: 100%;
}
.mejs-container .mejs-controls div{
list-style-type: none;
background-image: none;
display: block;
float: left;
margin: 0;
padding: 0;
width: 35px;
height: 50px;
border: 0;
}
.mejs-controls .mejs-button button {
cursor: pointer;
display: block;
font-size: 0;
line-height: 0;
text-decoration: none;
padding: 0;
position: absolute;
width: 14px;
height: 13px;
border: 0;
background: transparent;
}
.no-svg .mejs-controls .mejs-button button {
background-image: url(img/audio/controls.png);
}
/* :focus for accessibility */
.mejs-controls .mejs-button button:focus {
outline: none;
}
/* End: CONTROL BAR */
/* Start: Time (Current / Duration) */
.mejs-container .mejs-controls .mejs-time {
color: #5d5d5d;
display: block;
height: 50px;
width: auto;
padding: 0;
overflow: hidden;
text-align: left;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.mejs-container .mejs-controls .mejs-currenttime-container {
margin: 0 4px 0 0;
}
.mejs-container .mejs-controls .mejs-time span {
color: #5d5d5d;
font-size: 13px;
font-weight: 700;
line-height: 52px;
display: block;
float: left;
margin: 0;
width: 39px;
font-family: "Arial", sans-serif;
}
.mejs-container .mejs-controls .mejs-time .mejs-duration{
display: none;
}
/* End: Time (Current / Duration) */
/* Start: Play/Pause/Stop */
.mejs-controls .mejs-playpause-button button {
margin: 19px 12px;
}
.mejs-controls .mejs-play button {
background-image: url(img/audio/play.png);
background-repeat: no-repeat;
background-position: center;
}
.mejs-controls .mejs-pause button {
background-image: url(img/audio/pause.png);
background-repeat: no-repeat;
background-position: center;
}
.mejs-controls .mejs-stop button {
background-image: url(img/audio/stop.png);
background-repeat: no-repeat;
background-position: center;
}
/* Start: Play/Pause/Stop */
/* Start: Progress Bar */
.mejs-controls div.mejs-time-rail {
direction: ltr;
}
.mejs-controls .mejs-time-rail span {
display: block;
position: absolute;
height: 50px;
cursor: pointer;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
background-color: #ededed;
width: 100%;
margin: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-buffering {
width: 100%;
background-image: -o-linear-gradient(-45deg, rgba(224, 222, 222, 0.15) 25%, transparent 25%, transparent 50%, rgba(224, 222, 222, 0.15) 50%, rgba(224, 222, 222, 0.15) 75%, transparent 75%, transparent);
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(224, 222, 222, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(224, 222, 222, 0.15)), color-stop(0.75, rgba(224, 222, 222, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(-45deg, rgba(224, 222, 222, 0.15) 25%, transparent 25%, transparent 50%, rgba(224, 222, 222, 0.15) 50%, rgba(224, 222, 222, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, rgba(224, 222, 222, 0.15) 25%, transparent 25%, transparent 50%, rgba(224, 222, 222, 0.15) 50%, rgba(224, 222, 222, 0.15) 75%, transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, rgba(224, 222, 222, 0.15) 25%, transparent 25%, transparent 50%, rgba(224, 222, 222, 0.15) 50%, rgba(224, 222, 222, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, rgba(224, 222, 222, 0.15) 25%, transparent 25%, transparent 50%, rgba(224, 222, 222, 0.15) 50%, rgba(224, 222, 222, 0.15) 75%, transparent 75%, transparent);
-webkit-background-size: 15px 15px;
-moz-background-size: 15px 15px;
-o-background-size: 15px 15px;
background-size: 15px 15px;
-webkit-animation: buffering-stripes 2s linear infinite;
-moz-animation: buffering-stripes 2s linear infinite;
-ms-animation: buffering-stripes 2s linear infinite;
-o-animation: buffering-stripes 2s linear infinite;
animation: buffering-stripes 2s linear infinite;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
width: 0;
margin: 0px;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
background-color: #e5735c;
margin: 0px;
}
.mejs-controls .mejs-time-rail .mejs-time-handle {
display: none;
position: absolute;
margin: 0;
width: 10px;
background-color: #e5735c;
cursor: pointer;
top: 0px;
text-align: center;
}
.mejs-controls .mejs-time-rail .mejs-time-float {
position: absolute;
display: none;
width: 36px;
height: 15px;
top: -35px;
margin-left: -18px;
text-align: center;
color: #000;
}
.mejs-controls .mejs-time-rail .mejs-time-float-current {
margin: 2px;
width: 30px;
display: block;
text-align: center;
left: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
display: none;
}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
width: 48px;
}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
width: 44px;
}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
left: 18px;
}
/* End: Progress Bar */
/* Start: Mute/Volume */
.mejs-controls .mejs-volume-button {
background-image: url(img/audio/sound.png);
background-repeat: no-repeat;
background-position: center;
}
.mejs-controls .mejs-mute button {
background-image: url(img/audio/sound.png);
background-repeat: no-repeat;
background-position: center;
}
.mejs-controls .mejs-unmute button {
background-image: url(img/audio/mute.png);
background-repeat: no-repeat;
background-position: center;
}
.mejs-controls .mejs-volume-button {
position: relative;
}
.mejs-controls .mejs-volume-button button{
width: 20px;
height: 15px;
margin: 18px 6px 18px 16px;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider {
display: none;
height: 115px;
width: 25px;
background-image: url(img/audio/sound.png);
background-repeat: no-repeat;
background-position: center;
top: -115px;
left: 0;
z-index: 1;
position: absolute;
margin: 0;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
position: absolute;
left: 11px;
top: 8px;
width: 2px;
height: 100px;
margin: 0;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
position: absolute;
left: 11px;
top: 8px;
width: 2px;
height: 100px;
margin: 0;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
position: absolute;
left: 4px;
top: -3px;
width: 16px;
height: 6px;
cursor: N-resize;
margin: 0;
}
/* horizontal version */
.mejs-controls div.mejs-horizontal-volume-slider {
height: 50px;
width: 40px;
position: relative;
float: right;
margin-right: 20px;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
position: absolute;
left: 0;
top: 18px;
width: 40px;
height: 16px;
margin: 0;
padding: 0;
font-size: 1px;
background-color: #ededed;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
position: absolute;
left: 0;
top: 0px;
width: 100%;
height: 16px;
margin: 0;
padding: 0;
font-size: 1px;
background-color: #e5735c;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
display: none;
}
/* End: Mute/Volume */
/* Start: Error */
.me-cannotplay {
}
.me-cannotplay a {
color: #fff;
font-weight: bold;
}
.me-cannotplay span {
padding: 15px;
display: block;
}
/* End: Error */
/* Start: Loop */
.mejs-controls .mejs-loop-off button {
background-position: -64px -16px;
}
.mejs-controls .mejs-loop-on button {
background-position: -64px 0;
}
/* End: Loop */
/* Start: backlight */
.mejs-controls .mejs-backlight-off button {
background-position: -80px -16px;
}
.mejs-controls .mejs-backlight-on button {
background-position: -80px 0;
}
.blog_holder.masonry .mejs-container,
.blog_holder.masonry .mejs-container .mejs-controls,
.blog_holder.masonry .mejs-container .mejs-controls div,
.blog_holder.masonry .mejs-container .mejs-controls .mejs-time,
.blog_holder.masonry .mejs-controls div.mejs-horizontal-volume-slider,
.blog_holder.masonry .mejs-container .mejs-controls .mejs-time span,
.blog_holder.masonry_full_width .mejs-container,
.blog_holder.masonry_full_width .mejs-container .mejs-controls,
.blog_holder.masonry_full_width .mejs-container .mejs-controls div,
.blog_holder.masonry_full_width .mejs-container .mejs-controls .mejs-time,
.blog_holder.masonry_full_width .mejs-controls div.mejs-horizontal-volume-slider,
.blog_holder.masonry_full_width .mejs-container .mejs-controls .mejs-time span{
height: 60px !important;
}
.blog_holder.masonry .mejs-container .mejs-controls .mejs-time span,
.blog_holder.masonry_full_width .mejs-container .mejs-controls .mejs-time span{
line-height: 60px;
}
.blog_holder.masonry .mejs-controls .mejs-time-rail span,
.blog_holder.masonry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.blog_holder.masonry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.blog_holder.masonry_full_width .mejs-controls .mejs-time-rail span,
.blog_holder.masonry_full_width .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.blog_holder.masonry_full_width .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{
height:12px !important;
}
.blog_holder.masonry .mejs-controls .mejs-button button,
.blog_holder.masonry_full_width .mejs-controls .mejs-button button{
margin: 24px 15px 23px 15px;
}
.blog_holder.masonry .mejs-controls .mejs-time-rail span,
.blog_holder.masonry_full_width .mejs-controls .mejs-time-rail span{
margin: 24px 15px;
}
.blog_holder.masonry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.blog_holder.masonry_full_width .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.blog_holder.masonry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.blog_holder.masonry_full_width .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{
top:25px;
}
.blog_holder.masonry .mejs-container .mejs-controls .mejs-time span,
.blog_holder.masonry_full_width .mejs-container .mejs-controls .mejs-time span{
font-size:14px;
}
.blog_holder.masonry .mejs-controls .mejs-time-rail .mejs-time-loaded,
.blog_holder.masonry_full_width .mejs-controls .mejs-time-rail .mejs-time-loaded,
.blog_holder.masonry .mejs-controls .mejs-time-rail .mejs-time-current,
.blog_holder.masonry_full_width .mejs-controls .mejs-time-rail .mejs-time-current{
margin:0;
}
/* #Blog slider
========================================================================== */
.blog_slider, .blog_slides .image_holder {
position: relative;
display: block;
-webkit-backface-visibility: hidden;
}
.blog_slider .image{
position: relative;
display: block;
overflow: hidden;
width: 100%;
-moz-transform: translateZ(0px);
-webkit-transform: translateZ(0px);
}
.blog_slider .blog_slides>li{
background-color: transparent;
position: relative;
margin: 0;
float: left;
-webkit-backface-visibility: hidden;
-moz-transform: translateZ(0px);
-webkit-transform: translateZ(0px);
transform: translateZ(0);
}
.blog_slider_holder .item_holder {
position: relative;
overflow: hidden;
}
.blog_slider {
margin: 0;
width: 100.2%;
position: relative;
zoom: 1;
}
.blog_slider .blog_slides img {
width: 100%;
display: block;
-webkit-transition: -webkit-transform 0.15s ease-out;
-moz-transition: -moz-transform 0.15s ease-out;
-ms-transition: -ms-transform 0.15s ease-out;
-o-transition: -o-transform 0.15s ease-out;
transition: transform 0.15s ease-out;
}
.blog_slider .flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
transition: all 1s ease;
direction: ltr;
}
.blog_slider .blog_slides {
margin: 0;
padding: 0;
list-style: none;
zoom: 1;
}
.blog_slider .flex-direction-nav{
*height: 0;
}
.blog_text_holder{
position:absolute;
width:100%;
height:100%;
opacity: 0;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
transition: all 1s ease;
background-color: rgba(70, 70, 70, 0.8);
}
.blog_text_holder_outer{
display: table;
width: 100%;
height: 100%;
text-align: center;
}
.blog_text_holder_inner{
display: table-cell;
vertical-align: middle;
}
.blog_slides .item:hover .blog_text_holder {
opacity: 1;
z-index: 20;
}
.blog_slides .blog_text_holder .blog_slider_title{
padding: 0 15px;
}
.blog_slides .blog_text_holder .blog_slider_post_info{
text-transform: capitalize;
}
.blog_slider_title a, .blog_slider_date_holder{
color: rgb(255,255,255);
}
.blog_slider .caroufredsel-next,
.full_width .section_inner .blog_slider .caroufredsel-next{
right: 20px;
}
body.boxed .blog_slider .caroufredsel-next,
body.boxed .full_width .section_inner .blog_slider .caroufredsel-next{
right: 0;
}
.blog_slider .caroufredsel-prev,
.full_width .section_inner .blog_slider .caroufredsel-prev{
left: 20px;
}
body.boxed .blog_slider .caroufredsel-prev,
body.boxed .full_width .section_inner .blog_slider .caroufredsel-prev{
left: 0;
}
.blog_slider .caroufredsel-prev,
.blog_slider .caroufredsel-next {
display: none; /* will be overriden by javascript */
}
.blog_slider .flex-container a:active, .blog_slider .flexslider a:active,
.blog_slider .flex-container a:focus, .blog_slider .flexslider a:focus{
outline: 0;
}
.blog_slider:hover .caroufredsel-direction-nav a:hover{
background-color: #393939;
}
.blog_slider .blog_slider_pager{
text-align: center;
padding: 5px 0;
}
.blog_slider .blog_slider_pager a{
display: inline-block;
width: 8px;
height: 8px;
background-color: #171717;
opacity: 0.4;
border-radius: 50%;
margin: 0 3px;
vertical-align: middle;
}
.blog_slider .blog_slider_pager a.selected{
opacity: 1;
}
.blog_slider .blog_slider_pager a span{
display: none;
}
/*Blog Slider - Slider Info Always*/
.blog_slides .blog_text_holder.slider_info_always{
opacity: 1;
z-index: 20;
}
.blog_slides .item:hover .blog_text_holder.slider_info_always{
background-color: transparent !important; /*because of the inline background color*/
opacity: 1;
}
.blog_slider .blog_text_holder .blog_slider_separator{
display: block;
width: 100%;
height: 1px;
margin: 10px auto;
}
/*Blog Slider - Slider Info in Bottom*/
.blog_text_holder.blog_slider_info_in_bottom{
opacity: 1;
height:auto;
bottom: 0;
/*padding: 25px 0;*/
z-index: 20;
display: table;
/*-ms-transform: translateY(100%);*/
/*-webkit-transform: translateY(100%);*/
/*transform: translateY(100%);*/
/*-webkit-transition: -webkit-transform 0.25s ease-out, opacity 0.25s ease-out;*/
/*transition: transform 0.25s ease-out, opacity 0.25s ease-out;*/
}
.blog_slides .item:hover .blog_text_holder.blog_slider_info_in_bottom{
/*opacity: 1;*/
/*-ms-transform: translateY(0);*/
/*-webkit-transform: translateY(0);*/
/*transform: translateY(0);*/
}
.blog_text_holder.blog_slider_info_in_bottom .blog_text_holder_inner .blog_slider_post_info > *:not(:first-child):before{
content: "|";
padding: 0 13px;
}
.blog_text_holder.blog_slider_info_in_bottom .post_corner_info_holder {
width: 70px;
float: left;
display: table-cell;
text-align: center;
}
.blog_text_holder.blog_slider_info_in_bottom .post_corner_info_holder .post_date_standard_holder {
padding: 7px 0 13px;
color: #fff;
background-color: #e5735c;
text-transform: uppercase;
font-weight: 600;
}
.blog_text_holder.blog_slider_info_in_bottom .post_corner_info_holder .post_date_standard_holder > span {
display: block;
}
.blog_text_holder.blog_slider_info_in_bottom .post_corner_info_holder .post_comments_standard_holder {
background-color: #464646;
padding: 12px 0;
}
.blog_text_holder.blog_slider_info_in_bottom .post_corner_info_holder .post_comments_standard_holder a {
color: #fff;
font-size: 16px;
}
.blog_text_holder.blog_slider_info_in_bottom .post_corner_info_holder .post_date_standard_holder .post_date_day {
font-size: 28px;
line-height: 30px;
}
.blog_text_holder.blog_slider_info_in_bottom .post_corner_info_holder .post_date_standard_holder .post_date_month_year {
font-size: 11px;
line-height: normal;
margin-top: 6px;
}
.blog_text_holder.blog_slider_info_in_bottom .blog_text_holder_outer {
display: table-cell;
vertical-align: middle;
padding-left: 30px;
text-align: left;
}
.blog_text_holder.blog_slider_info_in_bottom .blog_slider_title {
text-transform: uppercase;
padding: 0;
margin-bottom: 15px;
}
.blog_text_holder.blog_slider_info_in_bottom .blog_slider_date_holder {
color: #e5735c;
}
.blog_text_holder.blog_slider_info_in_bottom .info-icon {
color: #ffffff;
margin-right: 8px;
}
.blog_text_holder.blog_slider_info_in_bottom .blog_slider_categories{
display: inline-block;
}
.blog_slides .item .blog_image_holder img{
-webkit-transition: -webkit-transform 0.25s ease-out;
transition: transform 0.25s ease-out;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.blog_slides .item:hover .blog_image_holder img{
-ms-transform: scale(1.05);
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
/* End of audio styles
========================================================================== */
/* ==========================================================================
End of blog styles
========================================================================== */
/**
* 12. Portfolio styles
*
* In this section styles for portfolios are defined and they are consisted from this sections:
* 1. Portfolio single
* 2. Portfolio shortcode
* 3. Portfolio Masonry
* 4. New Hover effects
*/
/* ==========================================================================
1. Portfolio single styles
========================================================================== */
.portfolio_single,
.portfolio_single_text_holder,
.portfolio_detail,
.lightbox_single_portfolio{
position: relative;
}
.portfolio_single .portfolio_images img,
.portfolio_single .portfolio_images > a.lightbox_single_portfolio,
.portfolio_single.small-slider .flexslider,
.portfolio_single .portfolio_images .fluid-width-video-wrapper,
.portfolio_single.small-images .portfolio_images img{
display: block;
margin: 0 0 18px;
}
.portfolio_single .flexslider,
.portfolio_single .portfolio_images .fluid-width-video-wrapper:last-child,
.portfolio_single .portfolio_images > a.lightbox_single_portfolio:last-child,
.portfolio_single .portfolio_images img:last-child{
margin: 0;
}
.fluid-width-video-wrapper {
padding-top: 57% !important;
}
.portfolio_single a.lightbox_single_portfolio > i{
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
vertical-align: middle;
font-size: 40px;
color: #fff;
margin: -20px 0 0 -15px;
z-index: 110;
}
.portfolio_single .portfolio_container {
position: relative;
z-index: 200;
}
.portfolio_single.big-slider .portfolio_container,
.portfolio_single.big-images .portfolio_container,
.portfolio_single.gallery .portfolio_container{
display: block;
padding: 55px 45px 26px;
background-color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.portfolio_single.gallery .portfolio_container{
margin:0;
}
.portfolio_single .portfolio_single_text_title span{
color: inherit;
font-size: inherit;
line-height: inherit;
}
.portfolio_single .portfolio_single_text_title{
margin: 0 0 30px;
color: #393939;
}
.portfolio_detail.portfolio_single_follow {
position: relative;
}
.portfolio_single_text_holder {
margin: 0 0 30px;
}
.portfolio_detail .info:not(.portfolio_single_content) {
padding: 30px 0 30px;
}
.portfolio_detail .info .info_section_title {
margin-bottom: 4px;
color:#363636;
}
.video_holder {
position: relative;
width: 100%;
display: block;
min-height: 1px;
}
.portfolio_single .video .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;
}
.portfolio_single .video {
margin: 0 0 44px;
position: relative;
}
.portfolio_single .video .video-wrap {
overflow: hidden;
position: relative;
width: 100%;
z-index: 10;
}
.portfolio_single .video .video-wrap .mejs-poster {
background-size: cover!important;
-moz-background-size: cover!important;
-webkit-background-size: cover!important;
-o-background-size: cover!important;
width: 100% !important;
height: 100% !important;
}
.portfolio_single .video .video-wrap .mejs-container {
background-color: transparent!important;
background-image: none!important;
height: 100% !important;
width: 100% !important;
overflow: hidden;
}
.portfolio_single .video .video-wrap .mejs-mediaelement {
background: none !important;
border: 0px !important;
}
.portfolio_single .video .video-wrap .mejs-container .mejs-poster img {
max-width: none!important;
width: 100%!important;
}
.portfolio_single .mejs-container .mejs-controls {
visibility: visible !important;
}
.portfolio_single .mejs-controls .mejs-volume-button .mejs-volume-slider {
display: none !important;
}
.flexslider .slides .mejs-poster img,
.portfolio_slider .portfolio_slides .mejs-poster img {
display: none;
}
.portfolio_single .flexslider .video .video-wrap {
margin: 0;
}
.portfolio_single .social_share_list_holder ul li{
margin: 6px 12px 0 0;
}
/*social styling*/
.portfolio_social_section {
text-align: center;
padding: 40px 0;
border-bottom: 2px solid #dadada;
}
.portfolio_social_section > div:before {
content: '|';
display: inline-block;
margin: 10px;
}
.portfolio_social_section > div:first-child:before {
display: none;
}
.portfolio_social_section span[class^='icon'] {
color: #464646;
margin-right: 5px;
vertical-align: middle;
font-size: 23px;
}
.portfolio_social_holder,
.portfolio_like, .portfolio_print {
display: inline-block;
}
.portfolio_like .icon-heart ~ span {
display: inline-block;
margin-left: 10px;
-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;
}
.portfolio_like .icon-heart ~ span:hover {
color: #464646;
}
.portfolio_single_text_title {
margin: 0 0 30px;
}
.portfolio_print-text {
-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;
}
.portfolio_print-text:hover {
color: #464646;
}
/*portfolio detail styling*/
.single-portfolio_page div.info {
min-height: 90px;
border-bottom: 1px solid #dadada;
box-sizing:border-box;
}
.single-portfolio_page .info:last-of-type {
border: none;
}
.info_section_title {
padding-top: 4px;
}
.info_section_title:after {
content: ':';
}
.single-portfolio_page div.info a:hover {
color: #464646;
}
/*portfolio navigation margin for custom portfolio, small slider, small images portfolio types*/
.portfolio_single.custom .portfolio_navigation,
.portfolio_single.full-width-portfolio .portfolio_navigation,
.portfolio_single.small-slider .portfolio_navigation{
margin-top: 40px;
}
/* Portfolio single gallery template
========================================================================== */
.portfolio_gallery {
display: inline-block;
width: 100%;
position: relative;
margin: 0;
vertical-align: middle;
}
.portfolio_gallery a {
position: relative;
float: left;
display: inline-block;
overflow: hidden;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0px);
-moz-transform: translateZ(0px);
}
.portfolio_gallery a.v2 {
width: 49%;
margin: 0 2% 2% 0;
}
.portfolio_gallery a.v3 {
width: 32%;
margin: 0 2% 2% 0;
}
.portfolio_gallery a.v4 {
width: 23.5%;
margin: 0 2% 2% 0;
}
.portfolio_gallery a.v2:nth-child(2n),
.portfolio_gallery a.v3:nth-child(3n),
.portfolio_gallery a.v4:nth-child(4n) {
margin: 0 0 2% 0;
}
.portfolio_gallery a img,
.portfolio_gallery a frame {
position: relative;
display: block;
width: 100%;
z-index: 100;
}
.portfolio_gallery iframe{
min-height: 200px;
}
.portfolio_gallery a .gallery_text_holder{
background-color: rgba(255, 255, 255, 0.90);
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
display: inline-block;
z-index: 200;
opacity: 0;
filter: alpha(opacity=0);
visibility: visible;
-webkit-transition: opacity 0.15s ease-out;
-moz-transition: opacity 0.15s ease-out;
-o-transition: opacity 0.15s ease-out;
-ms-transition: opacity 0.15s ease-out;
}
.portfolio_gallery a:hover .gallery_text_holder{
opacity: 1;
filter: alpha(opacity=100);
}
.portfolio_gallery a .gallery_text_outer{
display: table;
text-align: center;
width: 100%;
height: 100%;
}
.portfolio_gallery a .gallery_text_inner{
display: table-cell;
vertical-align: middle;
}
.portfolio_gallery a .gallery_text_inner .separator.animate{
border-bottom: medium none;
transition: width 0.4s ease 0s;
width: 0;
background-color: #393939;
display: inline-block;
height: 2px;
margin: 10px 0;
}
.portfolio_gallery a:hover .gallery_text_inner .separator.animate{
width: 10%;
}
.portfolio_gallery a .gallery_text_inner h4{
display: block;
margin: 0;
padding: 0px 15px;
color: #393939;
}
/* End of portfolio gallery template styles
========================================================================== */
/* Portfolio navigation and blog navigation styles
========================================================================== */
.portfolio_navigation,
.blog_navigation{
display: inline-block;
width: 100%;
padding: 35px 0;
z-index: 100;
position: relative;
text-align: center;
vertical-align: middle;
border-top: 2px solid #dadada;
}
.blog_navigation{
padding: 30px 0;
}
.portfolio_navigation_inner,
.blog_navigation_inner{
position: relative;
display: block;
height: 50px;
}
.portfolio_navigation .portfolio_prev,
.portfolio_navigation .portfolio_next,
.portfolio_navigation .portfolio_button,
.blog_navigation .blog_prev,
.blog_navigation .blog_next{
position: relative;
display: inline-block;
height: 50px;
width: auto;
margin: 0;
background-color: transparent;
text-align:left;
vertical-align: middle;
cursor: pointer;
white-space: nowrap;
outline: none;
text-shadow: none;
}
.portfolio_navigation .portfolio_prev_label {
display: inline-block;
position: absolute;
left: 75px;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #363636;
}
.portfolio_navigation .portfolio_next_label {
display: inline-block;
position: absolute;
right: 75px;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #363636;
}
.portfolio_navigation .portfolio_button{
width: 50px;
}
.portfolio_navigation .portfolio_prev,
.blog_navigation .blog_prev{
position: absolute;
top: 0;
left: 0;
}
.portfolio_navigation .portfolio_next,
.blog_navigation .blog_next{
position: absolute;
top: 0;
right: 0;
}
.portfolio_navigation .portfolio_prev,
.portfolio_navigation .portfolio_next{
top: 50%;
}
.portfolio_single .portfolio_navigation .portfolio_prev a,
.portfolio_single .portfolio_navigation .portfolio_next a{
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border-color: rgba(218,218,218,1);
border-style: solid;
border-width: 2px;
width: 49px;
height: 47px;
position: relative;
overflow: hidden;
-webkit-transition-property: border-color;
transition-property: border-color;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.blog_navigation .blog_prev a,
.blog_navigation .blog_next a {
position: relative;
overflow: hidden;
-webkit-transition-property: border-color;
transition-property: border-color;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.portfolio_navigation a,
.blog_navigation a{
font-size: 30px;
color: #dadada;
-webkit-transition: color 0.15s ease-out;
-moz-transition: color 0.15s ease-out;
-ms-transition: color 0.15s ease-out;
-o-transition: color 0.15s ease-out;
transition: color 0.15s ease-out;
}
.portfolio_navigation a,
.portfolio_navigation span,
.blog_navigation a,
.blog_navigation span {
line-height: 50px;
display: block;
}
.portfolio_navigation a{
text-align: center;
}
.portfolio_navigation span:before,
.blog_navigation span:before{
display: block;
line-height: 47px;
}
.hidden_right_nav {
position: absolute;
top: 0;
left: 100%;
width: 100%;
height: 100%;
color: #464646;
}
.hidden_left_nav {
position: absolute;
top: 0;
right: 100%;
width: 100%;
height: 100%;
color: #464646;
}
.portfolio_button a span:last-child {
position: absolute;
top: -100%;
width: 100%;
height: 100%;
color: #464646;
}
.portfolio_next a span,
.portfolio_prev a span,
.portfolio_button a span,
.blog_prev a span,
.blog_next a span {
-webkit-transition-property: color, border-color, -webkit-transform;
transition-property: color, border-color, transform;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.portfolio_next a span,
.portfolio_prev a span {
font-size: 23px;
}
.portfolio_next a:hover span,
.blog_next a:hover span {
-webkit-transform: translateX(-100%) translateZ(0);
transform: translateX(-100%) translateZ(0);
}
.portfolio_prev a:hover span,
.blog_prev a:hover span {
-webkit-transform: translateX(100%) translateZ(0);
transform: translateX(100%) translateZ(0);
}
.portfolio_button a {
height: 100%;
overflow: hidden;
position: relative;
}
.portfolio_button a:hover span {
-webkit-transform: translateY(100%) translateZ(0);
transform: translateY(100%) translateZ(0);
}
.portfolio_button a:hover,
.portfolio_prev a:hover,
.portfolio_next a:hover {
border-color: #464646;
}
/* End of portfolio navigation and blog navigation styles
========================================================================== */
/* ==========================================================================
2. Portfolio shortcode styles
========================================================================== */
.projects_holder_outer{
margin: 0;
display: block;
width: 100%;
}
.projects_holder_outer .container .container_inner{
padding: 0;
}
.full_width .projects_holder_outer.v6 ,
.full_width .projects_holder_outer.v5 ,
.full_width .projects_holder_outer.v4 ,
.full_width .projects_holder_outer.v5 .standard,
.full_width .projects_holder_outer.v6 .standard,
.full_width .projects_holder_outer.v4 .standard {
width: 100%;
margin: 0 auto;
}
.full_width .section_inner .projects_holder_outer.v6 ,
.full_width .section_inner .projects_holder_outer.v5 ,
.full_width .section_inner .projects_holder_outer.v4 ,
.full_width .section_inner .projects_holder_outer.v5 .standard,
.full_width .section_inner .projects_holder_outer.v6 .standard,
.full_width .section_inner .projects_holder_outer.v4 .standard {
width: 100%;
}
.full_width .projects_holder_outer.v6 .no_space,
.full_width .projects_holder_outer.v5 .no_space,
.full_width .projects_holder_outer.v4 .no_space{
width: 100%;
margin: 0;
}
body:not(.has_general_padding) .full_width .projects_holder_outer.v4:not(.portfolio_full_width_on_portfolio) .hover_text:not(.no_space):not(.force_full_width),
body:not(.has_general_padding) .full_width .projects_holder_outer.v4:not(.masonry_with_space):not(.portfolio_full_width_on_portfolio) .standard:not(.force_full_width){
width: 96%;
margin: 0 auto;
}
body:not(.has_general_padding) .full_width .projects_holder_outer.v5:not(.portfolio_full_width_on_portfolio) .hover_text:not(.no_space):not(.force_full_width),
body:not(.has_general_padding) .full_width .projects_holder_outer.v5:not(.masonry_with_space):not(.portfolio_full_width_on_portfolio) .standard:not(.force_full_width){
width: 95%;
margin: 0 auto;
}
body:not(.has_general_padding) .full_width .projects_holder_outer.v6:not(.portfolio_full_width_on_portfolio) .hover_text:not(.no_space),
body:not(.has_general_padding) .full_width .projects_holder_outer.v6:not(.masonry_with_space):not(.portfolio_full_width_on_portfolio) .standard:not(.force_full_width){
width: 97.5%;
margin: 0 auto;
}
.full_width .masonry_with_space .projects_holder.v6,
.full_width .masonry_with_space .projects_holder.v5,
.full_width .masonry_with_space .projects_holder.v4,
.full_width .masonry_with_space .projects_holder.v3{
width: auto;
}
.projects_holder{
font-size: 0.1px;
line-height: 0;
list-style-type: none;
text-align: justify;
}
.projects_holder:after,
.projects_holder:before{
content: "";
display: inline-block !important;
width: 100%;
}
.projects_holder > .mix{
/* display: none; */
display: inline-block; /* inline-block is for the preload state, items should be stacked one next to another (instead one below another) so anchor logic could calculate positions right */
visibility: hidden;
position: relative;
vertical-align: top;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
text-align: left;
}
.projects_holder.hideItems > .mix{
display: none;
}
.portfolio_main_holder.no_space.hover_text article,
.portfolio_main_holder.standard_no_space article{
float: left;
}
.projects_holder .mix .image,
.portfolio_slider .image,
.portfolio_masonry_holder .image{
position: relative;
display: block;
overflow: hidden;
width: 100%;
-moz-transform: translateZ(0px);
-webkit-transform: translateZ(0px);
}
.projects_holder article .image img {
position: relative;
display: block;
width: 100%;
z-index: 100;
}
.projects_holder article .image img,
.portfolio_slider .portfolio_slides li.item img {
-webkit-transition: -webkit-transform 0.15s ease-out;
-moz-transition: -moz-transform 0.15s ease-out;
-ms-transition: -ms-transform 0.15s ease-out;
-o-transition: -o-transform 0.15s ease-out;
transition: transform 0.15s ease-out;
}
.projects_holder.no_space article .image img{
margin:0 1px;
}
.projects_holder article .image_holder,
.projects_holder article .portfolio_description,
.portfolio_slider_holder li .portfolio_description{
display: block;
position: relative;
overflow: hidden; /* because of the one pixel shortage on the right side */
}
.projects_holder.no_space article .image_holder{
margin: 0 -1px 0 -1px;
}
.firefox_mac_browser .projects_holder.no_space article .image_holder{
margin: 0 -2px -2px;
}
.projects_holder article .portfolio_description,
.portfolio_slider_holder li .portfolio_description {
padding: 20px 0 27px;
background-color: #fff;
border-top:none !important;
}
.projects_holder article .portfolio_description.text_align_left,
.portfolio_slider_holder li .portfolio_description.text_align_left {
text-align: left;
}
.projects_holder article .portfolio_description.text_align_center,
.portfolio_slider_holder li .portfolio_description.text_align_center {
text-align: center;
}
.projects_holder article .portfolio_description.text_align_right,
.portfolio_slider_holder li .portfolio_description.text_align_right {
text-align: right;
}
.projects_holder.standard article .portfolio_description,
.projects_holder.standard_no_space article .portfolio_description,
.portfolio_slider_holder.standard li .portfolio_description{
padding-left: 25px;
padding-right: 25px;
}
.projects_holder.standard article .portfolio_description .separator,
.projects_holder.standard_no_space article .portfolio_description .separator,
.portfolio_slider_holder.standard li .portfolio_description .separator{
display:inline-block;
height:2px;
background-color:#000;
width:30px;
border:none;
}
.projects_holder.standard article .portfolio_description .separator.animate,
.projects_holder.standard_no_space article .portfolio_description .separator.animate,
.portfolio_slider_holder.standard li .portfolio_description .separator.animate{
width:20px;
transition:width 0.2s;
-webkit-transition:width 0.2s;
}
.projects_holder.standard article:hover .portfolio_description .separator.animate,
.projects_holder.standard_no_space article:hover .portfolio_description .separator.animate,
.portfolio_slider_holder.standard li:hover .portfolio_description .separator.animate{
width:40px;
}
.masonry_with_space .projects_holder article .portfolio_description{
padding: 35px 25px 43px;
}
.standard_no_space.projects_holder article .portfolio_description{
margin: 0 -1px 0 0;
}
.projects_holder article .icons_holder a.portfolio_lightbox:before,
.projects_masonry_holder article .icons_holder a.portfolio_lightbox:before,
.portfolio_slides .icons_holder a.portfolio_lightbox:before{
font-family: "Simple-Line-Icons";
content: "\e087";
line-height: inherit;
}
.projects_holder article .icons_holder a.eltd-like:before,
.projects_masonry_holder article .icons_holder a.eltd-like:before,
.portfolio_slides .icons_holder a.eltd-like:before{
font-family: "Simple-Line-Icons";
content: "\e08a";
line-height: inherit;
}
.projects_holder article .icons_holder a.preview:before,
.projects_masonry_holder article .icons_holder a.preview:before,
.portfolio_slides .icons_holder a.preview:before {
content: "\e08d";
font-family: "Simple-Line-Icons";
line-height: inherit;
}
.projects_holder article:hover .icons_holder a,
.projects_masonry_holder article:hover .icons_holder a,
.portfolio_slides li:hover .icons_holder a{
opacity: 1;
filter: alpha(opacity=100);
}
.portfolio_slider,
.portfolio_slides .image_holder{
position: relative;
display: block;
-webkit-backface-visibility: hidden;
}
.projects_holder .filler {
display: inline-block;
height: 0px;
}
.projects_holder.v6 .mix,
.projects_holder.v6 .mix{
width: 15.7%;
margin: 0 0 1.2%;
}
.projects_holder.v6 .mix{
margin: 0 0 1.7%;
}
.projects_holder.v6 .filler,
.projects_holder.v6 .filler{
width: 15.7%;
}
.projects_holder.v6.standard_no_space .mix,
.projects_holder.v6.no_space .mix{
width: 16.66%;
margin: 0;
}
.projects_holder.v6.hover_text.no_space .mix{
margin: 0 !important;
}
.projects_holder.v6.standard_no_space .mix{
margin: 0 0 0%;
}
.projects_holder.v6.standard_no_space .filler,
.projects_holder.v6.no_space .filler{
width: 16.66%;
}
.safari_browser .projects_holder.v6.standard_no_space .mix,
.safari_browser .projects_holder.v6.no_space .mix,
.safari_browser .projects_holder.v6.standard_no_space .filler,
.safari_browser .projects_holder.v6.no_space .filler,
.firefox_mac_browser .projects_holder.v6.standard_no_space .mix,
.firefox_mac_browser .projects_holder.v6.no_space .mix,
.firefox_mac_browser .projects_holder.v6.standard_no_space .filler,
.firefox_mac_browser .projects_holder.v6.no_space .filler{
width: 16.6%;
}
.projects_holder.v5 .mix,
.projects_holder.v5 .mix{
width: 18%;
margin: 0 0 2.9%;
}
.projects_holder.v5 .mix{
margin: 0 0 2%;
}
.projects_holder.v5 .filler,
.projects_holder.v5 .filler{
width: 18.5%;
}
.projects_holder.v5.standard_no_space .mix,
.projects_holder.v5.no_space .mix{
width: 19.995%;
margin: 0;
}
.projects_holder.v5.hover_text.no_space .mix{
margin: 0 !important;
}
.projects_holder.v5.standard_no_space .mix{
margin: 0 0 0%;
}
.projects_holder.v5.standard_no_space .filler,
.projects_holder.v5.no_space .filler{
width: 19.99%;
}
.safari_browser .projects_holder.v5.standard_no_space .mix,
.safari_browser .projects_holder.v5.no_space .mix,
.safari_browser .projects_holder.v5.standard_no_space .filler,
.safari_browser .projects_holder.v5.no_space .filler,
.firefox_mac_browser .projects_holder.v5.standard_no_space .mix,
.firefox_mac_browser .projects_holder.v5.no_space .mix,
.firefox_mac_browser .projects_holder.v5.standard_no_space .filler,
.firefox_mac_browser .projects_holder.v5.no_space .filler{
width: 19.93%;
}
.projects_holder.v4 .mix,
.projects_holder.v4 .mix{
width: 23.5%;
margin: 0 0 2.5%;
}
.projects_holder.v4 .mix{
margin: 0 0 2.2%;
}
.projects_holder.v4 .filler,
.projects_holder.v4 .filler{
width: 23.5%;
}
.projects_holder.v4.standard_no_space .mix,
.projects_holder.v4.no_space .mix{
width: 25%;
margin: 0;
}
.projects_holder.v4.hover_text.no_space .mix{
margin: 0 !important;
}
.projects_holder.v4.standard_no_space .mix{
margin: 0 0 0;
}
.projects_holder.v4.standard_no_space .filler,
.projects_holder.v4.no_space .filler{
width: 24.99%;
}
.safari_browser .projects_holder.v4.standard_no_space .mix,
.safari_browser .projects_holder.v4.no_space .mix,
.safari_browser .projects_holder.v4.standard_no_space .filler,
.safari_browser .projects_holder.v4.no_space .filler,
.firefox_mac_browser .projects_holder.v4.standard_no_space .mix,
.firefox_mac_browser .projects_holder.v4.no_space .mix,
.firefox_mac_browser .projects_holder.v4.standard_no_space .filler,
.firefox_mac_browser .projects_holder.v4.no_space .filler{
width: 24.93%;
}
.projects_holder.v3 .mix,
.projects_holder.v3 .mix{
width: 32%;
margin: 0 0 2.4%;
}
.projects_holder.v3 .mix{
margin: 0 0 2.2%;
}
.projects_holder.v3 .filler,
.projects_holder.v3 .filler{
width: 32%;
}
.projects_holder.v3.standard_no_space .mix,
.projects_holder.v3.no_space .mix{
width: 33.32%;
margin: 0;
}
.projects_holder.v3.hover_text.no_space .mix{
margin: 0 !important;
}
.projects_holder.v3.standard_no_space .mix{
margin: 0 0 0%;
}
.projects_holder.v3.standard_no_space .filler,
.projects_holder.v3.no_space .filler{
width: 33.32%;
}
.safari_browser .projects_holder.v3.standard_no_space .mix,
.safari_browser .projects_holder.v3.no_space .mix,
.safari_browser .projects_holder.v3.standard_no_space .filler,
.safari_browser .projects_holder.v3.no_space .filler,
.firefox_mac_browser .projects_holder.v3.standard_no_space .mix,
.firefox_mac_browser .projects_holder.v3.no_space .mix,
.firefox_mac_browser .projects_holder.v3.standard_no_space .filler,
.firefox_mac_browser .projects_holder.v3.no_space .filler{
width: 33.3%;
}
.projects_holder.v1 .mix,
.projects_holder.v1 .filler{
width: 100%;
}
.projects_holder.v2 .mix{
width: 49%;
margin: 0 0 2.4%;
}
.projects_holder.v2 .mix{
margin: 0 0 2.1%;
}
.projects_holder.v2 .filler{
width: 49%;
}
.projects_holder.v2.standard_no_space .mix,
.projects_holder.v2.no_space .mix{
width: 49.99%;
margin: 0;
}
.projects_holder.v2.hover_text.no_space .mix{
margin: 0 !important;
}
.projects_holder.v2.standard_no_space .mix{
margin: 0 0 0%;
}
.projects_holder.v2.standard_no_space .filler,
.projects_holder.v2.no_space .filler{
width: 49.99%;
}
.safari_browser .projects_holder.v2.standard_no_space .mix,
.safari_browser .projects_holder.v2.no_space .mix,
.safari_browser .projects_holder.v2.standard_no_space .filler,
.safari_browser .projects_holder.v2.no_space .filler,
.firefox_mac_browser .projects_holder.v2.standard_no_space .mix,
.firefox_mac_browser .projects_holder.v2.no_space .mix,
.firefox_mac_browser .projects_holder.v2.standard_no_space .filler,
.firefox_mac_browser .projects_holder.v2.no_space .filler{
width: 49.93%;
}
.portfolio_paging, .portfolio_paging_loading {
text-align: center;
margin: 40px 0 0;
}
.portfolio_paging_loading {
display: none;
}
.portfolio_with_hover_text .portfolio_paging,
.portfolio_with_hover_text .portfolio_paging_loading{
margin: 32px 0 0;
}
.filter_outer{
display: block;
position: relative;
margin: 0 0 36px;
}
.filter_outer.left_align{
text-align: left;
}
.filter_outer.center_align{
text-align: center;
}
.filter_outer.right_align{
text-align: right;
}
.full_width .projects_holder_outer.v6.portfolio_with_space .filter_outer,
.full_width .projects_holder_outer.v5.portfolio_with_space .filter_outer,
.full_width .projects_holder_outer.v4.portfolio_with_space .filter_outer{
width: 100%;
margin: 0 auto 36px;
}
.full_width .projects_holder_outer.v6.portfolio_with_space.masonry_with_space .filter_outer,
.full_width .projects_holder_outer.v5.portfolio_with_space.masonry_with_space .filter_outer,
.full_width .projects_holder_outer.v4.portfolio_with_space.masonry_with_space .filter_outer,
.full_width .section_inner .projects_holder_outer.v6.portfolio_with_space .filter_outer,
.full_width .section_inner .projects_holder_outer.v5.portfolio_with_space .filter_outer,
.full_width .section_inner .projects_holder_outer.v4.portfolio_with_space .filter_outer{
width: 100%;
}
.filter_outer.filter_portfolio{
display: table;
width: 100%;
}
.filter_outer.filter_portfolio .filter_holder{
display: table-cell;
vertical-align: middle;
}
.filter_holder ul {
display: inline-block;
list-style: none;
vertical-align: middle;
}
.filter_outer.filter_portfolio .filter_holder ul{
margin: 1px 1px -1px;
padding-top: 1px;
}
.filter_holder ul li {
cursor: pointer;
display: block;
margin: 0;
float:left;
text-align: center;
}
.filter_outer.filter_portfolio .filter_holder ul li{
border: 2px solid #e5e5e5;
margin: -1px;
}
.filter_outer.filter_portfolio .filter_holder ul li:last-child{
border-right: 2px solid #e5e5e5;
}
.filter_holder ul li.filter_title{
text-align: left;
cursor: default;
}
.filter_holder ul li span {
position: relative;
display: inline-block;
vertical-align: middle;
padding: 0 25px;
color: #a6a6a6;
font-size: 12px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
-webkit-transition: color 0.15s ease-out;
-moz-transition: color 0.15s ease-out;
-ms-transition: color 0.15s ease-out;
-o-transition: color 0.15s ease-out;
transition: color 0.15s ease-out;
}
.filter_holder.without_separator ul li span{
padding: 0 15px;
}
.filter_holder ul li.filter_title span{
padding: 0;
color: #393939;
font-weight: 700;
}
.filter_holder.without_separator ul li.filter_title span{
padding: 0 15px 0 0;
}
.filter_holder ul li span:after {
content: '|';
position: absolute;
right: 0;
display: inline-block;
width: 1px;
color: #a6a6a6;
}
.filter_outer.filter_portfolio ul li span:after{
display: none;
}
.filter_holder.without_separator ul li span:after,
.filter_holder ul li.filter_title span:after,
.filter_holder ul li:last-child span:after{
content: none;
}
.filter_holder ul li.current span,
.filter_holder ul li:not(.filter_title):hover span{
color: #e5735c;
}
.filter_outer.filter_portfolio .filter_holder ul li.current span,
.filter_outer.filter_portfolio .filter_holder ul li:not(.filter_title):hover span{
background-color: #e5735c;
color: #fff;
}
.filter_outer.filter_portfolio .filter_holder ul li.current,
.filter_outer.filter_portfolio .filter_holder ul li:not(.filter_title):hover{
border-color: #e5735c;
}
/* Portfolio Filter Styles*/
.filter_outer.filter_portfolio .filter_holder.without_separator ul li.filter {
border: none;
position: relative;
margin: auto 1px;
box-sizing: border-box;
-webkit-transition: all .1s ease-out;
transition: all .1s ease-out;
}
/*main border - initial color*/
.filter_outer.filter_portfolio .filter_holder.without_separator ul li.filter:after {
content: '';
position: absolute;
top: -2px;
left: -2px;
height: calc(100% + 4px);
width: calc(100% + 4px);
background-color: #e5e5e5;
z-index: 20;
-webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
/*right border - initially transparent*/
.filter_outer.filter_portfolio .filter_holder.without_separator ul li.filter:before {
content: '';
position: absolute;
height: calc(100% + 4px);
width: 2px;
bottom: -2px;
right: -2px;
background-color: transparent;
z-index: 30;
-webkit-transition: all .1s ease-out;
transition: all .1s ease-out;
}
/*left border - initially transparent*/
.filter_outer.filter_portfolio .filter_holder.without_separator ul li.filter span:before {
content: '';
height: calc(100% + 4px);
width: 2px;
position: absolute;
bottom: -2px;
left: -2px;
background-color: transparent;
-webkit-transition: all .1s ease-out;
transition: all .1s ease-out;
}
/*add background-color for category title*/
.filter_outer.filter_portfolio .filter_holder.without_separator ul li.filter span {
background-color: #fff;
z-index: 30;
-webkit-transition: all .1s ease-out;
transition: all .1s ease-out;
}
/*background-color*/
.filter_outer.filter_portfolio .filter_holder.without_separator ul li.filter:hover span,
.filter_outer.filter_portfolio .filter_holder.without_separator ul li.current span {
background-color: #e5735c;
}
/*borders-hover-color*/
.filter_outer.filter_portfolio .filter_holder.without_separator ul li.filter:hover:after,
.filter_outer.filter_portfolio ul li.current:after,
.filter_outer.filter_portfolio .filter_holder.without_separator ul li.filter:hover:before,
.filter_outer.filter_portfolio .filter_holder.without_separator ul li.filter.current:before,
.filter_outer.filter_portfolio .filter_holder.without_separator ul li.filter:hover span:before,
.filter_outer.filter_portfolio .filter_holder.without_separator ul li.filter.current span:before {
background-color: #e5735c;
}
/* END Portfolio Filter Styles */
.projects_holder article.without_box_shadow,
.projects_holder article.without_box_shadow .item_inner_shadow{
box-shadow: none;
}
.portfolio_slider.with_padding .portfolio_slides > li, .eltd_carousels.with_padding .slides > li{
padding:0 10px;
}
.portfolio_paging .show_load_more_icon{
display: inline-block;
line-height: inherit;
vertical-align: top;
}
.projects_holder article .portfolio_title a:hover,
.projects_masonry_holder article .portfolio_title a:hover{
color: #e5735c;
}
/* ==========================================================================
3. Portfolio Masonry styles
========================================================================== */
.projects_masonry_holder{
opacity: 0;
}
.projects_masonry_holder .portfolio_masonry_item,
.projects_masonry_holder .portfolio_masonry_item.large_height,
.full_width .section_inner .projects_masonry_holder .portfolio_masonry_item,
.full_width .section_inner .projects_masonry_holder .portfolio_masonry_item.large_height{
width: 33.33%;
}
.projects_masonry_holder .portfolio_masonry_item.large_width,
.projects_masonry_holder .portfolio_masonry_item.large_width_height,
.full_width .section_inner .projects_masonry_holder .portfolio_masonry_item.large_width,
.full_width .section_inner .projects_masonry_holder .portfolio_masonry_item.large_width_height{
width: 66.66%;
}
.full_width .projects_masonry_holder .portfolio_masonry_item,
.full_width .projects_masonry_holder .portfolio_masonry_item.large_height{
width: 20%;
}
.full_width .projects_masonry_holder .portfolio_masonry_item.large_width,
.full_width .projects_masonry_holder .portfolio_masonry_item.large_width_height{
width: 40%;
}
.full_width .projects_masonry_holder.gs4 .portfolio_masonry_item,
.full_width .projects_masonry_holder.gs4 .portfolio_masonry_item.large_height{
width: 25%;
}
.full_width .projects_masonry_holder.gs4 .portfolio_masonry_item.large_width,
.full_width .projects_masonry_holder.gs4 .portfolio_masonry_item.large_width_height{
width: 50%;
}
.full_width .projects_masonry_holder.gs3 .portfolio_masonry_item,
.full_width .projects_masonry_holder.gs3 .portfolio_masonry_item.large_height{
width: 33.33%;
}
.full_width .projects_masonry_holder.gs3 .portfolio_masonry_item.large_width,
.full_width .projects_masonry_holder.gs3 .portfolio_masonry_item.large_width_height{
width: 66.66%;
}
.projects_masonry_holder .portfolio_masonry_grid_sizer {
width: 33.33%;
}
.full_width .projects_masonry_holder .portfolio_masonry_grid_sizer {
width: 20%;
}
.full_width .projects_masonry_holder.gs4 .portfolio_masonry_grid_sizer{
width: 25%;
}
.full_width .projects_masonry_holder.gs3 .portfolio_masonry_grid_sizer{
width: 33.33%;
}
.projects_masonry_holder:after,
.projects_masonry_holder .portfolio_masonry_item:after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}
.projects_masonry_holder .portfolio_masonry_item{
z-index: 1;
}
.projects_masonry_holder .portfolio_masonry_item.parallax_item{
z-index: 0 !important; /* to be under the other items */
}
.projects_masonry_holder .image_holder img{
vertical-align: top;
width: 100%;
height: auto;
}
.projects_masonry_holder .image_holder{
margin: 0px 0px 0px 0px;
}
.masonry_with_space .projects_holder{
position: relative;
opacity: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.masonry_with_space .projects_holder .mix{
display: block;
visibility: visible;
padding: 0;
margin: 0;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
box-sizing: border-box;
}
.masonry_with_space .projects_holder.v6 .portfolio_masonry_grid_sizer {
width: 16.66%;
}
.masonry_with_space .projects_holder.v6 .mix,
.masonry_with_space .projects_holder.v6 .filler{
width: 16.66%;
}
.masonry_with_space .projects_holder.v5 .portfolio_masonry_grid_sizer {
width: 20%;
}
.masonry_with_space .projects_holder.v5 .mix,
.masonry_with_space .projects_holder.v5 .filler{
width: 20%;
}
.masonry_with_space .projects_holder.v4 .portfolio_masonry_grid_sizer {
width: 25%;
}
.masonry_with_space .projects_holder.v4 .mix,
.masonry_with_space .projects_holder.v4 .filler{
width: 25%;
}
.masonry_with_space .projects_holder.v3 .portfolio_masonry_grid_sizer {
width: 33.33%;
}
.masonry_with_space .projects_holder.v3 .mix,
.masonry_with_space .projects_holder.v3 .filler{
width: 33.33%;
}
.masonry_with_space .projects_holder.v2 .portfolio_masonry_grid_sizer {
width: 50%;
}
.masonry_with_space .projects_holder.v2 .mix,
.masonry_with_space .projects_holder.v2 .filler{
width: 50%;
}
.projects_masonry_holder.masonry_with_padding{
margin: 0 -10px;
}
.projects_masonry_holder.masonry_with_padding .portfolio_masonry_item{
box-sizing: border-box;
padding:10px;
}
.projects_masonry_holder.masonry_with_padding .portfolio_masonry_item .item_holder{
max-height:100%;
height: 100%;
}
.projects_masonry_holder.masonry_with_padding .portfolio_masonry_item .item_holder .image_holder{
height: 100%;
width: 100%;
overflow: hidden;
}
.projects_masonry_holder.masonry_with_padding .portfolio_masonry_item .item_holder .image_holder img{
width: auto;
}
.projects_masonry_holder.masonry_with_padding .portfolio_masonry_item .item_holder .image_holder .image{
position: relative;
display: block;
width: 100%;
height: 100%;
overflow: hidden;
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
}
.projects_masonry_holder.masonry_with_padding .portfolio_masonry_item .item_holder .image_holder .image img{
position: absolute;
top: 0;
left: 0;
}
.projects_masonry_holder.masonry_with_padding .portfolio_masonry_item.large_height .item_holder .image_holder img{
max-width: inherit;
width: auto;
max-height: 100%;
-webkit-transform: translateX(-5%);
-moz-transform: translateX(-5%);
-ms-transform: translateX(-5%);
-o-transform: translateX(-5%);
transform: translateX(-5%);
}
.projects_masonry_holder.masonry_with_padding .portfolio_masonry_item.large_height .item_holder.subtle_vertical_hover .image_holder img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.projects_masonry_holder.masonry_with_padding .portfolio_masonry_item.large_width .item_holder .image_holder img{
max-width: 100%;
height: auto;
max-height: inherit;
}
/* ==========================================================================
4. New Hover effects styles
========================================================================== */
.portfolio_main_holder .item_holder {
position: relative;
overflow: hidden;
}
.projects_holder article a.portfolio_link_class,
.projects_masonry_holder article a.portfolio_link_class {
position: absolute;
width: 100%;
height: 100%;
}
.portfolio_main_holder .item_holder .text_holder {
position: absolute;
}
.portfolio_main_holder .project_category {
margin: 6px 0 0;
display: block;
line-height: 1;
font-size: 12px;
}
.portfolio_main_holder .item_holder .text_holder_outer {
display: table;
width:100%;
height: 100%;
}
.portfolio_main_holder .item_holder .text_holder_inner{
display: table-cell;
vertical-align: middle;
text-align:center;
}
.portfolio_main_holder .item_holder .portfolio_shader {
position: absolute;
width:100%;
height: 100%;
}
.portfolio_main_holder .item_holder .icons_holder{
font-family: "Raleway",sans-serif;
/* this css is here to overwrite other font-family (from body) which can make problem in icon height */
}
.portfolio_main_holder .item_holder .icons_holder a {
text-align: center;
}
.portfolio_main_holder .item_holder .portfolio_title {
line-height:1.25em;
}
.projects_holder.standard article .project_category,
.projects_holder.standard_no_space article .project_category,
.portfolio_slider_holder.standard li .project_category{
margin:10px 0 0 0;
}
.projects_holder article a.portfolio_link_class, .projects_masonry_holder article a.portfolio_link_class {
z-index: 5;
left: 0;
}
/* gradient_hover text holder */
.projects_holder article .item_holder.gradient_hover a.portfolio_link_class,
.projects_masonry_holder article .item_holder.gradient_hover a.portfolio_link_class {
z-index: 4;
}
.portfolio_main_holder .item_holder.gradient_hover .text_holder{
opacity:1;
top: auto;
bottom: 0;
left: 0;
width: 100%;
height:auto;
color: #484c61;
-webkit-transition: all 0.3s;
transition: all 0.3s;
padding:30px;
box-sizing: border-box;
z-index: 5
}
.portfolio_main_holder .item_holder.gradient_hover .text_holder .separator{
border-bottom:none;
height:3px;
background:#fff;
display: block;
}
.portfolio_main_holder .item_holder.gradient_hover .text_holder .separator.animate{
width:10%;
transition:width 0.3s;
-webkit-transition:width 0.3s;
}
.portfolio_main_holder .item_holder.gradient_hover:hover .text_holder .separator.animate{
width:30%;
}
.portfolio_main_holder article:hover .item_holder.gradient_hover .text_holder,
.portfolio_slider li.item:hover .item_holder.gradient_hover .text_holder{
opacity:1;
-webkit-transform: translate3d(0,-30px,0);
-moz-transform: translate3d(0,-30px,0);
-ms-transform: translate3d(0,-30px,0);
-o-transform: translate3d(0,-30px,0);
transform: translate3d(0,-30px,0);
}
.portfolio_main_holder .item_holder.gradient_hover .text_holder_inner{
text-align:left;
}
.portfolio_main_holder .item_holder.gradient_hover .portfolio_title {
font-size: 13px;
}
.portfolio_main_holder .item_holder.gradient_hover .portfolio_title a {
color:#fff;
}
.portfolio_main_holder .item_holder.gradient_hover .project_category {
color:#fff;
font-size: 12px;
font-style: italic;
}
.portfolio_main_holder .item_holder.gradient_hover .icons_holder{
position: absolute;
bottom: -20px;
opacity: 0;
top: auto;
left: 30px;
-webkit-transform: translate3d(0,10px,0);
-moz-transform: translate3d(0,10px,0);
-ms-transform: translate3d(0,10px,0);
-o-transform: translate3d(0,10px,0);
transform: translate3d(0,10px,0);
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}
.portfolio_main_holder article:hover .item_holder.gradient_hover .icons_holder,
.portfolio_slider li.item:hover .item_holder.gradient_hover .icons_holder{
opacity: 1;
margin-top: 10px;
display: block;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.portfolio_main_holder .item_holder.gradient_hover .icons_holder a {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
vertical-align: middle;
margin: 0 8px 0 0;
font-size: 24px;
color: #fff;
border-radius: 2em;
font-size:15px;
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transition: transform 0.5s;
-webkit-transition: transform 0.5s;
}
.portfolio_main_holder .item_holder.gradient_hover .icons_holder a:hover {
background-color:#e5735c;
-webkit-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
transform: rotate(-360deg);
}
.portfolio_main_holder .item_holder.gradient_hover .image_holder {
z-index: 2
}
.portfolio_main_holder .item_holder.gradient_hover .portfolio_shader{
position: absolute;
vertical-align: middle;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
opacity: 1;
background:none;
background: -webkit-linear-gradient(top, rgba(55,55,55,0) 10%, rgba(55,55,55,0.9) 100%);
background: linear-gradient(to bottom, rgba(55,55,55,0) 10%, rgba(55,55,55,0.9) 100%);
-webkit-transform: translate3d(0,30%,0);
-ms-transform: translate3d(0,30%,0);
-moz-transform: translate3d(0,30%,0);
-o-transform: translate3d(0,30%,0);
transform: translate3d(0,30%,0);
-webkit-transition: opacity 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000), -webkit-transform 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000);
transition: opacity 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000), transform 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.portfolio_main_holder article:hover .item_holder.gradient_hover .portfolio_shader,
.portfolio_slider li.item:hover .item_holder.gradient_hover .portfolio_shader{
opacity: 1;
-webkit-transform: translate3d(0,0,0) !important;
-ms-transform: translate3d(0,0,0) !important;
-moz-transform: translate3d(0,0,0) !important;
-o-transform: translate3d(0,0,0) !important;
transform: translate3d(0,0,0) !important;
z-index:3
}
/*gradient_hover text holder end */
/* upward_hover start */
.projects_holder article .item_holder.upward_hover a.portfolio_link_class,
.projects_masonry_holder article .item_holder.upward_hover a.portfolio_link_class {
z-index: 4
}
.portfolio_main_holder .item_holder.upward_hover .portfolio_shader {
background-color:rgba(255,255,255,0.8);
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
z-index: 3;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.portfolio_main_holder article:hover .item_holder.upward_hover .portfolio_shader,
.portfolio_slider li.item:hover .item_holder.upward_hover .portfolio_shader{
opacity: 1;
}
.portfolio_main_holder .item_holder.upward_hover .image_holder {
z-index: 2;
}
.portfolio_main_holder .item_holder.upward_hover .image_holder .image img{
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.portfolio_main_holder article:hover .item_holder.upward_hover .image_holder .image img,
.portfolio_slider li.item:hover .item_holder.upward_hover .image_holder .image img{
-webkit-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.portfolio_main_holder .item_holder.upward_hover .text_holder {
width: 100%;
left: 0;
height: auto;
padding: 5%;
top: auto;
bottom: 0;
opacity: 1;
text-align: center;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
-moz-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
box-sizing: border-box;
background-color:#e5735c;
z-index: 5
}
.portfolio_main_holder article:hover .item_holder.upward_hover .text_holder,
.portfolio_slider li.item:hover .item_holder.upward_hover .text_holder{
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.portfolio_main_holder .item_holder.upward_hover .portfolio_title {
line-height:1.7;
font-size: 13px;
padding-bottom: 0px;
}
.portfolio_main_holder .item_holder.upward_hover .portfolio_title a {
color:#fff;
}
.portfolio_main_holder .item_holder.upward_hover .text_holder .separator {
border: none;
height:2px;
display: inline-block;
width:15%;
background-color:#fff;
}
.portfolio_main_holder .item_holder.upward_hover .text_holder .separator.animate {
width:0%;
transition: width 0.5s 0.3s;
-webkit-transition: width 0.5s 0.3s;
}
.portfolio_main_holder article:hover .item_holder.upward_hover .text_holder .separator.animate,
.portfolio_slider li.item:hover .item_holder.upward_hover .text_holder .separator.animate{
width:20%;
}
.portfolio_main_holder .item_holder.upward_hover .icons_holder{
position: static;
display: block;
}
.portfolio_main_holder .item_holder.upward_hover .icons_holder a {
font-size: 16px;
width:28px;
height:28px;
line-height: 28px;
padding: 3px;
border-radius: 100%;
display: inline-block;
border:1px solid #fff;
color:#fff;
margin:0 10px 0 0;
}
.portfolio_main_holder .item_holder.upward_hover .icons_holder a:hover {
background-color:#fff;
color:#e5735c;
}
.portfolio_main_holder .item_holder.upward_hover .icons_holder a:last-child{
margin: 0
}
.portfolio_main_holder .item_holder.upward_hover .project_category {
font-size: 13px;
color: #fff;
}
/* upward_hover end */
/* opposite_corners_hover start */
.projects_holder article .item_holder.opposite_corners_hover a.portfolio_link_class,
.projects_masonry_holder article .item_holder.opposite_corners_hover a.portfolio_link_class {
z-index: 4
}
.portfolio_main_holder .item_holder.opposite_corners_hover .portfolio_shader {
background-color:rgba(255,255,255,0.8);
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
z-index: 3;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.portfolio_main_holder article:hover .item_holder.opposite_corners_hover .portfolio_shader,
.portfolio_slider li.item:hover .item_holder.opposite_corners_hover .portfolio_shader{
opacity: 1;
}
.portfolio_main_holder .item_holder.opposite_corners_hover .image_holder {
z-index: 2
}
.portfolio_main_holder .item_holder.opposite_corners_hover .text_holder {
width: auto;
left: 0;
height: auto;
margin: 10%;
background-color: transparent;
top: 0;
text-align: left;
box-sizing: border-box;
z-index: 5;
opacity: 0;
}
.portfolio_main_holder article:hover .item_holder.opposite_corners_hover .text_holder,
.portfolio_slider li.item:hover .item_holder.opposite_corners_hover .text_holder{
opacity: 1;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.portfolio_main_holder .item_holder.opposite_corners_hover .text_holder_inner {
text-align:left;
}
.portfolio_main_holder .item_holder.opposite_corners_hover .portfolio_title {
line-height: 1.5;
font-size: 16px;
}
.portfolio_main_holder .item_holder.opposite_corners_hover .portfolio_title a {
display: block;
border: none;
color:#000;
}
.portfolio_main_holder .item_holder.opposite_corners_hover .portfolio_title a:hover {
color:#e5735c;
}
.portfolio_main_holder .item_holder.opposite_corners_hover .text_holder .separator {
display: block;
width: 50px;
margin:10px 0;
height: 2px;
background-color:#e5735c;
border-bottom: none;
}
.portfolio_main_holder .item_holder.opposite_corners_hover .text_holder .separator.animate {
width: 0;
-webkit-transition: width 0.4s 0s;
transition: width 0.4s 0s;
}
.portfolio_main_holder article:hover .item_holder.opposite_corners_hover .text_holder .separator.animate,
.portfolio_slider li.item:hover .item_holder.opposite_corners_hover .text_holder .separator.animate{
width:50px
}
.portfolio_main_holder .item_holder.opposite_corners_hover .project_category {
color:#000;
display:block;
font-size: 15px;
line-height: 1
}
.portfolio_main_holder .item_holder.opposite_corners_hover .icons_holder{
position: absolute;
right: 0;
transform:translate(100%);
-ms-transform:translate(100%);
-moz-transform:translate(100%);
-o-transform:translate(100%);
-webkit-transform:translate(100%);
bottom: 10%;
z-index: 6;
left: auto;
opacity: 0;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.portfolio_main_holder article:hover .item_holder.opposite_corners_hover .icons_holder,
.portfolio_slider li.item:hover .item_holder.opposite_corners_hover .icons_holder{
opacity: 1;
left: auto;
-ms-transform:translate(-10%);
-moz-transform:translate(-10%);
-o-transform:translate(-10%);
transform:translate(-10%);
-webkit-transform:translate(-10%);
}
.portfolio_main_holder .item_holder.opposite_corners_hover .icons_holder a {
color:#fff;
display: inline-block;
font-size: 14px;
width:40px;
height: 40px;
line-height: 40px;
border-radius: 2em;
margin-right: 5px;
background-color: #e5735c;
border: none;
transition:0.2s ease-out;
-webkit-transition:0.2s ease-out;
}
.portfolio_main_holder .item_holder.opposite_corners_hover .icons_holder a:hover {
color: #fff;
background-color:#000;
}
.portfolio_main_holder .item_holder.opposite_corners_hover .icons_holder a:last-child {
margin: 0
}
/* opposite_corners_hover end */
/* Portfolio ROLL OVER and ROLL OVER - ENTRY ANIMATION icon styles*/
.item_holder[class*='roll_over'] .icons_holder div[class$='holder'] {
position: relative;
display: inline-block;
margin-right: 6px;
overflow: hidden;
border: 2px solid #d4d4d4;
}
.item_holder[class*='roll_over'] .icons_holder a {
-webkit-transition: -webkit-transform .25s ease;
transition: transform .25s ease;
}
.item_holder[class*='roll_over'] .icons_holder div[class$='holder'] a:first-child {
position: absolute;
left: 0;
top: 100%;
background-color: #f7f7f7;
color:#e5735c;
}
.item_holder[class*='roll_over'] .icons_holder div[class$='holder'] a:last-child {
background-color: #f7f7f7;
color:#464646;
}
.item_holder[class*='roll_over'] .icons_holder div[class$='holder']:hover > a {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
/* END Portfolio ROLL OVER and ROLL OVER - ENTRY ANIMATION icon styles*/
/* Portfolio ROLL OVER */
.projects_holder article .item_holder.roll_over a.portfolio_link_class,
.projects_masonry_holder article .item_holder.roll_over a.portfolio_link_class {
z-index: 4
}
.portfolio_main_holder .item_holder.roll_over .portfolio_shader {
background-color:rgba(247, 247, 247, 1);
position: absolute;
width: 100%;
height: 100%;
z-index: 3;
opacity: 1 ;
filter: alpha(opacity=100);
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all .22s cubic-bezier(0.420, 0.000, 1.000, 1.000);
transition: all .22s cubic-bezier(0.420, 0.000, 1.000, 1.000);
}
.portfolio_main_holder article:hover .item_holder.roll_over .portfolio_shader,
.portfolio_slider li.item:hover .item_holder.roll_over .portfolio_shader {
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
}
.portfolio_main_holder .item_holder.roll_over .image_holder {
z-index: 2
}
.portfolio_main_holder .item_holder.roll_over .text_holder {
width: auto;
left: 0;
height: auto;
margin: 30px;
background-color: transparent;
top: 0;
text-align: left;
box-sizing: border-box;
z-index: 5;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateY(-300%);
-ms-transform: translateY(-300%);
transform: translateY(-300%);
-webkit-transition: .22s cubic-bezier(0.420, 0.000, 1.000, 1.000);
transition: .22s cubic-bezier(0.420, 0.000, 1.000, 1.000);
}
.portfolio_main_holder article:hover .item_holder.roll_over .text_holder,
.portfolio_slider li.item:hover .item_holder.roll_over .text_holder {
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
}
div[class*='projects'] article[class*='portfolio'] .item_holder.roll_over .image,
.portfolio_slider li.item .item_holder.roll_over .image {
-webkit-transition: all .22s cubic-bezier(0.420, 0.000, 1.000, 1.000);
transition: all .22s cubic-bezier(0.420, 0.000, 1.000, 1.000);
}
div[class*='projects'] article[class*='portfolio']:hover .item_holder.roll_over .image,
.portfolio_slider li.item:hover .item_holder.roll_over .image {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
div[class*='projects'] .item_holder.roll_over .image_holder img {
max-width: inherit;
width: 100%;
max-height: 100%;
-webkit-transform: translateX(0) !important;
-moz-transform: translateX(0) !important;
-ms-transform: translateX(0) !important;
-o-transform: translateX(0) !important;
transform: translateX(0) !important;
}
/* typography */
.portfolio_main_holder .item_holder.roll_over .text_holder_inner {
text-align:left;
}
.portfolio_main_holder .item_holder.roll_over .portfolio_title {
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
line-height: 1.2;
padding-bottom: 5px;
}
.portfolio_main_holder .item_holder.roll_over .portfolio_title a {
display: block;
border: none;
color:#464646;
}
.portfolio_main_holder .item_holder.roll_over .portfolio_title a:hover {
color:#e5735c;
}
.portfolio_main_holder .item_holder.roll_over .project_category {
color:#464646;
display:block;
line-height: 1.2;
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
padding-bottom: 5px;
}
/* end typography */
/*separator*/
.portfolio_main_holder article .item_holder.roll_over .separator,
.portfolio_slider .item_holder.roll_over .separator {
display: block;
width: 25px;
margin:10px 0;
height: 2px;
background-color:#e5735c;
border-bottom: none;
}
.portfolio_main_holder article .item_holder.roll_over .separator.animate {
width:0;
-webkit-transition: all .2s cubic-bezier(0.420, 0.000, 1.000, 1.000) .12s;
transition: all .2s cubic-bezier(0.420, 0.000, 1.000, 1.000) .12s;
}
.portfolio_main_holder article:hover .item_holder.roll_over .text_holder .separator.animate,
.portfolio_slider li.item:hover .item_holder.roll_over .text_holder .separator.animate {
width:25px;
}
/*end separator*/
/* icons */
.portfolio_main_holder .item_holder.roll_over .icons_holder {
position: absolute;
right: 0;
-webkit-transform:translate(100%);
-ms-transform:translate(100%);
transform:translate(100%);
bottom: 10%;
z-index: 6;
left: auto;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: -webkit-transform .22s ease .22s;
transition: transform .22s ease .22s;
}
.portfolio_main_holder article:hover .item_holder.roll_over .icons_holder,
.portfolio_slider li.item:hover .item_holder.roll_over .icons_holder {
opacity: 1;
filter: alpha(opacity=100);
left: auto;
-webkit-transform:translate(-10%);
-ms-transform:translate(-10%);
transform:translate(-10%);
}
.portfolio_main_holder .item_holder.roll_over .icons_holder a {
color:#fff;
display: inline-block;
font-size: 14px;
width:40px;
height: 40px;
line-height: 40px;
border-radius: 2em;
margin-right: 5px;
background-color: #e5735c;
border: none;
transition:0.2s ease-out;
-webkit-transition:0.2s ease-out;
}
.portfolio_main_holder .item_holder.roll_over .icons_holder a:hover {
color: #fff;
background-color:#000;
}
.portfolio_main_holder .item_holder.roll_over .icons_holder a:last-child {
margin: 0
}
/* end icons */
/* END Portfolio ROLL OVER*/
/* Portfolio ROLL OVER - ENTRY ANIMATION */
.projects_holder article .item_holder.roll_over_entry_animation a.portfolio_link_class,
.projects_masonry_holder article .item_holder.roll_over_entry_animation a.portfolio_link_class {
z-index: 4
}
.portfolio_main_holder .item_holder.roll_over_entry_animation .portfolio_shader {
background-color:rgba(247, 247, 247, 1);
position: absolute;
width: 100%;
height: 100%;
z-index: 3;
opacity: 1 ;
filter: alpha(opacity=100);
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.portfolio_main_holder article:hover .item_holder.roll_over_entry_animation .portfolio_shader,
.portfolio_slider li.item:hover .item_holder.roll_over_entry_animation .portfolio_shader {
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
}
.portfolio_main_holder .item_holder.roll_over_entry_animation .image_holder {
z-index: 2
}
.portfolio_main_holder .item_holder.roll_over_entry_animation .text_holder {
width: auto;
left: 0;
height: auto;
margin: 10%;
background-color: transparent;
top: 0;
text-align: left;
box-sizing: border-box;
z-index: 5;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateX(-300%);
-ms-transform: translateX(-300%);
transform: translateX(-300%);
-webkit-transition: .22s cubic-bezier(0.420, 0.000, 1.000, 1.000);
transition: .22s cubic-bezier(0.420, 0.000, 1.000, 1.000);
}
.portfolio_main_holder article:hover .item_holder.roll_over_entry_animation .text_holder,
.portfolio_slider li.item:hover .item_holder.roll_over_entry_animation .text_holder {
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
}
div[class*='projects'] article[class*='portfolio'] .item_holder.roll_over_entry_animation .image,
.portfolio_slider li.item .item_holder.roll_over_entry_animation .image {
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
div[class*='projects'] article[class*='portfolio']:hover .item_holder.roll_over_entry_animation .image,
.portfolio_slider li.item:hover .item_holder.roll_over_entry_animation .image {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
div[class*='projects'] .item_holder.roll_over_entry_animation .image_holder img {
max-width: inherit;
width: 100%;
max-height: 100%;
-webkit-transform: translateX(0) !important;
-moz-transform: translateX(0) !important;
-ms-transform: translateX(0) !important;
-o-transform: translateX(0) !important;
transform: translateX(0) !important;
}
/* typography */
.portfolio_main_holder .item_holder.roll_over_entry_animation .text_holder_inner {
text-align:left;
}
.portfolio_main_holder .item_holder.roll_over_entry_animation .portfolio_title {
opacity: 0;
filter: alpha(opacity=0);
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
line-height: 1.2;
padding-bottom: 5px;
-webkit-transform: translateX(-500px);
-ms-transform: translateX(-500px);
transform: translateX(-500px);
-webkit-transition: -webkit-transform .4s ease-in-out , opacity .1s;
transition: transform .4s ease-in-out , opacity .1s;
}
.portfolio_main_holder article:hover .item_holder.roll_over_entry_animation .portfolio_title,
.portfolio_slider li.item:hover .item_holder.roll_over_entry_animation .portfolio_title {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.portfolio_main_holder .item_holder.roll_over_entry_animation .portfolio_title a {
display: block;
border: none;
color:#464646;
}
.portfolio_main_holder .item_holder.roll_over_entry_animation .portfolio_title a:hover {
color:#e5735c;
}
.portfolio_main_holder .item_holder.roll_over_entry_animation .project_category {
opacity: 0;
filter: alpha(opacity=0);
color:#464646;
display:block;
line-height: 1.2;
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
padding-bottom: 5px;
-webkit-transform: translateX(-500px);
-ms-transform: translateX(-500px);
transform: translateX(-500px);
-webkit-transition: -webkit-transform .3s ease-in-out .2s, opacity .1s;
transition: transform .3s ease-in-out .2s, opacity .1s;
}
.portfolio_main_holder article:hover .item_holder.roll_over_entry_animation .project_category,
.portfolio_slider li.item:hover .item_holder.roll_over_entry_animation .project_category {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
/* end typography */
/*separator*/
.portfolio_main_holder article .item_holder.roll_over_entry_animation .separator,
.portfolio_slider li.item .item_holder.roll_over_entry_animation .separator {
display: block;
width: 25px;
margin:10px 0;
height: 2px;
background-color:#e5735c;
border-bottom: none;
}
.portfolio_main_holder article .item_holder.roll_over_entry_animation .separator.animate,
.portfolio_slider li.item .item_holder.roll_over_entry_animation .separator.animate {
width: 0;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: width .1s ease-in-out .55s, opacity .1s;
transition: width .1s ease-in-out .55s, opacity .1s;
}
.portfolio_main_holder article:hover .item_holder.roll_over_entry_animation .text_holder .separator.animate,
.portfolio_slider li.item:hover .item_holder.roll_over_entry_animation .text_holder .separator.animate {
width: 25px;
opacity: 1;
filter: alpha(opacity=100);
height: 2px;
}
/*end separator*/
/* icons */
.portfolio_main_holder .item_holder.roll_over_entry_animation .icons_holder {
position: absolute;
right: 0;
-webkit-transform: translate(-10%);
-ms-transform: translate(-10%);
transform: translate(-10%);
bottom: 10%;
z-index: 6;
left: auto;
opacity: 0;
filter: alpha(opacity=0);
}
.portfolio_main_holder article:hover .item_holder.roll_over_entry_animation .icons_holder,
.portfolio_slider li.item:hover .item_holder.roll_over_entry_animation .icons_holder {
opacity: 1;
filter: alpha(opacity=100);
left: auto;
-webkit-transform:translate(-10%);
-ms-transform:translate(-10%);
transform:translate(-10%);
-webkit-transition: -webkit-transform .3s ease-in-out .5s, opacity .1s ease-in-out .15s;
transition: transform .3s ease-in-out .5s, opacity .1s ease-in-out .15s;
}
.portfolio_main_holder .item_holder.roll_over_entry_animation .icons_holder a {
color:#fff;
display: inline-block;
font-size: 14px;
width:40px;
height: 40px;
line-height: 40px;
border-radius: 2em;
margin-right: 5px;
background-color: #e5735c;
border: none;
transition:0.2s ease-out;
-webkit-transition:0.2s ease-out;
}
.portfolio_main_holder .item_holder.roll_over_entry_animation .icons_holder a:hover {
color: #fff;
background-color:#000;
}
.portfolio_main_holder .item_holder.roll_over_entry_animation .icons_holder a:last-child {
margin: 0
}
/* end icons */
/* END Portfolio ROLL OVER - ENTRY ANIMATION */
/* slide_from_left_hover start */
.projects_holder article .item_holder.slide_from_left_hover a.portfolio_link_class,
.projects_masonry_holder article .item_holder.slide_from_left_hover a.portfolio_link_class {
z-index: 5
}
.portfolio_main_holder .item_holder.slide_from_left_hover .image_holder {
z-index: 3;
transform: translate(0px);
-webkit-transform: translate(0px);
-ms-transform: translate(0px);
-moz-transform: translate(0px);
-o-transform: translate(0px);
-webkit-transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
}
.portfolio_main_holder article:hover .item_holder.slide_from_left_hover .image_holder,
.portfolio_slider li.item:hover .item_holder.slide_from_left_hover .image_holder{
transform: translate(20%);
-webkit-transform: translate(20%);
-ms-transform: translate(20%);
-moz-transform: translate(20%);
-o-transform: translate(20%);
}
.projects_holder article:hover .item_holder.slide_from_left_hover a.portfolio_link_class,
.projects_masonry_holder article:hover .item_holder.slide_from_left_hover a.portfolio_link_class{
-webkit-transform: translateX(20%);
-ms-transform: translateX(20%);
-moz-transform: translateX(20%);
-o-transform: translateX(20%);
transform: translateX(20%);
}
.portfolio_main_holder .item_holder.slide_from_left_hover .icons_holder{
position: absolute;
background-color: #e5735c;
opacity: 1;
width: 22%;
height: 100%;
display: block;
padding-top:5%;
top: 0;
left: 0;
z-index: 9;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
box-sizing: border-box;
margin:0;
}
.portfolio_main_holder article:hover .item_holder.slide_from_left_hover .icons_holder,
.portfolio_slider li.item:hover .item_holder.slide_from_left_hover .icons_holder{
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
-moz-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
box-sizing: border-box;
}
.portfolio_main_holder article .item_holder.slide_from_left_hover .icons_holder a,
.portfolio_slider li.item .item_holder.slide_from_left_hover .icons_holder a{
color: #fff;
display: block;
font-size:15px;
width:auto;
height:20px;
padding: 30% 0;
vertical-align: middle;
border: none;
background-color:transparent !important;
transition:all 0.1s;
-webkit-transition:all 0.1s;
box-sizing: border-box;
}
.portfolio_main_holder .item_holder.slide_from_left_hover .icons_holder a:hover {
font-size:20px;
}
.portfolio_main_holder .item_holder.slide_from_left_hover .text_holder{
margin:10% 10% 0 20%;
font-size: 13px;
width: auto;
left: 0;
height: auto;
background-color: transparent;
top: 0;
text-align: left;
box-sizing: border-box;
z-index: 6;
opacity: 0;
color: #000;
padding-left:10%;
}
.portfolio_main_holder .item_holder.slide_from_left_hover .text_holder .separator {
display: block;
border: none;
height:4px;
background-color:#e5735c;
width:30%;
}
.portfolio_main_holder .item_holder.slide_from_left_hover .text_holder .separator.animate {
background-color:#e5735c;
width:0%;
-webkit-transition: all 0.3s;
transition: all 0.3s;
-ms-transform:translateZ(0px);
-moz-transform:translateZ(0px);
-o-transform:translateZ(0px);
transform:translateZ(0px);
-webkit-transform:translateZ(0px);
}
.portfolio_main_holder article:hover .item_holder.slide_from_left_hover .text_holder .separator.animate,
.portfolio_slider li.item:hover .item_holder.slide_from_left_hover .text_holder .separator.animate{
width:30%;
-webkit-transition: all 0.2s linear 0.4s;
transition: all 0.2s linear 0.4s;
}
.portfolio_main_holder article:hover .item_holder.slide_from_left_hover .text_holder,
.portfolio_slider li.item:hover .item_holder.slide_from_left_hover .text_holder{
color: #000;
opacity: 1;
-webkit-transition: all 0.3s linear 0.3s;
transition: all 0.3s linear 0.3s;
}
.portfolio_main_holder .item_holder.slide_from_left_hover .portfolio_title {
margin-bottom:10px;
font-size:13px;
}
.portfolio_main_holder .item_holder.slide_from_left_hover .portfolio_title a {
color:#e5735c;
font-weight:700;
text-transform: uppercase;
}
.portfolio_main_holder .item_holder.slide_from_left_hover .portfolio_title a:hover {
color:#b8b8b8
}
.portfolio_main_holder .item_holder.slide_from_left_hover .project_category {
color: #b8b8b8;
}
.portfolio_main_holder .item_holder.slide_from_left_hover .portfolio_shader {
background-color:rgba(255,255,255,0.8);
opacity: 0;
-webkit-transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
z-index: 4;
}
.portfolio_main_holder article:hover .item_holder.slide_from_left_hover .portfolio_shader,
.portfolio_slider li.item:hover .item_holder.slide_from_left_hover .portfolio_shader{
-webkit-transform: translateX(20%);
-ms-transform: translateX(20%);
-moz-transform: translateX(20%);
-o-transform: translateX(20%);
transform: translateX(20%);
opacity: 1;
}
/* slide_from_left_hover end */
/* prominent_plain_hover start */
.projects_holder article .item_holder.prominent_plain_hover a.portfolio_link_class,
.projects_masonry_holder article .item_holder.prominent_plain_hover a.portfolio_link_class {
z-index: 5
}
.portfolio_main_holder .item_holder.prominent_plain_hover .image_holder {
z-index: 2
}
.portfolio_main_holder .item_holder.prominent_plain_hover .text_holder {
padding:10%;
font-size: 14px;
width: 100%;
left: 0;
height: 100%;
background-color: transparent;
top: 0;
text-align: left;
box-sizing: border-box;
z-index: 4;
opacity: 1;
color: #fff;
transition: opacity 0.5s cubic-bezier(.165,.84,.44,1);
-webkit-transition: opacity 0.5s cubic-bezier(.165,.84,.44,1);
}
.portfolio_main_holder .item_holder.prominent_plain_hover .text_holder .separator {
display: inline-block;
margin:10px 0;
height:2px;
background-color:#fff;
border: none;
width:17px;
}
.portfolio_main_holder .item_holder.prominent_plain_hover .text_holder .separator.animate {
width:6%;
backface-visibility: hidden;
-webkit-backface-visibility:hidden;
-webkit-transition: width 0.2s ease-out;
transition: width 0.2s ease-in-out;
}
.portfolio_main_holder article:hover .item_holder.prominent_plain_hover .text_holder .separator.animate,
.portfolio_slider li.item:hover .item_holder.prominent_plain_hover .text_holder .separator.animate{
width:0%;
}
.portfolio_main_holder .item_holder.prominent_plain_hover .text_holder_outer{
display: table;
width:100%;
height: 100%;
}
.portfolio_main_holder .item_holder.prominent_plain_hover .text_holder_inner {
display: table-cell;
vertical-align: middle;
text-align:center;
}
.portfolio_main_holder article:hover .item_holder.prominent_plain_hover .text_holder,
.portfolio_slider li.item:hover .item_holder.prominent_plain_hover .text_holder{
opacity: 0;
}
.portfolio_main_holder .item_holder.prominent_plain_hover .portfolio_title {
color:#fff;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 2px;
}
.portfolio_main_holder .item_holder.prominent_plain_hover .portfolio_title a {
color:#fff;
}
.portfolio_main_holder .item_holder.prominent_plain_hover .icons_holder {
position: absolute;
width:100%;
left: 0;
text-align:center;
top: auto;
bottom: 0;
z-index: 6;
-ms-transform: translateY(100%);
-moz-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transform: translateY(100%);
padding:10%;
transition: all 0.3s;
-webkit-transition: all 0.3s;
box-sizing: border-box;
}
.portfolio_main_holder article:hover .item_holder.prominent_plain_hover .icons_holder,
.portfolio_slider li.item:hover .item_holder.prominent_plain_hover .icons_holder{
opacity: 1;
-ms-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transform: translateY(0);
}
.portfolio_main_holder .item_holder.prominent_plain_hover .icons_holder a {
background:rgba(100,100,100,0.5);
height: 40px;
width: 40px;
line-height: 40px;
display: inline-block;
color:#fff;
font-size:14px;
border-radius:100px;
margin:0 3px;
transition:0.2s ease-out;
-webkit-transition:0.2s ease-out;
}
.portfolio_main_holder .item_holder.prominent_plain_hover .icons_holder a:hover {
background:rgba(84,84,84,0.5);
}
.portfolio_main_holder .item_holder.prominent_plain_hover .project_category {
font-size: 11px;
}
.portfolio_main_holder .item_holder.prominent_plain_hover .portfolio_shader {
background-color:rgba(229, 115, 92,0.7);
z-index: 3;
-webkit-transition: all 0.3s;
transition: all 0.3s;
opacity: 1;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.portfolio_main_holder article:hover .item_holder.prominent_plain_hover .portfolio_shader,
.portfolio_slider li.item:hover .item_holder.prominent_plain_hover .portfolio_shader{
opacity: 0
}
.portfolio_main_holder .item_holder.prominent_plain_hover .image_holder .image {
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
-ms-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
-webkit-transform:scale(1);
opacity: 1;
display: block;
-webkit-perspective: 1500px;
perspective: 1500px;
-webkit-backface-visibility:hidden;
}
.portfolio_main_holder article:hover .item_holder.prominent_plain_hover .image_holder .image,
.portfolio_slider li.item:hover .item_holder.prominent_plain_hover .image_holder .image{
-ms-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
-webkit-transform:scale(1.1);
opacity: 1;
}
/* prominent_plain_hover end */
/* prominent_blur_hover start */
.projects_holder article .item_holder.prominent_blur_hover a.portfolio_link_class,
.projects_masonry_holder article .item_holder.prominent_blur_hover a.portfolio_link_class {
z-index: 5
}
.portfolio_main_holder .item_holder.prominent_plain_hover .image_holder {
z-index: 2
}
.portfolio_main_holder .item_holder.prominent_blur_hover .text_holder {
padding:10%;
font-size: 14px;
width: 100%;
left: 0;
height: 100%;
background-color: transparent;
top: 0;
text-align: left;
box-sizing: border-box;
z-index: 4;
opacity: 1;
backface-visibility: hidden;
-webkit-backface-visibility:hidden;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.portfolio_main_holder .item_holder.prominent_blur_hover .text_holder .separator{
display: inline-block;
height: 3px;
width:30%;
border:none;
background-color:#000;
transition:all 0.3s;
-webkit-transition:all 0.3s;
}
.portfolio_main_holder .item_holder.prominent_blur_hover.blur .text_holder .separator{
background-color:#aaa;
box-shadow:0 0 10px #aaa;
}
.portfolio_main_holder .item_holder.prominent_blur_hover .text_holder .separator.animate {
width: 30px;
}
.portfolio_main_holder article:hover .item_holder.prominent_blur_hover .text_holder .separator.animate,
.portfolio_slider li.item:hover .item_holder.prominent_blur_hover .text_holder .separator.animate{
width: 50px;
transition:width 0.3s;
-webkit-transition:width 0.3s;
}
.portfolio_main_holder .item_holder.prominent_blur_hover .icons_holder {
position: absolute;
bottom:10%;
text-align:center;
left: auto;
width: 100%;
z-index: 6;
opacity: 0;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.portfolio_main_holder .item_holder.prominent_blur_hover .icons_holder_outer {
display: table;
width: 100%;
}
.portfolio_main_holder .item_holder.prominent_blur_hover .icons_holder_inner {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.portfolio_main_holder .item_holder.prominent_blur_hover .icons {
display: inline-block;
}
.portfolio_main_holder article:hover .item_holder.prominent_blur_hover .icons_holder,
.portfolio_slider li.item:hover .item_holder.prominent_blur_hover .icons_holder{
opacity: 1
}
.portfolio_main_holder .item_holder.prominent_blur_hover .icons_holder a {
background-color:rgba(255,255,255,0.8);
color:#999;
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 100px;
transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
margin-right: 5px;
font-size:14px;
}
.portfolio_main_holder .item_holder.prominent_blur_hover .icons_holder a:hover {
background-color:transparent;
color: #fff;
}
.portfolio_main_holder article:hover .item_holder.prominent_blur_hover .text_holder,
.portfolio_slider li.item:hover .item_holder.prominent_blur_hover .text_holder{
opacity: 0;
text-shadow: none;
transition:all 0.5s;
-webkit-transition:all 0.5s;
}
.portfolio_main_holder .item_holder.prominent_blur_hover.blur .text_holder {
text-shadow: 0px 0px 7px #000;
opacity: 0.6;
backface-visibility: hidden;
-webkit-backface-visibility:hidden;
transition:all 0.5s;
-webkit-transition:all 0.5s;
}
.portfolio_main_holder .item_holder.prominent_blur_hover .portfolio_title {
line-height: 1.5;
font-size: 11px;
}
.portfolio_main_holder .item_holder.prominent_blur_hover .portfolio_title a {
color: #000;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 2px;
}
.portfolio_main_holder .item_holder.prominent_blur_hover.blur .portfolio_title a {
color: #aaa;
}
.portfolio_main_holder .item_holder.prominent_blur_hover .project_category {
font-size: 11px;
display: block;
color: #000;
}
.portfolio_main_holder .item_holder.prominent_blur_hover.blur .project_category {
font-size: 11px;
color: #aaa;
}
.portfolio_main_holder .item_holder.prominent_blur_hover .portfolio_shader {
background-color:rgba(255,255,255,0.2);
z-index: 3;
opacity: 1;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.portfolio_main_holder .item_holder.prominent_blur_hover.active .portfolio_shader {
opacity: 0
}
.portfolio_main_holder .item_holder.prominent_blur_hover.blur .portfolio_shader {
background-color:rgba(255,255,255,0.7);
}
.portfolio_main_holder .item_holder.prominent_blur_hover.blur .image_holder{
opacity: 1;
}
.portfolio_main_holder .item_holder.prominent_blur_hover.blur .image_holder .image {
box-shadow: 0px 0px 10px 10px rgba(255,255,255,0.7) inset;
}
.portfolio_main_holder .item_holder.prominent_blur_hover .image_holder .image img {
opacity: 0.5;
backface-visibility: hidden;
-webkit-backface-visibility:hidden;
-ms-transform: translateZ(0);
-moz-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-transform:translateZ(0);
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.portfolio_main_holder article:hover .item_holder.prominent_blur_hover .image_holder .image img,
.portfolio_slider li.item:hover .item_holder.prominent_blur_hover .image_holder .image img{
opacity: 1;
}
.portfolio_main_holder article .item_holder.prominent_blur_hover.blur .image_holder .image img,
.portfolio_slider li.item .item_holder.prominent_blur_hover.blur .image_holder .image img{
opacity: 0.3;
}
/* prominent_blur_hover end */
/* subtle_vertical_hover start */
.projects_holder article .item_holder.subtle_vertical_hover a.portfolio_link_class,
.projects_masonry_holder article .item_holder.subtle_vertical_hover a.portfolio_link_class {
z-index: 5
}
.portfolio_main_holder .item_holder.subtle_vertical_hover .image_holder {
z-index: 2
}
.portfolio_main_holder .item_holder.subtle_vertical_hover .text_holder {
font-size: 14px;
width: 100%;
position: absolute;
left: 0;
height: 100%;
background-color: transparent;
top: 0;
text-align: center;
box-sizing: border-box;
z-index: 4;
opacity: 0;
}
.portfolio_main_holder article:hover .item_holder.subtle_vertical_hover .text_holder,
.portfolio_slider li.item:hover .item_holder.subtle_vertical_hover .text_holder{
opacity: 1
}
.portfolio_main_holder .item_holder.subtle_vertical_hover .portfolio_shader{
background-color:rgba(255,255,255,0.2);
z-index: 3;
opacity: 1;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.portfolio_main_holder .item_holder.subtle_vertical_hover .text_holder_inner{
padding:10px;
}
.portfolio_main_holder .item_holder.subtle_vertical_hover .portfolio_title{
color:rgba(255,255,255,0);
font-weight: 600;
font-size: 15px;
text-transform: uppercase;
text-shadow:0px 0px 10px #fff;
opacity: 0;
padding: 0 20px 10px;
-ms-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
-webkit-transform: translateY(0px);
transition:all 0.3s ease-out;
-webkit-transition:all 0.3s ease-out;
}
.portfolio_main_holder article:hover .item_holder.subtle_vertical_hover .portfolio_title,
.portfolio_slider li.item:hover .item_holder.subtle_vertical_hover .portfolio_title{
opacity: 1;
color:rgba(255,255,255,1);
text-shadow:none;
-ms-transform: translateY(4px);
-moz-transform: translateY(4px);
-o-transform: translateY(4px);
transform: translateY(4px);
-webkit-transform: translateY(4px);
transition:all 0.3s ease-out;
-webkit-transition:all 0.3s ease-out;
}
.portfolio_main_holder .item_holder.subtle_vertical_hover .portfolio_title a {
color:#fff;
}
.portfolio_main_holder .item_holder.subtle_vertical_hover .text_holder .separator {
border-bottom:none;
display: inline-block;
height:2px;
background-color:transparent;
margin:10px 0;
width:20%;
}
.portfolio_main_holder article:hover .item_holder.subtle_vertical_hover .text_holder .separator,
.portfolio_slider li.item:hover .item_holder.subtle_vertical_hover .text_holder .separator{
background-color:#e5735c;
}
.portfolio_main_holder .item_holder.subtle_vertical_hover .text_holder .separator.animate {
width: 0%;
-webkit-transition: width 0.4s 0s;
transition: width 0.4s 0s;
}
.portfolio_main_holder article:hover .item_holder.subtle_vertical_hover .text_holder .separator.animate,
.portfolio_slider li.item:hover .item_holder.subtle_vertical_hover .text_holder .separator.animate{
-webkit-transition: width 0.4s 0s;
transition: width 0.4s 0s;
width:20%;
}
.portfolio_main_holder .item_holder.subtle_vertical_hover .project_category {
font-size: 12px;
color: #fff;
opacity: 0;
color:rgba(255,255,255,0);
text-shadow:0px 0px 10px #fff;
-ms-transform: translateY(4px);
-moz-transform: translateY(4px);
-o-transform: translateY(4px);
transform: translateY(4px);
-webkit-transform: translateY(4px);
transition:all 0.4s ease-out;
-webkit-transition:all 0.4s ease-out;
margin-bottom:10px;
}
.portfolio_main_holder article:hover .item_holder.subtle_vertical_hover .project_category,
.portfolio_slider li.item:hover .item_holder.subtle_vertical_hover .project_category{
opacity:1;
color:#fff;
text-shadow:none;
-ms-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
-webkit-transform: translateY(0px);
}
.portfolio_main_holder .item_holder.subtle_vertical_hover .icons_holder {
-ms-transform: translateY(4px);
-moz-transform: translateY(4px);
-o-transform: translateY(4px);
transform: translateY(4px);
-webkit-transform: translateY(4px);
transition:all 0.4s ease-out;
-webkit-transition:all 0.4s ease-out;
}
.portfolio_main_holder article:hover .item_holder.subtle_vertical_hover .icons_holder,
.portfolio_slider li.item:hover .item_holder.subtle_vertical_hover .icons_holder{
-ms-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transform: translateY(0);
}
.portfolio_main_holder .item_holder.subtle_vertical_hover .icons_holder a {
display:inline-block;
width:40px;
height:40px;
line-height:40px;
background-color:#e5735c;
border-radius:100px;
margin:0 3px;
color:#fff;
transition:0.2s ease-out;
-webkit-transition:0.2s ease-out;
}
.portfolio_main_holder .item_holder.subtle_vertical_hover .portfolio_shader {
background-color:rgba(62,62,62,0.7);
z-index: 3;
-webkit-transition: opacity 0.3s cubic-bezier(.785,.135,.15,.86);
transition: opacity 0.3s cubic-bezier(.785,.135,.15,.86);
opacity: 0;
}
.portfolio_main_holder article:hover .item_holder.subtle_vertical_hover .portfolio_shader,
.portfolio_slider li.item:hover .item_holder.subtle_vertical_hover .portfolio_shader{
opacity: 1
}
/* subtle_vertical_hover end */
/* image_subtle_rotate_zoom_hover start */
.projects_holder article .item_holder.image_subtle_rotate_zoom_hover a.portfolio_link_class,
.projects_masonry_holder article .item_holder.image_subtle_rotate_zoom_hover a.portfolio_link_class {
z-index: 5
}
.portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .image_holder {
z-index: 2
}
.portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .text_holder {
padding:30px;
font-size: 14px;
width: 100%;
position: absolute;
left: 0;
height: 100%;
background-color: transparent;
top: 0;
box-sizing: border-box;
z-index: 4;
opacity: 1;
}
.portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .portfolio_shader {
background-color:rgba(255,255,255,0.2);
z-index: 3;
opacity: 1;
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .portfolio_title {
font-weight: 600;
font-size: 15px;
text-transform: uppercase;
text-shadow:0px 0px 10px #fff;
opacity: 0;
letter-spacing: 2px;
-ms-transform: translateY(-3px);
-moz-transform: translateY(-3px);
-o-transform: translateY(-3px);
transform: translateY(-3px);
-webkit-transform: translateY(-3px);
transition:all 0.4s ease-out;
-webkit-transition:all 0.4s ease-out;
}
.portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .portfolio_title a {
color:#fff;
}
.portfolio_main_holder article:hover .item_holder.image_subtle_rotate_zoom_hover .portfolio_title,
.portfolio_slider li.item:hover .item_holder.image_subtle_rotate_zoom_hover .portfolio_title{
opacity: 1;
color:#fff;
text-shadow:none;
-ms-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
-webkit-transform: translateY(0px);
}
.portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .text_holder .separator {
display: inline-block;
background-color:#fff;
border-bottom:none;
-webkit-transition: width 0.4s 0s;
transition: width 0.4s 0s;
margin:10px 0;
height:4px;
width:20%;
}
.portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .text_holder .separator.animate {
width: 0%;
}
.portfolio_main_holder article:hover .item_holder.image_subtle_rotate_zoom_hover .text_holder .separator.animate,
.portfolio_slider li.item:hover .item_holder.image_subtle_rotate_zoom_hover .text_holder .separator.animate{
-webkit-transition: width 0.4s 0s;
transition: width 0.4s 0s;
width:20%;
}
.portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .project_category {
font-size: 12px;
color: #fff;
opacity: 0;
color:rgba(255,255,255,0);
text-shadow:0px 0px 10px #fff;
-ms-transform: translateY(3px);
-moz-transform: translateY(3px);
-o-transform: translateY(3px);
transform: translateY(3px);
-webkit-transform: translateY(3px);
transition:all 0.4s ease-out;
-webkit-transition:all 0.4s ease-out;
}
.portfolio_main_holder article:hover .item_holder.image_subtle_rotate_zoom_hover .project_category,
.portfolio_slider li.item:hover .item_holder.image_subtle_rotate_zoom_hover .project_category{
opacity:1;
color:#fff;
text-shadow:none;
-ms-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
-webkit-transform: translateY(0px);
}
.portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .portfolio_shader {
background-color:rgba(229, 115, 92,0.7);
z-index: 3;
-webkit-transition: opacity 0.3s cubic-bezier(.785,.135,.15,.86);
transition: opacity 0.3s cubic-bezier(.785,.135,.15,.86);
opacity: 0;
}
.portfolio_main_holder article:hover .item_holder.image_subtle_rotate_zoom_hover .portfolio_shader,
.portfolio_slider li.item:hover .item_holder.image_subtle_rotate_zoom_hover .portfolio_shader{
opacity:1;
}
.portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .icons_holder {
-ms-transform: translateY(3px);
-moz-transform: translateY(3px);
-o-transform: translateY(3px);
transform: translateY(3px);
-webkit-transform: translateY(3px);
transition:transform 0.4s ease-out;
-webkit-transition:transform 0.4s ease-out;
opacity: 0;
}
.portfolio_main_holder article:hover .item_holder.image_subtle_rotate_zoom_hover .icons_holder,
.portfolio_slider li.item:hover .item_holder.image_subtle_rotate_zoom_hover .icons_holder{
-ms-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transform: translateY(0);
opacity: 1;
}
.portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .icons_holder a {
display:inline-block;
background-color:transparent;
border:1px solid #fff;
width:40px;
height:40px;
line-height:40px;
color:#fff;
border-radius:100px;
margin:0 3px;
transition:0.2s ease-out;
-webkit-transition:0.2s ease-out;
}
.portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .icons_holder a:hover {
background-color:#fff;
color:#e5735c;
}
.portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .image_holder .image img {
-webkit-transition: -webkit-transform .7s;
transition: transform .7s;
}
.portfolio_main_holder article:hover .item_holder.image_subtle_rotate_zoom_hover .image_holder .image img ,
.portfolio_slider li.item:hover .item_holder.image_subtle_rotate_zoom_hover .image_holder .image img{
-webkit-transform: rotate(-9deg) scale(1.15);
-ms-transform: rotate(-9deg) scale(1.15);
-moz-transform: rotate(-9deg) scale(1.15);
-o-transform: rotate(-9deg) scale(1.15);
transform: rotate(-9deg) scale(1.15);
-webkit-transition: -webkit-transform .7s;
transition: transform .7s;
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
}
/* image_subtle_rotate_zoom_hover end */
/* image_text_zoom_hover start */
.projects_holder article .item_holder.image_text_zoom_hover a.portfolio_link_class,
.projects_masonry_holder article .item_holder.image_text_zoom_hover a.portfolio_link_class {
z-index: 5
}
.portfolio_main_holder .item_holder.image_text_zoom_hover .image_holder {
z-index: 2
}
.portfolio_main_holder .item_holder.image_text_zoom_hover .text_holder {
padding:30px;
font-size: 14px;
width: 100%;
height:100%;
position: absolute;
left: 0;
background-color: transparent;
top: 0;
text-align: center;
box-sizing: border-box;
opacity: 0;
-webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
z-index: 4;
}
.portfolio_main_holder article:hover .item_holder.image_text_zoom_hover .text_holder,
.portfolio_slider li.item:hover .item_holder.image_text_zoom_hover .text_holder{
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.portfolio_main_holder .item_holder.image_text_zoom_hover .text_holder_outer{
display: table;
width:100%;
height: 100%;
}
.portfolio_main_holder .item_holder.image_text_zoom_hover .text_holder_inner{
display: table-cell;
vertical-align: middle;
text-align:center;
}
.portfolio_main_holder .item_holder.image_text_zoom_hover .text_holder .separator {
width:20%;
display:inline-block;
height:4px;
background:#e5735c;
border-bottom:none;
}
.portfolio_main_holder .item_holder.image_text_zoom_hover .text_holder .separator.animate {
width:0%;
transition:width 0.2s;
-webkit-transition:width 0.2s;
}
.portfolio_main_holder article:hover .item_holder.image_text_zoom_hover .text_holder .separator.animate,
.portfolio_slider li.item:hover .item_holder.image_text_zoom_hover .text_holder .separator.animate{
width:20%;
}
.portfolio_main_holder .item_holder.image_text_zoom_hover .portfolio_title {
font-size:20px;
}
.portfolio_main_holder .item_holder.image_text_zoom_hover .portfolio_title a {
color: #e5735c;
font-weight:900;
text-transform: uppercase;
letter-spacing: 3px;
}
.portfolio_main_holder .icons_holder{
margin-top:10px;
}
.portfolio_main_holder .icons_holder:first-child:last-child{
margin:0;
}
.portfolio_main_holder .item_holder.image_text_zoom_hover .icons_holder a {
display: inline-block;
width:40px;
height:40px;
line-height: 40px;
background-color:#e5735c;
border-radius:50%;
margin:0 2px;
color:#fff;
-ms-transform:translateY(0);
-moz-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
-webkit-transform: translateY(0);
transition: background-color 0.2s, transform 0.2s;
-webkit-transition: background-color 0.2s, -webkit-transform 0.2s;
}
.portfolio_main_holder .item_holder.image_text_zoom_hover .icons_holder a:hover {
-ms-transform:translateY(-10%);
-moz-transform:translateY(-10%);
-o-transform:translateY(-10%);
transform:translateY(-10%);
-webkit-transform: translateY(-10%);
}
.portfolio_main_holder .item_holder.image_text_zoom_hover .portfolio_shader {
background-color:rgba(255,255,255,0.7);
z-index: 3;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
-webkit-transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
opacity: 0;
}
.portfolio_main_holder article:hover .item_holder.image_text_zoom_hover .portfolio_shader,
.portfolio_slider li.item:hover .item_holder.image_text_zoom_hover .portfolio_shader{
opacity: 1
}
.portfolio_main_holder .item_holder.image_text_zoom_hover .image_holder .image {
-webkit-transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
display: inline-block;
}
.portfolio_main_holder article:hover .item_holder.image_text_zoom_hover .image_holder .image,
.portfolio_slider li.item:hover .item_holder.image_text_zoom_hover .image_holder .image{
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
}
/* image_text_zoom_hover end */
/* cursor_change_hover start */
.projects_holder .item_holder.cursor_change_hover a.portfolio_link_class,
.projects_masonry_holder .item_holder.cursor_change_hover a.portfolio_link_class {
z-index: 6;
cursor: url("img/cursor_plus.cur"), crosshair;
cursor: url("img/cursor_plus.png") 22 22, crosshair;
}
.portfolio_main_holder .cursor_img {
position: absolute;
z-index: 1000;
}
.portfolio_main_holder .item_holder.cursor_change_hover .image_holder {
z-index: 2
}
.portfolio_main_holder .item_holder.cursor_change_hover .text_holder {
padding:30px;
font-size: 14px;
width: 100%;
height:100%;
position: absolute;
left: 0;
background-color: transparent;
top: 0;
text-align: center;
box-sizing: border-box;
opacity: 0;
-webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
z-index: 4;
}
.portfolio_main_holder article:hover .item_holder.cursor_change_hover .text_holder,
.portfolio_slider li.item:hover .item_holder.cursor_change_hover .text_holder {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.portfolio_main_holder .item_holder.cursor_change_hover .text_holder_outer{
display: table;
width:100%;
height: 100%;
}
.portfolio_main_holder .item_holder.cursor_change_hover .text_holder_inner{
display: table-cell;
vertical-align: middle;
text-align:center;
}
.portfolio_main_holder .item_holder.cursor_change_hover .portfolio_title {
font-size: 20px;
}
.portfolio_main_holder .item_holder.cursor_change_hover .portfolio_title a {
color: #fff;
}
.portfolio_main_holder .item_holder.cursor_change_hover .text_holder .separator {
display: inline-block;
margin:10px 0;
height:2px;
background-color:#fff;
border-bottom: none;
display: inline-block;
width:10%;
}
.portfolio_main_holder .item_holder.cursor_change_hover .text_holder .separator.animate {
width: 0%;
border-bottom: none;
-webkit-transition: width 0.4s 0s;
transition: width 0.4s 0s;
}
.portfolio_main_holder article:hover .item_holder.cursor_change_hover .text_holder .separator.animate,
.portfolio_slider li.item:hover .item_holder.cursor_change_hover .text_holder .separator.animate {
-webkit-transition: width 0.4s 0s;
transition: width 0.4s 0s;
width:10%;
}
.portfolio_main_holder .item_holder.cursor_change_hover .portfolio_shader {
background-color:rgba(229, 115, 92, 0.7);
z-index: 3;
-webkit-transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
opacity: 0;
}
.portfolio_main_holder article:hover .item_holder.cursor_change_hover .portfolio_shader,
.portfolio_slider li.item:hover .item_holder.cursor_change_hover .portfolio_shader {
opacity: 1
}
/* cursor_change_hover end */
/* slide_up_hover start */
.projects_holder article .item_holder.slide_up_hover a.portfolio_link_class,
.projects_masonry_holder article .item_holder.slide_up_hover a.portfolio_link_class {
z-index: 5;
}
.portfolio_main_holder .item_holder.slide_up_hover .image_holder {
z-index: 2
}
.portfolio_main_holder .item_holder.slide_up_hover .text_holder {
padding:30px;
font-size: 14px;
width: 100%;
height:100%;
position: absolute;
left: 0;
background-color: transparent;
text-align: center;
box-sizing: border-box;
opacity: 0;
backface-visibility:hidden;
-ms-transform:translateY(100%);
-moz-transform:translateY(100%);
-o-transform:translateY(100%);
transform:translateY(100%);
-webkit-transform:translateY(100%);
-webkit-backface-visibility:hidden;
-webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
z-index: 4;
}
.portfolio_main_holder article:hover .item_holder.slide_up_hover .text_holder,
.portfolio_slider li.item:hover .item_holder.slide_up_hover .text_holder {
opacity: 1;
-ms-transform:translateY(0);
-moz-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
-webkit-transform:translateY(0);
bottom:0;
}
.portfolio_main_holder .item_holder.slide_up_hover .text_holder_outer{
display: table;
width: 100%;
height: 100%;
}
.portfolio_main_holder .item_holder.slide_up_hover .text_holder_inner{
display: table-cell;
vertical-align: middle;
text-align:center;
}
.portfolio_main_holder .item_holder.slide_up_hover .portfolio_title {
font-size: 20px;
}
.portfolio_main_holder .item_holder.slide_up_hover .portfolio_title a {
color: #fff;
}
.portfolio_main_holder article:hover .item_holder.slide_up_hover .project_category,
.portfolio_slider li.item:hover .item_holder.slide_up_hover .project_category{
color:#fff;
}
.portfolio_main_holder .item_holder.slide_up_hover .icons_holder a {
display: inline-block;
margin: 0 10px;
color: #fff;
width:30px;
height:30px;
line-height:30px;
}
.portfolio_main_holder .item_holder.slide_up_hover .text_holder .separator {
display: inline-block;
margin:10px 0;
height:2px;
background-color:#fff;
border-bottom: none;
width:40px;
}
.portfolio_main_holder .item_holder.slide_up_hover .text_holder .separator.animate {
width: 0;
-webkit-transition: width 0.4s 0.5s;
transition: width 0.4s 0.5s;
}
.portfolio_main_holder article:hover .item_holder.slide_up_hover .text_holder .separator,
.portfolio_slider li.item:hover .item_holder.slide_up_hover .text_holder .separator.animate {
-webkit-transition: width 0.4s 0.5s;
transition: width 0.4s 0.5s;
width:40px;
}
.portfolio_main_holder .item_holder.slide_up_hover .portfolio_shader {
background-color:rgba(229, 115, 92, 0.7);
z-index: 3;
-ms-transform:translateY(100%);
-moz-transform:translateY(100%);
-o-transform:translateY(100%);
transform:translateY(100%);
-webkit-transform:translateY(100%);
-webkit-transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.portfolio_main_holder article:hover .item_holder.slide_up_hover .portfolio_shader,
.portfolio_slider li.item:hover .item_holder.slide_up_hover .portfolio_shader {
-ms-transform:translateY(0);
-moz-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
-webkit-transform:translateY(0);
-webkit-transition: transform 0.3s ease;
transition: transform 0.3s ease;
}
/* slide_up_hover end */
/* icons_bottom_corner start */
.portfolio_main_holder .item_holder.icons_bottom_corner .text_holder {
width: 100%;
font-weight:900;
font-size:18px;
text-transform:uppercase;
left: 0;
height: 100%;
margin: 0;
top: 0;
box-sizing: border-box;
z-index: 4;
-webkit-transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
-ms-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 1;
padding:10%;
}
.portfolio_main_holder article:hover .item_holder.icons_bottom_corner .text_holder {
-ms-transform:translateX(0);
-moz-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0);
-webkit-transform:translateX(0);
-webkit-transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
opacity: 1;
}
.projects_holder.hover_text article .item_holder .portfolio_title,
.projects_holder.hover_text article .item_holder .portfolio_title a
{
font-size:18px;
font-weight:700;
letter-spacing:1px;
line-height:18px;
}
.portfolio_main_holder .item_holder.icons_bottom_corner .icons_holder {
position: absolute;
bottom: 0;
opacity: 0;
z-index:6;
-webkit-transform: translate3d(0,10px,0);
-ms-transform: translate3d(0,10px,0);
-moz-transform: translate3d(0,10px,0);
-o-transform: translate3d(0,10px,0);
transform: translate3d(0,10px,0);
-webkit-transition: opacity .2s,-webkit-transform .2s;
transition: opacity .2s,transform .2s;
}
.portfolio_main_holder .item_holder.icons_bottom_corner .icons_holder.left {
left:0;
}
.portfolio_main_holder .item_holder.icons_bottom_corner .icons_holder.right {
right:0;
}
.portfolio_main_holder .item_holder.icons_bottom_corner .icons_holder.center {
width: 100%;
text-align: center;
}
.portfolio_main_holder article:hover .item_holder.icons_bottom_corner .icons_holder,
.portfolio_slider_holder li.item:hover .item_holder.icons_bottom_corner .icons_holder {
opacity: 1;
display: block;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.portfolio_main_holder .item_holder.icons_bottom_corner .icons_holder a {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
vertical-align: middle;
margin: 0;
font-size: 15px;
color: #fff;
background-color:#000;
-webkit-transition: all .5s;
transition: all .2s;
}
.portfolio_main_holder .item_holder.icons_bottom_corner .icons_holder a:hover {
background-color:#fff;
color:#000;
}
.portfolio_main_holder .item_holder.icons_bottom_corner .image_holder {
z-index: 2;
}
.portfolio_main_holder .item_holder.icons_bottom_corner .portfolio_shader {
background-color:rgba(255, 255, 255, 0.7);
z-index: 3;
-ms-transform:translateX(-100%);
-moz-transform:translateX(-100%);
-o-transform:translateX(-100%);
transform:translateX(-100%);
-webkit-transform:translateX(-100%);
-webkit-transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.portfolio_main_holder article:hover .item_holder.icons_bottom_corner .portfolio_shader,
.portfolio_slider_holder li.item:hover .item_holder.icons_bottom_corner .portfolio_shader {
-ms-transform:translateX(0);
-moz-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0);
-webkit-transform:translateX(0);
}
/*icons_bottom_corner end*/
/* text_slides_with_image start */
.portfolio_main_holder .item_holder.text_slides_with_image .text_holder {
width: 100%;
font-weight:900;
font-size:18px;
text-transform:uppercase;
left: 0;
height: 100%;
margin: 0;
top: 0;
box-sizing: border-box;
z-index: 5;
-webkit-transition: transform 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000);
transition: transform 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000);
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
padding:10%;
}
.portfolio_main_holder .item_holder.text_slides_with_image .portfolio_shader{
background-color: #fff;
}
.portfolio_main_holder article:hover .item_holder.text_slides_with_image .text_holder,
.portfolio_slider_holder li:hover .item_holder.text_slides_with_image .text_holder{
-ms-transform:translateX(0);
-moz-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0);
-webkit-transform:translateX(0);
-webkit-transition: transform 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000);
transition: transform 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000);
}
.portfolio_main_holder .item_holder.text_slides_with_image .icons_holder {
position: absolute;
bottom: 0;
left:0;
z-index:20;
width:100%;
}
.portfolio_main_holder .item_holder.text_slides_with_image .icons_holder.left {
text-align: left;
}
.portfolio_main_holder .item_holder.text_slides_with_image .icons_holder.right {
text-align: right;
}
.portfolio_main_holder .item_holder.text_slides_with_image .icons_holder.center {
text-align: center;
}
.portfolio_main_holder .item_holder.text_slides_with_image .icons_holder a {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
vertical-align: middle;
margin: 0;
font-size: 15px;
color: #fff;
background:#000;
transition: all .4s;
-webkit-transition: all .4s;
}
.portfolio_main_holder .item_holder.text_slides_with_image .icons_holder a:hover {
background:#fff;
color:#000;
}
.portfolio_main_holder .item_holder.text_slides_with_image .image_holder {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-webkit-transition: all .4s cubic-bezier(0.390, 0.575, 0.565, 1.000);
transition: all .4s cubic-bezier(0.390, 0.575, 0.565, 1.000);
}
.portfolio_main_holder article:hover .item_holder.text_slides_with_image .image_holder,
.portfolio_slider_holder li:hover .item_holder.text_slides_with_image .image_holder{
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
-moz-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
opacity: 1;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-webkit-transition: all .4s cubic-bezier(0.390, 0.575, 0.565, 1.000);
transition: all .4s cubic-bezier(0.390, 0.575, 0.565, 1.000);
}
/* text_slides_with_image end */
/* slow_zoom start */
.portfolio_main_holder .item_holder.slow_zoom .text_holder {
width: 100%;
font-weight:900;
font-size:18px;
text-transform:uppercase;
left: 0;
height: 100%;
margin: 0;
top: 0;
box-sizing: border-box;
z-index: 5;
-webkit-transition: opacity 0.6s 0.3s;
transition: opacity 0.6s 0.3s;
opacity:0;
padding:10%;
}
.portfolio_main_holder article:hover .item_holder.slow_zoom .text_holder {
opacity:1
}
.portfolio_main_holder .item_holder.slow_zoom .image_holder img {
-webkit-transform: scale(1.01);
-moz-transform: scale(1.01);
-o-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01);
-webkit-transition: all 2s cubic-bezier(0.21, 1, 0.12, 1) 0s;
transition: all 2s cubic-bezier(0.23, 1, 0.12, 1) 0s;
}
.portfolio_main_holder article:hover .item_holder.slow_zoom .image_holder img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 5s cubic-bezier(0.21, 1, 0.12, 1) 0s;
transition: all 5s cubic-bezier(0.21, 1, 0.12, 1) 0s;
}
.portfolio_main_holder .item_holder.slow_zoom .portfolio_shader {
background-color:rgba(255, 255, 255, 0.8);
z-index: 3;
opacity:0;
-webkit-transition: all 5s cubic-bezier(0.21, 1, 0.12, 1) 0s;
transition: all 5s cubic-bezier(0.21, 1, 0.12, 1) 0s;
}
.portfolio_main_holder article:hover .item_holder.slow_zoom .portfolio_shader,
.portfolio_slider li.item:hover .item_holder.slow_zoom .portfolio_shader {
opacity:1;
}
.portfolio_main_holder .item_holder.slow_zoom .icons_holder {
position: absolute;
bottom: 0;
opacity: 0;
z-index:20;
-webkit-transition: opacity .3s,-webkit-transform .3s;
transition: opacity .3s,transform .3s;
}
.portfolio_main_holder .item_holder.slow_zoom .icons_holder.left {
left:0;
-webkit-transform: translate3d(-10px,-10px,0);
-ms-transform: translate3d(-10px,10px,0);
-moz-transform: translate3d(-10px,10px,0);
-o-transform: translate3d(-10px,10px,0);
transform: translate3d(-10px,10px,0);
}
.portfolio_main_holder .item_holder.slow_zoom .icons_holder.right {
right:0;
-webkit-transform: translate3d(10px,10px,0);
-ms-transform: translate3d(10px,10px,0);
-moz-transform: translate3d(10px,10px,0);
-o-transform: translate3d(10px,10px,0);
transform: translate3d(10px,10px,0);
}
.portfolio_main_holder .item_holder.slow_zoom .icons_holder.center {
width: 100%;
text-align: center;
-webkit-transform: translate3d(0, 10px, 0);
-ms-transform: translate3d(0, 10px, 0);
-moz-transform: translate3d(0, 10px, 0);
-o-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
.portfolio_main_holder article:hover .item_holder.slow_zoom .icons_holder,
.portfolio_slider li.item:hover .item_holder.slow_zoom .icons_holder {
opacity: 1;
display: block;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.portfolio_main_holder .item_holder.slow_zoom .icons_holder a {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
vertical-align: middle;
margin: 0;
font-size: 15px;
color: #fff;
background:#000;
transition: all .4s;
-webkit-transition: all .4s;
}
.portfolio_main_holder .item_holder.slow_zoom .icons_holder a:hover {
background:#fff;
color:#000;
}
.portfolio_main_holder .item_holder.slow_zoom .image_holder {
z-index: 2;
}
/* slow_zoom end */
/* thin_plus_only start */
.portfolio_main_holder .item_holder.thin_plus_only .thin_plus_only_icon{
font-weight:100;
font-family: Lato;
font-size:100px;
-webkit-transition: all 0.5s 0.3s;
transition: all 0.5s 0.3s;
display: block;
}
.portfolio_main_holder .item_holder.thin_plus_only .text_holder {
width: 100%;
height: 100%;
left: 0;
margin: 0;
top: 0;
box-sizing: border-box;
z-index: 5;
-ms-transform:translate(20%,20%);
-moz-transform:translate(20%,20%);
-o-transform:translate(20%,20%);
transform:translate(20%,20%);
-webkit-transform:translate(20%,20%);
-webkit-transition: all 0.5s 0.3s;
transition: all 0.5s 0.3s;
opacity:0;
font-size:0;
padding:10%;
}
.portfolio_main_holder article:hover .item_holder.thin_plus_only .text_holder,
.portfolio_slider li:hover .item_holder.thin_plus_only .text_holder{
-ms-transform:translate(0,0);
-moz-transform:translate(0,0);
-o-transform:translate(0,0);
transform:translate(0,0);
-webkit-transform:translate(0,0);
-webkit-transition: all 0.2s 0.1s;
transition: all 0.2s 0.1s;
font-size:150px;
opacity:1
}
.portfolio_main_holder .item_holder.thin_plus_only .image_holder {
z-index: 2;
}
.portfolio_main_holder .item_holder.thin_plus_only .portfolio_shader {
background-color:rgba(255,255,255,0.85);
z-index: 3;
transition:opacity 0.5s;
-webkit-transition: opacity 0.5s;
opacity:0;
}
.portfolio_main_holder article:hover .item_holder.thin_plus_only .portfolio_shader,
.portfolio_slider li.item:hover .item_holder.thin_plus_only .portfolio_shader {
opacity:1
}
/* thin_plus_only end */
/* split_up start */
.portfolio_main_holder .item_holder.split_up .text_holder {
width: 100%;
font-weight:900;
font-size:18px;
text-transform:uppercase;
left: 0;
height: 100%;
margin: 0;
top: 0;
box-sizing: border-box;
z-index: 5;
-webkit-transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
opacity: 0;
padding:10%;
}
.portfolio_main_holder article:hover .item_holder.split_up .text_holder {
-webkit-transition: transform 0.3s ease;
transition: transform 0.3s ease;
opacity: 1;
}
.portfolio_main_holder .item_holder.split_up .portfolio_title {
-ms-transform:translateY(0);
-moz-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
-webkit-transform:translateY(0);
transition:0.2s;
-webkit-transition:0.2s;
}
.portfolio_main_holder article:hover .item_holder.split_up .portfolio_title {
-ms-transform:translateY(-4px);
-moz-transform:translateY(-4px);
-o-transform:translateY(-4px);
transform:translateY(-4px);
-webkit-transform:translateY(-4px);
}
.portfolio_main_holder .item_holder.split_up .project_category {
-ms-transform:translateY(-4px);
-moz-transform:translateY(-4px);
-o-transform:translateY(-4px);
transform:translateY(-4px);
-webkit-transform:translateY(-4px);
transition:0.2s;
-webkit-transition:0.2s;
}
.portfolio_main_holder article:hover .item_holder.split_up .project_category {
-ms-transform:translateY(0);
-moz-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
-webkit-transform:translateY(0);
}
.portfolio_main_holder .item_holder.split_up .text_holder .separator {
width:0%;
display: inline-block;
height: 2px;
background: #000;
border-bottom: none;
transition:width 0.3s 0.1s;
-webkit-transition:width 0.3s 0.1s;
}
.portfolio_main_holder article:hover .item_holder.split_up .text_holder .separator {
width: 20%;
}
.portfolio_main_holder .item_holder.split_up .image_holder {
z-index: 2;
}
.portfolio_main_holder .item_holder.split_up .portfolio_shader,
.portfolio_slider li.item .item_holder.split_up .portfolio_shader {
background: rgba(255, 255, 255, 0.9);
height: 0;
display: block;
left: 0;
opacity: 0;
position: absolute;
top: 50%;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
width: 100%;
z-index: 3;
}
.portfolio_main_holder article:hover .item_holder.split_up .portfolio_shader,
.portfolio_slider li.item:hover .item_holder.split_up .portfolio_shader {
height: 100%;
top: 0;
opacity: 1;
}
/* split_up end */
/*circle_hover starts */
.projects_holder .item_holder.circle_hover a.portfolio_link_class,
.projects_masonry_holder .item_holder.circle_hover a.portfolio_link_class {
z-index: 6;
}
.portfolio_main_holder .cursor_img {
position: absolute;
z-index: 1000;
}
.portfolio_main_holder .item_holder.circle_hover .image_holder {
z-index: 2
}
.portfolio_main_holder .item_holder.circle_hover .text_holder {
padding:20px;
font-size: 14px;
width: 100%;
height:100%;
position: absolute;
left: 0;
background-color: transparent;
top: 0;
text-align: center;
box-sizing: border-box;
opacity: 0;
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
z-index: 4;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(.4,0,.2,1), opacity 0.3s cubic-bezier(.4,0,.2,1);
transition: transform 0.3s cubic-bezier(.4,0,.2,1), opacity 0.3s cubic-bezier(.4,0,.2,1);
}
.portfolio_main_holder article:hover .item_holder.circle_hover .text_holder,
.portfolio_slider li.item:hover .item_holder.circle_hover .text_holder {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.portfolio_main_holder .item_holder.circle_hover .text_holder_outer{
display: table;
width:100%;
height: 100%;
}
.portfolio_main_holder .item_holder.circle_hover .text_holder_inner{
display: table-cell;
vertical-align: middle;
text-align:center;
}
.portfolio_main_holder .item_holder.circle_hover .portfolio_title {
font-size: 20px;
}
.portfolio_main_holder .item_holder.circle_hover .portfolio_title a {
color: #fff;
}
.portfolio_main_holder .item_holder.circle_hover .text_holder .separator {
display: inline-block;
margin:10px 0;
height:2px;
background-color:#fff;
border-bottom: none;
display: inline-block;
width:10%;
}
.portfolio_main_holder .item_holder.circle_hover .text_holder .separator.animate {
width: 0%;
border-bottom: none;
-webkit-transition: width 0.3s 0s;
transition: width 0.3s 0s;
}
.portfolio_main_holder article:hover .item_holder.circle_hover .text_holder .separator.animate,
.portfolio_slider li.item:hover .item_holder.circle_hover .text_holder .separator.animate {
-webkit-transition: width 0.3s 0s;
transition: width 0.3s 0s;
width:10%;
}
.portfolio_main_holder .item_holder.circle_hover .icons_holder a{
color: #fff;
display: inline-block;
height: 30px;
line-height: 30px;
margin: 0 10px;
width: 30px;
}
.portfolio_main_holder .item_holder.circle_hover .portfolio_shader {
background-color:rgba(229, 115, 92, 0.7);
z-index: 3;
position: absolute;
top: 0;
left: 0;
right: 0;
opacity: 0;
border-radius: 50%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform 0.4s cubic-bezier(.4,0,.2,1), opacity 0.4s cubic-bezier(.4,0,.2,1);
transition: transform 0.4s cubic-bezier(.4,0,.2,1), opacity 0.4s cubic-bezier(.4,0,.2,1);
}
.portfolio_main_holder article:hover .item_holder.circle_hover .portfolio_shader,
.portfolio_slider li.item:hover .item_holder.circle_hover .portfolio_shader {
opacity: 1;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
.portfolio_main_holder .item_holder.circle_hover .project_category{
color:#fff;
}
/* circle_hover end */
/*border_hover starts */
.portfolio_main_holder .item_holder.border_hover{
overflow:visible;
}
.projects_holder .item_holder.border_hover a.portfolio_link_class,
.projects_masonry_holder .item_holder.border_hover a.portfolio_link_class {
z-index: 6;
}
.portfolio_main_holder .cursor_img {
position: absolute;
z-index: 1000;
}
.portfolio_main_holder .item_holder.border_hover .image_holder {
z-index: 2
}
.portfolio_main_holder .item_holder.border_hover .text_holder {
padding:20px;
font-size: 14px;
width: 100%;
height:100%;
position: absolute;
left: 0;
background-color: transparent;
top: 0;
text-align: center;
box-sizing: border-box;
opacity: 0;
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
z-index: 4;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform 0.4s ease, opacity 0.4s ease;
transition: transform 0.4s ease, opacity 0.4s ease;
}
.portfolio_main_holder article:hover .item_holder.border_hover .text_holder,
.portfolio_slider li.item:hover .item_holder.border_hover .text_holder {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.portfolio_main_holder .item_holder.border_hover .text_holder_outer{
display: table;
width:100%;
height: 100%;
}
.portfolio_main_holder .item_holder.border_hover .text_holder_inner{
display: table-cell;
vertical-align: middle;
text-align:center;
}
.portfolio_main_holder .item_holder.border_hover .portfolio_title {
font-size: 20px;
}
.portfolio_main_holder .item_holder.border_hover .portfolio_title a {
color: #000;
}
.portfolio_main_holder .item_holder.border_hover .text_holder .separator {
display: inline-block;
margin:10px 0;
height:2px;
background-color:#000;
border-bottom: none;
display: inline-block;
width:10%;
}
.portfolio_main_holder .item_holder.border_hover .text_holder .separator.animate {
width: 0%;
border-bottom: none;
-webkit-transition: width 0.3s 0s;
transition: width 0.3s 0s;
}
.portfolio_main_holder article:hover .item_holder.border_hover .text_holder .separator.animate,
.portfolio_slider li.item:hover .item_holder.border_hover .text_holder .separator.animate {
-webkit-transition: width 0.3s 0s;
transition: width 0.3s 0s;
width:10%;
}
.portfolio_main_holder .item_holder.border_hover .icons_holder a {
display:inline-block;
width:40px;
height:40px;
line-height:40px;
background-color:#e5735c;
border-radius:100px;
margin:0 3px;
color:#fff;
transition:0.2s ease-out;
-webkit-transition:0.2s ease-out;
}
.portfolio_main_holder .item_holder.border_hover .portfolio_shader {
background-color:#fff;
z-index: 3;
position: absolute;
top: 0;
left: 0;
right: 0;
opacity: 0;
-webkit-transition:opacity 0.4s ease;
transition:opacity 0.4s ease;
box-sizing: border-box;
}
.portfolio_main_holder article:hover .item_holder.border_hover .portfolio_shader,
.portfolio_slider li.item:hover .item_holder.border_hover .portfolio_shader {
opacity: 0.85;
}
.portfolio_main_holder article .item_holder.border_hover .border_box {
position: absolute;
top: 0;
left: 0;
z-index:3;
width:100%;
height:100%;
}
.portfolio_main_holder article .item_holder.border_hover .border_box div{
position:absolute;
background-color: #000;
}
.portfolio_main_holder article .item_holder.border_hover .border_box .border1{
width:0;
height:1px;
-webkit-transition-delay: 0;
transition-delay: 0;
top:0;
left:0;
}
.portfolio_main_holder article .item_holder.border_hover .border_box .border2{
width:1px;
height:0;
top:0;
right:0;
}
.portfolio_main_holder article .item_holder.border_hover .border_box .border3{
width:0;
height:1px;
bottom:0;
right:0;
}
.portfolio_main_holder article .item_holder.border_hover .border_box .border4{
width:1px;
height:0;
bottom:0;
left:0;
}
.portfolio_main_holder article .item_holder.border_hover .border_box .border1,
.portfolio_main_holder article .item_holder.border_hover .border_box .border3{
-webkit-transition-property: width;
-webkit-transition-duration: 0.5s;
-webkit-transition-timing-function: ease;
transition-property: width;
transition-duration: 0.5s;
transition-timing-function: ease;
}
.portfolio_main_holder article .item_holder.border_hover .border_box .border2,
.portfolio_main_holder article .item_holder.border_hover .border_box .border4{
-webkit-transition-property: height;
-webkit-transition-duration: 0.5s;
-webkit-transition-timing-function: ease;
transition-property: height;
transition-duration: 0.5s;
transition-timing-function: ease;
}
.portfolio_main_holder article:hover .item_holder.border_hover .border_box .border1,
.portfolio_main_holder article :hover.item_holder.border_hover .border_box .border3{
width:100%
}
.portfolio_main_holder article:hover .item_holder.border_hover .border_box .border2,
.portfolio_main_holder article:hover .item_holder.border_hover .border_box .border4{
height:100%;
}
/* border_hover end */
/* ==========================================================================
5. Portfolio one by one loading
========================================================================== */
/*----------------------Portfolio "Fade - one by one" loading type-------------------------------*/
.projects_holder_outer:not(.masonry_with_space) .portfolio_main_holder.projects_holder.portfolio_one_by_one article {
opacity: 0 !important;
}
.projects_holder_outer:not(.masonry_with_space) .portfolio_main_holder.projects_holder.portfolio_one_by_one article.show {
opacity: 1 !important;
}
.projects_masonry_holder.portfolio_one_by_one article,
.projects_holder_outer.masonry_with_space .portfolio_main_holder.projects_holder.portfolio_one_by_one article,
.portfolio_main_holder.portfolio_one_by_one article{
opacity: 0;
-moz-transition: opacity 0.4s cubic-bezier(.4,0,.2,1);
-webkit-transition: opacity 0.4s cubic-bezier(.4,0,.2,1);
transition: opacity 0.4s cubic-bezier(.4,0,.2,1);
}
.projects_masonry_holder.portfolio_one_by_one article.show,
.projects_holder_outer.masonry_with_space .portfolio_main_holder.projects_holder.portfolio_one_by_one article.show {
opacity: 1;
}
/*---------------------Portfolio "Slide from top - diagonal" loading type-------------------------*/
.portfolio_main_holder.slide_from_top article{
overflow:hidden;
}
.portfolio_main_holder.slide_from_top article .item_holder,
.portfolio_main_holder.slide_from_top article .portfolio_description{
opacity: 0 !important;
-webkit-transform: translateY(-70%);
transform: translateY(-70%);
-moz-transition: -moz-transform 0.4s cubic-bezier(.4,0,.2,1), opacity 0.4s cubic-bezier(.4,0,.2,1);
-webkit-transition: -webkit-transform 0.4s cubic-bezier(.4,0,.2,1), opacity 0.4s cubic-bezier(.4,0,.2,1);
transition: transform 0.4s cubic-bezier(.4,0,.2,1), opacity 0.4s cubic-bezier(.4,0,.2,1);
}
.portfolio_main_holder.slide_from_top article.show .item_holder,
.portfolio_main_holder.slide_from_top article.show .portfolio_description{
opacity: 1 !important;
-webkit-transform: translateY(0);
transform: translateY(0);
}
/*---------------------Portfolio "Fade - diagonal" loading type-------------------------*/
.portfolio_main_holder.diagonal_fade article{
opacity: 0 !important;
-moz-transition: opacity 0.4s ease-in-out, -moz-transform 0.4s ease-in-out;
-webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
transition:opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
}
.portfolio_main_holder.diagonal_fade article.show{
opacity: 1 !important;
-webkit-transform: scale(1);
transform: scale(1);
}
/*---------------------Portfolio "Slide from left - random" loading type-------------------------*/
.portfolio_main_holder.slide_from_left article{
overflow:hidden;
}
.portfolio_main_holder.slide_from_left article .item_holder,
.portfolio_main_holder.slide_from_left article .portfolio_description{
opacity: 0 !important;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-moz-transition: -moz-transform 0.3s cubic-bezier(.4,0,.2,1), opacity 0.3s cubic-bezier(.4,0,.2,1);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(.4,0,.2,1), opacity 0.3s cubic-bezier(.4,0,.2,1);
transition: transform 0.3s cubic-bezier(.4,0,.2,1), opacity 0.3s cubic-bezier(.4,0,.2,1);
}
.portfolio_main_holder.slide_from_left article.show .item_holder,
.portfolio_main_holder.slide_from_left article.show .portfolio_description{
opacity: 1 !important;
-webkit-transform: translateX(0);
transform: translateX(0);
}
/* ==========================================================================
End of portfolio styles
========================================================================== */
/* ==========================================================================
Shortcodes styles
========================================================================== */
/**
* Here are defined styles for all shortcodes that are used in theme,
* except portfolio and blog
shortcode
*/
/* ==========================================================================
Accordion shortcode start styles
========================================================================== */
.eltd_accordion_holder{
position: relative;
display: block;
visibility: hidden;
}
.eltd_accordion_holder.accordion .ui-accordion-header {
cursor: pointer;
position: relative;
display: block;
height: 42px;
line-height: 42px;
color: #464646;
padding: 0;
margin: 28px 0 0;
-webkit-transform: translateZ(0px);
-moz-transform: translateZ(0px);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out;
-moz-transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out;
-ms-transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out;
-o-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;
}
.eltd_accordion_holder.accordion.boxed .ui-accordion-header{
text-align: center;
height: 51px;
line-height: 51px;
margin: 0;
padding: 0 27px;
color: #464646;
background-color: #fff;
border: 2px solid #dadada;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: 700;
}
.eltd_accordion_holder.transparent .accordion_icon_holder .eltd_icon_shortcode span,
.eltd_accordion_holder.transparent .accordion_icon_holder .eltd_icon_shortcode i,
.eltd_accordion_holder.accordion.boxed.transparent .ui-accordion-header{
color:#fff;
}
.eltd_accordion_holder.accordion.boxed.transparent .ui-accordion-header{
background-color:transparent!important;
}
.eltd_accordion_holder.accordion.boxed .ui-accordion-header:not(:first-child){
border-top: 0;
}
.eltd_accordion_holder.accordion.boxed .ui-accordion-header.accordion_icon{
padding-left: 0;
}
.eltd_accordion_holder.accordion.boxed.has_pattern .ui-accordion-header {
background-image: url("img/space_around_content_patern.png");
background-repeat: repeat;
background-position: 0px 0px;
}
.eltd_accordion_holder.accordion .ui-accordion-header:first-child,
.eltd_accordion_holder.accordion.boxed .ui-accordion-header:first-child{
margin: 0;
}
.eltd_accordion_holder.accordion:not(.boxed) .ui-accordion-header span.tab-title{
display: table;
width: 100%;
height: 100%;
line-height: normal;
vertical-align: middle;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.eltd_accordion_holder.accordion:not(.boxed) .ui-accordion-header.accordion_icon span.tab-title{
padding: 0 0 0 45px;
}
.eltd_accordion_holder.accordion:not(.boxed) .ui-accordion-header span.tab-title-inner{
position: relative;
display: table-cell;
width: 100%;
height: 100%;
line-height: normal;
vertical-align: middle;
}
.eltd_accordion_holder.accordion:not(.boxed) .ui-accordion-header,
.eltd_accordion_holder.accordion:not(.boxed) .ui-accordion-header:hover{
background-color: transparent !important;
border-color: transparent !important;
}
.eltd_accordion_holder:not(.boxed) .accordion_icon_holder{
position: absolute;
left:0;
}
.eltd_accordion_holder.boxed .accordion_icon_holder{
float:left;
display: inline-block;
min-width: 53px;
text-align: center;
margin:0 20px 0 0;
border-right: 2px solid #dadada;
position: relative;
top: -2px;
}
.eltd_accordion_holder.boxed .accordion_icon_holder .eltd_icon_shade {
vertical-align: top;
line-height: inherit !important;
height: auto !important;
width: auto !important;
}
.eltd_accordion_holder .eltd_icon_shortcode .fa{
vertical-align: middle!important;
}
.eltd_accordion_holder .accordion_icon_holder .eltd_icon_shortcode span,
.eltd_accordion_holder .accordion_icon_holder .eltd_icon_shortcode i{
vertical-align: middle;
color: #464646;
}
.eltd_accordion_holder .ui-state-active .accordion_icon_holder .eltd_icon_shortcode span,
.eltd_accordion_holder .ui-state-active .accordion_icon_holder .eltd_icon_shortcode i,
.eltd_accordion_holder .ui-state-hover .accordion_icon_holder .eltd_icon_shortcode span,
.eltd_accordion_holder .ui-state-hover .accordion_icon_holder .eltd_icon_shortcode i{
color: #e5735c;
}
.eltd_accordion_holder .ui-accordion-header .accordion_mark {
position: absolute;
top: 0;
right: 0;
display: block;
width: 42px;
height: 42px;
line-height:40px;
background-color: #f6f6f5;
-webkit-transition: background-color 0.15s ease-out, border-color 0.15s ease-out;
-moz-transition: background-color 0.15s ease-out, border-color 0.15s ease-out;
-ms-transition: background-color 0.15s ease-out, border-color 0.15s ease-out;
-o-transition: background-color 0.15s ease-out, border-color 0.15s ease-out;
transition: 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;
border: 1px solid #f6f6f5;
}
.eltd_accordion_holder.boxed .ui-accordion-header .accordion_mark{
border: 0 !important;
background-color: transparent !important;
}
.eltd_accordion_holder.boxed .ui-accordion-header .accordion_mark {
width: 46px;
height: 46px;
line-height:46px;
}
.eltd_accordion_holder.accordion .ui-accordion-header .accordion_mark_icon {
position: relative;
display: block;
width:100%;
height: 100%;
line-height:inherit;
text-align: center;
color: #464646;
font-size: 25px;
-webkit-transition: color 0.15s ease-out;
-moz-transition: color 0.15s ease-out;
-ms-transition: color 0.15s ease-out;
-o-transition: color 0.15s ease-out;
transition: color 0.15s ease-out;
}
.eltd_accordion_holder.accordion.transparent .ui-accordion-header .accordion_mark_icon{
color:#fff;
}
.eltd_accordion_holder.accordion .ui-accordion-header .accordion_mark_icon span{
position: absolute;
display: block;
width: 100%;
height: 100%;
line-height:inherit;
-webkit-transition: opacity 0.15s ease-out;
-moz-transition: opacity 0.15s ease-out;
-ms-transition: opacity 0.15s ease-out;
-o-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out;
margin-left: -1px;
font-weight: inherit;
}
.eltd_accordion_holder.accordion .ui-accordion-header .accordion_mark_icon .arrow_carrot-up,
.eltd_accordion_holder.accordion .ui-accordion-header.ui-state-active .accordion_mark_icon .arrow_carrot-down{
opacity: 0;
filter: alpha(opacity=0);
}
.eltd_accordion_holder.accordion .ui-accordion-header.ui-state-active .accordion_mark_icon .arrow_carrot-up{
opacity: 1;
filter: alpha(opacity=100);
}
.eltd_accordion_holder.accordion div.accordion_content{
margin: 0;
padding: 10px 0 0 0;
}
.eltd_accordion_holder.accordion.boxed div.accordion_content{
position: relative;
padding: 0;
border : 2px solid #dadada;
border-top: 0;
}
.eltd_accordion_holder.accordion.boxed:not(.transparent) div.accordion_content{
background-color:#fff;
}
.eltd_accordion_holder.accordion div.accordion_content_inner {
display: block;
}
.eltd_accordion_holder.accordion.boxed div.accordion_content_inner{
padding: 25px 30px;
text-align: left;
color:#fff;
}
.eltd_accordion_holder.accordion.boxed .ui-accordion-header{
text-align:left;
overflow: hidden;
}
/* ==========================================================================
Blockquote shortcode start styles
========================================================================== */
blockquote {
position: relative;
}
blockquote.with_background,
blockquote.with_border {
padding: 0 14px 14px 0;
}
blockquote.with_border {
border-left: 2px solid #333;
}
blockquote.with_border.with_quote_icon {
padding: 0;
}
blockquote.with_quote_icon {
display: table;
}
blockquote.with_quote_icon .icon_quotations_holder {
padding: 0;
display: table-cell;
font-size: 105px;
line-height: 1em;
font-weight: 400;
color: #eaeaea;
padding-left: 5px;
}
blockquote.with_quote_icon.with_icon_font .icon_quotations_holder{
line-height: 0.55em !important;
}
blockquote.with_quote_icon.with_icon_font .icon_quotations_holder i{
line-height: inherit;
}
blockquote.with_quote_icon .blockquote_text {
display: table-cell;
vertical-align: top;
padding-left: 10px;
}
blockquote .blockquote_text {
font-family: Raleway, sans-serif;
font-size: 18px;
line-height: 29px;
letter-spacing: 0px;
font-weight: 400;
font-style: normal;
text-transform: none;
color: #636363;
}
/* ==========================================================================
Dropcaps shortcodes styles
========================================================================== */
.eltd_dropcap{
position: relative;
display: inline-block;
float: left;
height: 48px;
width: 48px;
line-height: 48px;
font-size: 44px;
color: #e5735c;
font-weight: 700;
text-align: center;
margin: 5px 20px 0 0;
border: 2px solid transparent;
}
.eltd_dropcap.circle,
.eltd_dropcap.square{
margin: 5px 20px 0 0;
font-size: 22px;
background-color: #e5735c;
color: #fff;
}
.eltd_dropcap.circle {
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
-ms-border-radius: 2em;
-o-border-radius: 2em;
border-radius: 2em;
}
/* ==========================================================================
#Image Carousel
========================================================================== */
.no_image_carousel {
opacity: 0;
}
.pp_hoverContainer > a {
display: none !important;
}
/*slides*/
.no_image_carousel_slides_holder .caroufredsel_wrapper .slides li {
display: block;
position: relative;
float: left ;
margin: 5px;
margin-right: 12px;
overflow: hidden;
}
.no_image_carousel li img {
-webkit-transition: -webkit-transform .2s ease;
transition: transform .2s ease;
z-index: 44;
}
.no_image_carousel li:hover img {
-webkit-transform: scale(1.07, 1.07);
-ms-transform: scale(1.07, 1.07);
transform: scale(1.07, 1.07);
}
.no_image_carousel li .shader {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 55;
background-color: rgba(0, 0, 0, 0.7);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity .2s;
transition: opacity .2s;
}
.no_image_carousel li:hover .shader {
opacity: 1;
filter: alpha(opacity=100);
}
.caroufredsel_wrapper .slides li a {
display: block;
position: absolute;
height: 100%;
width: 100%;
z-index: 100;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
/*end slides*/
/*carousel typography*/
.no_image_carousel_title h3 {
font-size:33px;
line-height:41px;
}
.no_image_carousel_content p {
font-size:17px;
line-height:29px;
}
.no_image_carousel_title{
width:80%;
}
.no_image_carousel_content {
width:90%;
}
/*end carousel typography*/
/*carousel navigation*/
.controls.no_image_carousel_navigation {
margin-bottom: 10px;
}
.no_image_carousel_navigation a {
display: inline-block;
border: 1px solid #ccc;
position: relative;
height: 50px;
width: 50px;
vertical-align: middle;
-webkit-transition: border-color 0.3s ease-in-out;
transition: border-color 0.3s ease-in-out;
}
.no_image_carousel_navigation a:first-child {
border-top-width:2px;
border-left-width:2px;
border-bottom-width:2px;
}
.no_image_carousel_navigation a:last-child {
border-top-width:2px;
border-right-width:2px;
border-bottom-width:2px;
}
.no_image_carousel_navigation a span {
display: inline-block;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
font-size: 30px;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.no_image_carousel_navigation a {
color:#fff;
-webkit-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
}
.no-touch .no_image_carousel_navigation a:hover,
.touch .no_image_carousel_navigation a:active{
color:#e5735c;
}
/*END carousel navigation*/
.no_image_carousel_decription_holder {
margin-top:8%;
}
.no_image_carousel_inner {
position: relative;
padding: 15px 0 22px;
}
.no_image_carousel_slides_holder{
width: 71%;
padding-left: .5%;
padding-right: .5%;
display: block;
float: right;
}
.no_image_carousel_separator span {
border-bottom-width: 2px;
border-color: #e5735c;
}
/* ==========================================================================
# End of Image Carousel
========================================================================== */
/* ==========================================================================
Gallery shortcode styles
========================================================================== */
.wpb_gallery .image_gallery_title{
bottom: 0;
position: absolute;
padding: 10px;
box-sizing: border-box;
background-color:rgba(255,255,255,0.9);
width: 100%;
}
.gallery_holder{
display: block;
position: relative;
}
.wpb_image_grid .gallery_holder{
width: 100.1%;
}
.wpb_image_grid .gallery_holder ul li a {
margin-right: -1px;
margin-bottom: -1px !important;
margin-left: -1px;
}
.gallery_holder ul{
list-style: none;
display: block;
width: 100%;
position: relative;
margin: 0;
padding: 0;
}
.gallery_holder ul li{
position: relative;
display: block;
float: left;
overflow: hidden;
}
.gallery_holder ul li a{
display: block;
position: relative;
-webkit-backface-visibility: hidden;
}
.gallery_holder ul li a {
display: block;
overflow: hidden;
-webkit-transform: translateZ(0px);
-moz-transform: translateZ(0px);
}
.gallery_holder ul li a img {
display: block;
width: 100%;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-ms-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
.gallery_holder ul li.grayscale a img {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: gray;
filter: grayscale(100%);
filter: url(img/desaturate.svg#grayscale);
}
.gallery_holder ul li.grayscale:hover a img {
-webkit-filter: grayscale(0);
filter: none;
}
.gallery_holder ul li:hover a img {
-webkit-transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-ms-transform: scale(1.03, 1.03);
-o-transform: scale(1.03, 1.03);
transform: scale(1.03, 1.03);
}
.gallery_holder ul li .gallery_hover{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
display: inline-block;
background-color: rgba(0, 0, 0, 0.7);
visibility: visible;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
-o-transition: opacity .2s;
-ms-transition: opacity .2s;
transition: opacity .2s;
-ms-transform: translateZ(0px);
-o-transform: translateZ(0px);
-webkit-transform: translateZ(0px);
-moz-transform: translateZ(0px);
transform: translateZ(0px);
-webkit-backface-visibility: hidden;
z-index: 1000;
}
.gallery_holder ul li:hover .gallery_hover{
opacity: 1;
filter: alpha(opacity=100);
}
.gallery_holder ul li .gallery_hover i{
position: absolute;
top: 50%;
left: 50%;
margin: -23px 0 0 -23px;
font-size: 12px;
color: #fff;
width: 46px;
height: 46px;
line-height:46px;
text-align: center;
display: inline-block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: background-color 0.15s ease-out;
-moz-transition: background-color 0.15s ease-out;
-ms-transition: background-color 0.15s ease-out;
-o-transition: background-color 0.15s ease-out;
transition: background-color 0.15s ease-out;
}
.gallery_holder ul li .gallery_hover i.fa-search:hover {
background-color: #9d9d9d;
}
.gallery_holder ul li .gallery_hover i.fa-search{
background-color: #e5735c;
}
.gallery_holder ul li .gallery_hover i.fa-plus{
background-color: transparent;
}
/*Gallery without space*/
.gallery_holder ul.gallery_without_space.v5 li,
.wpb_gallery_slides .gallery_holder ul.gallery_without_space.v5 li{
width: 20%;
margin: 0;
}
.gallery_holder ul.gallery_without_space.v4 li,
.wpb_gallery_slides .gallery_holder ul.gallery_without_space.v4 li{
width: 25%;
margin: 0;
}
.gallery_holder ul.gallery_without_space.v3 li,
.wpb_gallery_slides .gallery_holder ul.gallery_without_space.v3 li{
width: 33.33333333333333%;
margin: 0;
}
.gallery_holder ul.gallery_without_space.v2 li,
.wpb_gallery_slides .gallery_holder ul.gallery_without_space.v2 li{
width: 50%;
margin: 0;
}
/*With space gallery*/
.gallery_holder .gallery_inner.gallery_with_space li{
margin-bottom: 2%;
}
.gallery_holder .gallery_inner.gallery_with_space li:last-child{
margin-bottom: 0;
}
.gallery_holder .gallery_inner.gallery_with_space.v2 li{
width: 48%;
margin: 0 2% 2% 0;
}
.gallery_holder .gallery_inner.gallery_with_space.v2 li:nth-child(2n){
margin-right: 0;
}
.gallery_holder .gallery_inner.gallery_with_space.v3 li{
width: 32%;
margin: 0 2% 2% 0;
}
.gallery_holder .gallery_inner.gallery_with_space.v3 li:nth-child(3n){
margin-right: 0;
}
.gallery_holder .gallery_inner.gallery_with_space.v4 li{
width: 23.5%;
margin: 0 2% 2% 0;
}
.gallery_holder .gallery_inner.gallery_with_space.v4 li:nth-child(4n){
margin-right: 0;
}
.gallery_holder .gallery_inner.gallery_with_space.v5 li{
width: 18.4%;
margin: 0 2% 2% 0;
}
.gallery_holder .gallery_inner.gallery_with_space.v5 li:nth-child(5n){
margin-right: 0;
}
/* ==========================================================================
Enf of gallery shortcode styles
========================================================================== */
/* ==========================================================================
Highlight shortcode start styles
========================================================================== */
.highlight{
background-color: #e5735c;
color: #fff;
padding: 0 3px;
}
/* ==========================================================================
Testimonials shortcode
========================================================================== */
.testimonials{
position: relative;
}
.testimonials.testimonials_carousel{
visibility: hidden;
margin-bottom: 60px;
}
.testimonials.image_above.with_arrows{
padding: 0 100px;
}
.testimonials .testimonial_container {
overflow: hidden;
width: 100%;
background-color: transparent;
text-align: left;
margin: 0 0 16px;
}
.testimonials.image_above .testimonial_image_holder{
margin: 0 0 27px 0;
width: 113px;
height:113px;
overflow: hidden;
display: inline-block;
border-radius: 200px;
border-style: solid;
position: absolute;
}
.testimonials .relative_position.image_top .testimonial_image_holder,
.testimonials .relative_position.image_bottom .testimonial_image_holder,
.testimonials .relative_position.image_bottom.center_align .testimonial_image_holder,
.testimonials .relative_position.image_top.center_align .testimonial_image_holder
{
position: relative;
margin:0;
top:auto;
width:auto;
height: auto;
-ms-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-backface-visibility: visible;
}
.testimonials .relative_position.image_top .testimonial_text_inner,
.testimonials .relative_position.image_bottom .testimonial_text_inner{
padding: 0;
margin:0;
}
.testimonials.image_above .center_align.relative_position .testimonial_image_holder,
.testimonials.image_above .left_align.relative_position .testimonial_image_holder{
left:auto;
}
.testimonials.image_above .right_align.relative_position .testimonial_image_holder{
right: auto;
}
.testimonials.image_above .center_align .testimonial_image_holder{
left:50%;
-ms-transform:translate(-50%, 0);
-moz-transform:translate(-50%, 0);
-o-transform:translate(-50%, 0);
-webkit-transform:translate(-50%, 0);
transform:translate(-50%, 0);
}
.testimonials.image_above .left_align .testimonial_image_holder{
left:0;
margin-left:0;
}
.testimonials.image_above .right_align .testimonial_image_holder{
margin-right:0;
right:0;
}
.testimonials.image_above .image_top.absolute_position .testimonial_image_holder{
top:0;
-ms-transform:translate(0, -50%);
-moz-transform:translate(0, -50%);
-o-transform:translate(0, -50%);
-webkit-transform:translate(0, -50%);
transform:translate(0, -50%);
}
.testimonials.image_above .image_top.center_align.absolute_position .testimonial_image_holder{
-ms-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
-webkit-backface-visibility: hidden;
}
.testimonials.image_above .image_top .testimonial_text_inner{
padding: 20px 0 0 0;
}
.testimonials.image_above .image_bottom.absolute_position .testimonial_image_holder{
top: 100%;
-ms-transform:translate(0, -50%);
-moz-transform:translate(0, -50%);
-o-transform:translate(0, -50%);
-webkit-transform:translate(0, -50%);
transform:translate(0, -50%);
}
.testimonials.image_above .image_bottom.center_align.absolute_position .testimonial_image_holder{
-ms-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
-webkit-backface-visibility: hidden;
}
.testimonials .image_bottom .testimonial_text_inner{
padding: 0 0 56px 0;
}
.testimonials .testimonial_image_holder img{
max-width: 100%;
}
.testimonials .testimonial_title{
font-size: 30px;
line-height: 1.6em;
font-weight: 700;
color: #333333;
margin:20px 0;
}
.testimonials_holder .testimonial_separator{
display: inline-block;
width: 78px;
height: 1px;
background-color: #333;
margin:0 0 17px 0;
}
.testimonials .image_top .testimonial_text_inner.without_title .testimonial_text {
padding: 34px 0 0;
}
.testimonials_holder .testimonial_text{
font-size: 14px;
line-height: 1.71em;
font-weight: 300;
}
.testimonials .testimonial_text_inner .testimonial_author {
line-height: 1.1em;
font-size: 17px;
font-weight: 700;
margin: 0 0 10px;
}
.testimonials .image_bottom .testimonial_text_inner .testimonial_author {
margin: 20px 0 45px 0;
}
.testimonials .testimonial_text_inner .testimonial_author .testimonials_job.below {
display: block;
margin-top: 5px;
}
.testimonials_holder .flex-direction-nav {
display: block;
position: absolute;
top: 50%;
left:0;
width: 100%;
margin-top: -25px;
}
.testimonials_holder .flex-direction-nav li {
display: inline-block;
height: 48px;
width: 48px;
}
.testimonials_holder .flex-direction-nav a {
position: absolute;
top:50%;
width:48px;
height: 48px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
filter: alpha(opacity = 40);
text-indent: -9999px;
background-color: transparent;
margin: -24px 0 0 0;
border-width: 2px;
border-style: solid;
border-color: #fff;
}
.testimonials_holder .flex-direction-nav a:hover {
background-color: transparent;
opacity: 1;
filter: alpha(opacity = 100);
}
.testimonials_holder.light .flex-direction-nav a:hover{
background-color: transparent;
}
.testimonials_holder .flex-direction-nav a span{
position: relative;
width:48px;
height: 48px;
display: block;
}
.testimonials_holder .flex-direction-nav a span:before {
/*font-family: 'FontAwesome', sans-serif;*/
position: absolute;
height: 48px;
width: 48px;
line-height: 48px;
top: 0;
left: 0;
color: #fff;
text-indent: 0;
font-size: 23px;
-webkit-transition: color 0.15s ease-out;
-ms-transition: color 0.15s ease-out;
-moz-transition: color 0.15s ease-out;
-o-transition: color 0.15s ease-out;
transition: color 0.15s ease-out;
}
.testimonials_holder .flex-direction-nav a:hover:before {
color: #fff;
}
.testimonials_holder .flex-direction-nav a.flex-prev{
left: 0;
}
.testimonials_holder .flex-direction-nav a.flex-next{
right: 0;
}
.testimonials_holder .flex-direction-nav a.flex-prev span:before {
/*content: '\f104';*/
}
.testimonials_holder .flex-direction-nav a.flex-next span:before {
/*content: '\f105';*/
}
.testimonials_holder.full_width {
background: none;
}
.content .testimonial_content .container .container_inner {
padding: 0;
}
.testimonial_text_holder {
position: relative;
display: block;
}
.testimonial_text_holder.center_align,
.testimonial_content.center_align{
text-align: center;
}
.testimonial_text_holder.right_align,
.testimonial_content.right_align{
text-align: right;
}
.testimonials .testimonial_text_inner {
display: block;
}
.testimonials_holder .flex-control-paging {
display: block;
text-align: center;
margin-top: 25px;
}
.testimonials_holder .flex-control-paging li {
display: inline-block;
}
.testimonials_holder .flex-control-paging li a {
display: inline-block;
vertical-align: middle;
text-indent: -5000px;
width: 12px;
height: 12px;
position: relative;
margin-right: 5px;
background-color: #74797b;
border-radius: 5em;
opacity: 0.4;
filter: alpha(opacity = 40);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-style: solid;
border-width: 0px;
border-color: transparent;
}
.testimonials_holder .navigation_outer_border .flex-control-paging li a {
margin-right: 20px;
background-color:transparent;
width: 3px;
height: 3px;
border-width:0;
}
.testimonials_holder .navigation_outer_border .flex-control-paging li a:before{
content: "";
width: 3px;
height: 3px;
position: absolute;
border: 2px solid #dadada;
display: inline-block;
left: -4px;
top: -4px;
padding: 2px;
border-radius: 50%;
}
.testimonials_holder .flex-control-paging li:last-child a{
margin:0;
}
.testimonials_holder.light .flex-control-paging li a {
border-color: #fff;
}
.testimonials_holder .flex-control-paging li a.flex-active {
background-color: #e5735c;
opacity: 1;
filter: alpha(opacity = 100);
}
.testimonials_holder .navigation_outer_border .flex-control-paging li a.flex-active {
width:9px;
height:9px;
}
.testimonials_holder .navigation_outer_border .flex-control-paging li a.flex-active:before {
width: 9px;
height: 9px;
border-color: #e5735c;
}
.testimonials .relative_position .testimonial_image_holder{
display: inline-flex;
}
/* Testimonials image on left styles */
.testimonials.image_left .testimonial_content .testimonial_image_left_holder{
display: table;
table-layout: fixed;
width: 100%;
}
.testimonials.image_left .testimonial_image_left_holder .testimonial_image_holder{
display: table-cell;
overflow: hidden;
width: 35%;
vertical-align: top;
padding-right: 20px;
}
.testimonials.image_left .testimonial_image_left_holder .testimonial_image_holder img{
border-radius: 200px;
}
.testimonials.image_left .testimonial_image_left_holder .testimonial_content_inner{
display: table-cell;
vertical-align: top;
}
.testimonials.image_left[data-show-navigation-arrows='yes'] .testimonial_text_holder{
padding-bottom: 50px;
}
.testimonials.image_left[data-show-navigation='yes'] .testimonial_text_holder{
padding-bottom: 24px;
}
.testimonials.image_left .flex-control-paging{
margin-top: 0;
position: absolute;
bottom: 0;
left: 0;
z-index: 110;
}
.testimonials.image_left.show_images .flex-control-paging,
.testimonials.image_left.show_images .flex-direction-nav{
left: 35%;
}
.testimonials.image_left .flex-direction-nav {
top: auto;
bottom: 0;
left: 0;
width: auto;
}
.testimonials.image_left .flex-direction-nav a {
top: auto;
bottom: 0;
margin: 0;
}
.testimonials.image_left .flex-direction-nav li:first-child{
margin-right: 5px;
}
/* Testimonials with icon styles */
.testimonials.with_icon .testimonial_content .testimonial_with_icon_holder{
display: table;
table-layout: fixed;
width: 100%;
}
.testimonials.with_icon .testimonial_with_icon_holder .testimonial_icon_holder{
display: table-cell;
width: 5%;
vertical-align: top;
text-align: left;
}
.testimonials.with_icon .testimonial_with_icon_holder .testimonial_icon_holder i,
.testimonials.with_icon .testimonial_with_icon_holder .testimonial_icon_holder span {
font-size: 30px;
color: #e5735c;
padding-left: 5px;
}
.testimonials.with_icon .testimonial_with_icon_holder .testimonial_content_inner {
display: table-cell;
vertical-align: top;
}
.testimonials.with_icon .testimonial_with_icon_holder .testimonial_content_inner .testimonial_text_inner {
padding: 0 15px;
}
.testimonials.with_icon .testimonial_with_icon_holder .testimonial_content_inner .testimonial_title {
margin-top: 0;
line-height: 1em;
}
/* Testimonials type carousel styles */
.testimonials.carousel .testimonial_content .testimonial_content_inner {
border: 2px solid #dadada;
}
.testimonials.carousel .testimonial_content.right_align .testimonial_content_inner {
text-align:right;
}
.testimonials.carousel .testimonial_content.center_align .testimonial_content_inner {
text-align:center;
}
.testimonials.carousel .testimonial_content .testimonial_image_holder {
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
}
.testimonials.carousel .testimonial_content .testimonial_title {
margin: 0;
}
.testimonials.carousel .testimonial_content .testimonial_text_inner {
margin-top:-40px;
}
.testimonials.carousel .testimonial_content .testimonial_text {
font-size:17px;
color:#636363;
padding: 9px 24px 26px 24px;
line-height: 29px;
}
.testimonials.carousel .testimonial_content_inner .testimonial_bottom_holder {
border-top: 2px solid #dadada;
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
}
.testimonials.carousel .testimonial_content_inner .testimonial_icon_holder {
display: table-cell;
height: 100%;
vertical-align: middle;
width:15%;
border-right: 2px solid #dadada;
box-sizing:border-box;
}
.testimonials.carousel .testimonial_content_inner .testimonial_icon_holder span,
.testimonials.carousel .testimonial_content_inner .testimonial_icon_holder i {
color: #e5735c;
font-size: 17px;
}
.testimonials.carousel .testimonial_content_inner .testimonial_author_holder {
width:86%;
box-sizing:border-box;
text-align: left;
padding-left: 20px;
display: table-cell;
height: 100%;
vertical-align: middle;
}
.testimonials.carousel .testimonial_content_inner p.testimonial_author {
font-size: 13px;
line-height: 20px;
font-weight: 800;
text-transform: uppercase;
color: #464646;
letter-spacing: 1px;
padding: 15px 0;
}
.testimonials.carousel .testimonial_content_inner .testimonials_job.below{
display:block;
}
.testimonials.carousel.job_position_below .testimonial_content_inner .testimonial_icon_holder {
width:20%;
}
.testimonials.carousel.job_position_below .testimonial_content_inner .testimonial_author_holder {
width:80%;
}
.testimonials.carousel ul li .testimonials_carousel_holder.carousel_three {
width: 33.33%;
display: inline-block;
padding: 13px;
box-sizing: border-box;
position: relative;
opacity: 0;
-webkit-transition: opacity 0.25s ease;
-moz-transition: opacity 0.25s ease;
-o-transition: opacity 0.25s ease;
transition: opacity 0.25s ease;
}
.testimonials.carousel ul li.flex-active-slide .testimonials_carousel_holder{
opacity: 1;
-webkit-animation: slideInTtms 0.25s ease-in-out;
-moz-animation: slideInTtms 0.25s ease-in-out;
-o-animation: slideInTtms 0.25s ease-in-out;
animation: slideInTtms 0.25s ease-in-out;
}
.testimonials.carousel ul li.flex-active-slide .testimonials_carousel_holder.carousel_three:nth-child(3n + 1){
-webkit-animation-delay: 0.1s;
-moz-animation-delay: 0.1s;
-o-animation-delay: 0.1s;
animation-delay: 0.1s;
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.testimonials.carousel ul li.flex-active-slide .testimonials_carousel_holder.carousel_three:nth-child(3n + 2){
-webkit-animation-delay: 0.2s;
-moz-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
animation-delay: 0.2s;
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.testimonials.carousel ul li.flex-active-slide .testimonials_carousel_holder.carousel_three:nth-child(3n){
-webkit-animation-delay: 0.3s;
-moz-animation-delay: 0.3s;
-o-animation-delay: 0.3s;
animation-delay: 0.3s;
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
}
@-webkit-keyframes slideInTtms {
0% {
-webkit-transform: translateX(30%);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes slideInTtms {
0% {
-moz-transform: translateX(30%);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes slideInTtms {
0% {
-o-transform: translateX(30%);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes slideInTtms {
0% {
transform: translateX(30%);
}
100% {
transform: translateX(0);
}
}
/* ==========================================================================
Single image shortcode styles
========================================================================== */
.wpb_content_element.wpb_single_image img{
vertical-align: middle;
}
.prettyphoto_container{
display: inline-block;
position: relative;
}
.prettyphoto_container span{
display: none;
}
.prettyphoto_container:hover span{
position: absolute;
background-color: rgba(229, 115, 92,0.85);
width: 100%;
height: 100%;
display: block;
}
.prettyphoto_container:hover span i{
position: relative;
top: 50%;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
display: block;
color: #fff;
}
/*Single Image hover animation*/
.wpb_wrapper > .wpb_single_image .vc_single_image-wrapper.vc_box_circle {
position: relative;
}
.wpb_wrapper > .wpb_single_image .vc_single_image-wrapper.vc_box_circle .shader {
content: '';
display: block;
height: 100%;
width: 100%;
position: absolute;
left: 0;
bottom: 0;
border-radius: 50%;
opacity: 0;
transform: scale(0.3);
-ms-transform: scale(0.3);
-webkit-transform: scale(0.3);
-webkit-transition: -webkit-transform .22s ease-in-out, opacity .2s ease-in-out;
transition: transform .22s ease-in-out, opacity .2s ease-in-out;
}
.wpb_wrapper:hover > .wpb_single_image .vc_single_image-wrapper.vc_box_circle .shader {
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
filter: alpha(opacity=85);
opacity: 0.85;
}
.wpb_single_image .hover_message {
position: absolute;
top: 50%;
left: 50%;
z-index: 100;
width: 100%;
margin: auto;
text-align: center;
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: -webkit-transform 0.22s ease-in-out, opacity .2s ease-in-out;
transition: transform 0.22s ease-in-out, opacity .2s ease-in-out;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 700;
}
.wpb_wrapper:hover > .wpb_single_image .hover_message {
filter: alpha(opacity=100);
opacity: 1;
}
/*END Single Image hover animation*/
/* ==========================================================================
Numbered image shortcode styles
========================================================================== */
.numbered_image_holder {
position:relative;
display:inline-block;
}
.numbered_image_holder .image_holder_inner{
display: inline-block;
vertical-align: middle;
overflow: hidden;
}
.numbered_image_holder .image_holder_inner img{
vertical-align: middle;
width:100%;
}
.numbered_image_holder .stripe_holder {
display: inline-block;
width: 90px;
height: 90px;
position: absolute;
top: 0;
left: 0;
background-color: #e5735c;
}
.numbered_image_holder .number_holder {
text-align: center;
display: table;
width: 100%;
height: 100%;
table-layout: fixed;
}
.numbered_image_holder .number_holder span{
color: #fff;
display: table-cell;
height: 100%;
vertical-align: middle;
font-size: 50px;
line-height: 50px;
}
/* ==========================================================================
Tabs shortcode start styles
========================================================================== */
.eltd_tabs{
display: block;
visibility: hidden;
}
.eltd_tabs .tabs-nav {
list-style: none outside none;
margin: 0;
overflow: hidden;
padding: 0;
display: inline-block;
position: relative;
z-index: 2;
vertical-align: middle;
}
.eltd_tabs.horizontal .tabs-nav li {
margin: 5px 5px 0 0;
position: relative;
display: inline-block;
float: left;
}
.eltd_tabs.with_borders.disable_margin .tabs-nav li{
margin-right: 0;
}
.eltd_tabs .tabs-nav li a{
color: #e5735c;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
padding: 0 20px;
}
.eltd_tabs .tabs-nav li.active a,
.eltd_tabs .tabs-nav li:hover a{
color: #9a9a9a;
}
/* Horizontal tabs styles
========================================================================== */
.eltd_tabs.horizontal.center {
text-align: center;
}
.eltd_tabs.horizontal.left {
text-align: left;
}
.eltd_tabs.horizontal.right {
text-align: right;
}
.eltd_tabs.horizontal .tabs-container{
padding: 20px 0 15px 0;
text-align: left;
}
.eltd_tabs.horizontal.right .tabs-container {
text-align: right;
}
/* Vertical tabs styles
========================================================================== */
.eltd_tabs.vertical .tabs-nav {
width: auto;
margin: 0;
display: table-cell;
vertical-align: top;
}
.eltd_tabs.vertical.right .tabs-nav {
float: right;
}
.eltd_tabs.vertical.left .tabs-nav {
float: left;
}
.eltd_tabs.vertical .tabs-nav li {
display: block;
width: 100%;
top: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: border-color 0.15s ease-out;
-moz-transition: border-color 0.15s ease-out;
-ms-transition: border-color 0.15s ease-out;
-o-transition: border-color 0.15s ease-out;
transition: border-color 0.15s ease-out
}
.eltd_tabs.vertical .tabs-nav li:last-child{
margin: 0;
}
.eltd_tabs.vertical .tabs-nav li a {
text-align: center;
height: auto;
line-height: normal;
display: table-cell;
vertical-align: middle;
}
.eltd_tabs.vertical.border_arround_element .tabs-nav li a{
display: inline-block;
vertical-align: middle;
white-space: nowrap;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.eltd_tabs.vertical .tabs-container {
display: table-cell;
vertical-align: top;
position:relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.eltd_tabs.vertical.left .tabs-container {
text-align: left;
}
.eltd_tabs.vertical.right .tabs-container {
text-align: right;
}
/* Tabs with border - border arround whole element / border arround active tab
========================================================================== */
.eltd_tabs.border_arround_element .tabs-nav li{
border: 2px solid #dadada;
-webkit-transition: border-color 0.15s ease-out;
-moz-transition: border-color 0.15s ease-out;
-ms-transition: border-color 0.15s ease-out;
-o-transition: border-color 0.15s ease-out;
transition: border-color 0.15s ease-out;
}
.eltd_tabs.border_arround_element.horizontal.disable_margin .tabs-nav li{
border: 0;
}
.eltd_tabs.vertical.border_arround_element .tabs-nav li{
border-color: #dadada;
}
.eltd_tabs.border_arround_element .tabs-nav li a{
position: relative;
display: block;
height: 51px;
line-height: 51px;
margin: 0;
padding: 0 20px;
color: #464646;
font-size: 13px;
font-weight: 700;
-webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
-moz-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
-ms-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
-o-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;
border-radius: initial !important; /* script set border-radius on 'a' and on 'li' element, whatever type of tab it is */
}
.eltd_tabs.border_arround_element .tabs-nav li a{
background-color: #f7f7f7;
}
.eltd_tabs.border_arround_element.disable_margin.horizontal .tabs-nav li a{
border: 2px solid #dadada;
}
.eltd_tabs.border_arround_element.disable_margin.horizontal .tabs-nav li:not(:last-child) a{
border-right: 0;
}
.eltd_tabs.border_arround_element.disable_margin.horizontal .tabs-nav li:not(:last-child) a:after{
display: none;
position: absolute;
top: 0;
right: 0;
height: 100%;
width:1px;
content: "";
background-color: transparent;
-webkit-transition: background-color 0.15s ease-out;
-moz-transition: background-color 0.15s ease-out;
-ms-transition: background-color 0.15s ease-out;
-o-transition: background-color 0.15s ease-out;
transition: background-color 0.15s ease-out;
}
.eltd_tabs.border_arround_element .tabs-nav li.active a,
.eltd_tabs.border_arround_element .tabs-nav li:hover a{
color: #e5735c;
background-color: #fff;
}
.eltd_tabs.with_borders .tabs-container {
overflow: hidden;
position: relative;
padding: 29px 25px;
text-align: left;
z-index: 1;
overflow: visible;
border: 2px solid #dadada;
background-color: #fff;
}
.eltd_tabs.with_borders.horizontal .tabs-container{
top: -2px;
}
.eltd_tabs.with_borders.vertical.left .tabs-container{
left: -2px;
}
.eltd_tabs.with_borders.vertical.right .tabs-container{
right: -2px;
}
.eltd_tabs.tab_with_text_and_icon .tabs-nav li a{
display: inline-block;
vertical-align: middle;
text-align: left;
}
.eltd_tabs.tab_with_text_and_icon .tabs-nav li a i,
.eltd_tabs.tab_with_text_and_icon .tabs-nav li a span.icon_frame {
font-size: 22px;
line-height: 51px;
vertical-align: middle;
}
.eltd_tabs.tab_with_text_and_icon .tabs-nav li a .icon_frame + .tab_text_after_icon,
.eltd_tabs.tab_with_text_and_icon .tabs-nav li a .tab_text_after_icon + .icon_frame{
padding-left: 14px;
letter-spacing: 1px;
}
/* Icons tabs styles
========================================================================== */
.eltd_tabs.tab_with_icon .tabs-nav li {
display: block;
float: none;
overflow: visible;
-webkit-transition: border-color 0.15s ease-out;
-moz-transition: border-color 0.15s ease-out;
-ms-transition: border-color 0.15s ease-out;
-o-transition: border-color 0.15s ease-out;
transition: border-color 0.15s ease-out
}
.eltd_tabs.tab_with_icon .tabs-nav li a {
display: block;
text-align: center;
-webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
-moz-transition: color 0.15s ease-out, background-color 0.15s ease-out;
-ms-transition: color 0.15s ease-out, background-color 0.15s ease-out;
-o-transition: color 0.15s ease-out, background-color 0.15s ease-out;
transition: color 0.15s ease-out, background-color 0.15s ease-out;
}
.eltd_tabs.tab_with_icon .tabs-nav li a i,
.eltd_tabs.tab_with_icon .tabs-nav li a span{
font-style: normal;
-webkit-transition: initial;
font-size: 22px;
}
.eltd_tabs.tab_with_icon .tabs-nav li a .icon_frame {
display: inline-block;
min-width: 20px;
}
.eltd_tabs .tabs-nav li a .icon_frame,
.eltd_tabs .tabs-nav li a .tab_text_after_icon{
-webkit-transition: inherit;
-moz-transition: inherit;
-ms-transition: inherit;
-o-transition: inherit;
transition: inherit;
display: inline-block;
}
/***************************** vertical */
.eltd_tabs.tab_with_icon.disable_margin.vertical .tabs-nav li:not(:last-child){
border-bottom: none;
}
.eltd_tabs.vertical.border_arround_element{
overflow: hidden;
}
.eltd_tabs.with_borders.vertical.border_arround_element.disable_margin .tabs-nav li:not(:last-child){
border-bottom: 0;
}
/***************************** horizontal */
.eltd_tabs.tab_with_icon.horizontal li {
float: left;
}
/* border hover styles*/
.eltd_tabs.border_arround_element.horizontal.disable_margin .tabs-nav li:not(.active):hover a,
.eltd_tabs.border_arround_element.horizontal.disable_margin .tabs-nav li.active a{
border-left-color: #dadada;
border-top-color: #dadada;
border-bottom-color: #dadada;
}
@media only screen and (min-width: 600px){
.eltd_tabs.border_arround_element.horizontal.disable_margin:not(.transparent_tabs) .tabs-nav li.active a{
border-bottom-color: #fff;
}
}
/*.eltd_tabs.border_arround_element.horizontal.disable_margin .tabs-nav li:hover a:after,
.eltd_tabs.border_arround_element.horizontal.disable_margin .tabs-nav li.active a:after,
.eltd_tabs.border_arround_element.horizontal.disable_margin .tabs-nav li.active:hover a:after{
background-color: #dadada;
}
.eltd_tabs.border_arround_element.horizontal.disable_margin .tabs-nav li:last-child:hover a,
.eltd_tabs.border_arround_element.horizontal.disable_margin .tabs-nav li:not(.active):last-child:hover a,
.eltd_tabs.border_arround_element.horizontal.disable_margin .tabs-nav li.active:last-child a{
border-color: #dadada;
}*/
.eltd_tabs.border_arround_element.vertical.disable_margin .tabs-nav li:hover,
.eltd_tabs.border_arround_element.vertical.disable_margin .tabs-nav li.active{
border-left-color: #dadada;
border-top-color: #dadada;
border-right-color: #dadada;
}
@media only screen and (min-width: 600px){
.eltd_tabs.border_arround_element.vertical.disable_margin.left:not(.transparent_tabs) .tabs-nav li.active{
border-right-color: #fff;
}
.eltd_tabs.border_arround_element.vertical.disable_margin.right:not(.transparent_tabs) .tabs-nav li.active{
border-left-color: #fff;
}
}
.eltd_tabs.border_arround_element.vertical.disable_margin .tabs-nav li:hover + li,
.eltd_tabs.border_arround_element.vertical.disable_margin .tabs-nav li.active + li{
border-top-color: #dadada;
}
.eltd_tabs.border_arround_element.vertical.disable_margin .tabs-nav li:last-child:hover,
.eltd_tabs.border_arround_element.vertical.disable_margin .tabs-nav li.active:last-child{
border-bottom-color: #dadada;
}
.eltd_tabs.border_arround_active_tab.vertical.disable_margin .tabs-nav li.active,
.eltd_tabs.border_arround_active_tab.vertical.disable_margin .tabs-nav li.active:hover{
border-color: #dadada;
}
/***************************** end horizontal outline */
/***************************** start transparent tabs style */
.eltd_tabs.border_arround_element.horizontal.disable_margin.transparent_tabs .tabs-nav li.active a,
.eltd_tabs.border_arround_element.horizontal.disable_margin.transparent_tabs .tabs-nav li.active a:hover,
.eltd_tabs.border_arround_element.horizontal.disable_margin.transparent_tabs .tabs-nav li a,
.eltd_tabs.border_arround_element.horizontal.disable_margin.transparent_tabs .tabs-nav li a:hover{
background-color: rgba(0,0,0,0.3) !important;
}
.eltd_tabs.border_arround_element.horizontal.disable_margin.transparent_tabs .tabs-container{
background-color: rgba(0,0,0,0.3) !important;
}
.eltd_tabs.border_arround_element.vertical.disable_margin.transparent_tabs .tabs-nav li.active a,
.eltd_tabs.border_arround_element.vertical.disable_margin.transparent_tabs .tabs-nav li.active a:hover,
.eltd_tabs.border_arround_element.vertical.disable_margin.transparent_tabs .tabs-nav li a,
.eltd_tabs.border_arround_element.vertical.disable_margin.transparent_tabs .tabs-nav li a:hover{
background-color: rgba(0,0,0,0.3) !important;
}.eltd_tabs.border_arround_element.vertical.disable_margin.left.transparent_tabs .tabs-nav li.active a,
.eltd_tabs.border_arround_element.vertical.disable_margin.transparent_tabs .tabs-container{
background-color: rgba(0,0,0,0.3) !important;
}
.eltd_tabs.border_arround_element.transparent_tabs .tabs-nav li a {
color: #fff;
}
.eltd_tabs.border_arround_element.transparent_tabs .tabs-nav li.active a,
.eltd_tabs.border_arround_element.transparent_tabs .tabs-nav li:hover a{
color: #e5735c;
}
/***************************** end transparent tabs style */
/* ==========================================================================
Message Box start styles
========================================================================== */
.eltd_message {
position: relative;
margin: 0;
background-color: #ea7c7c;
border: 2px solid #ce6d6d;
}
.eltd_message .eltd_message_inner{
display: table;
table-layout: fixed;
width: 100%;
box-sizing: border-box;
}
.eltd_message.with_icon .eltd_message_icon_holder {
display: table-cell;
width: 50px;
vertical-align: middle;
border-right: 2px solid #ce6d6d;
padding: 4px;
text-align: center;
background-color: #e66464;
}
.eltd_message .message_text_holder {
display: table-cell;
height: 100%;
vertical-align: middle;
padding-left: 15px;
}
.eltd_message.with_icon .eltd_message_icon,
.eltd_message .message_text{
display: table;
height: 100%;
width:100%;
}
.eltd_message.with_icon .eltd_message_icon_inner {
display: table-cell;
height: 100%;
width: 95%;
vertical-align: middle;
color: #fff;
font-size: 18px;
font-weight: 400;
}
.eltd_message.with_icon .eltd_message_icon_inner {
width:100%;
}
.eltd_message a.close {
display: table-cell;
height: 100%;
vertical-align: middle;
width: 5%;
text-align: center;
}
.eltd_message .message_text .message_text_inner{
display: table-cell;
height: 100%;
width: 95%;
vertical-align: middle;
color: #fff;
font-size: 13px;
font-style: normal;
font-weight: 600;
line-height: 1.5em;
text-transform: uppercase;
letter-spacing: 1px;
}
.eltd_message .message_text .message_text_inner *{
line-height:normal;
}
.eltd_message.with_icon .eltd_message_icon_inner > i,
.eltd_message.with_icon .eltd_message_icon_inner > span {
color: #fff;
line-height: 1em;
padding: 8px;
}
.eltd_message.with_icon img{
vertical-align: middle;
}
.eltd_message a.close i{
width: 50px;
height: 50px;
line-height: 50px;
color: #fff;
font-weight: 400;
font-size: 17px;
display: inline-block;
margin-right: 5px;
}
.eltd_message a.close i:hover{
color: #e5735c !important;
}
/* ==========================================================================
Message Box end styles
========================================================================== */
/* ==========================================================================
Pricing table shorcode styles
========================================================================== */
.eltd_price_table{
position: relative;
width: 100%;
padding: 0;
margin-left: 2.5%;
float: left;
}
.eltd_pricing_tables.two_columns .eltd_price_table{
width: 48.75%;
}
.eltd_pricing_tables.three_columns .eltd_price_table{
width: 31.666666666666668%;
}
.eltd_pricing_tables.four_columns .eltd_price_table{
width: 23.125%;
}
.eltd_pricing_tables .eltd_price_table:first-child{
margin-left: 0;
}
.eltd_price_table.price_on_top .price_table_inner{
position: relative;
background-color: #fff;
}
.eltd_price_table.active .active_text{
width: 100%;
text-align: center;
background-color: #e5735c;
color: #fff;
font-size:17px;
line-height:30px;
font-weight:400;
position: absolute;
top: 0px;
left: 0px;
z-index:9;
}
.eltd_price_table.active .active_text span.active_text_inner{
display:block;
padding:4px;
}
.eltd_price_table.active .active_text span span{
display: inline-block;
}
.price_table_inner ul {
list-style: none outside none;
margin: 0;
background-size: cover;
}
.eltd_price_table.active .price_table_inner > ul {
margin: -38px 0 0;
padding: 38px 0 0;
background-position: 0 38px;
}
.price_table_inner ul li{
text-align: center;
margin: 0;
padding: 14px 20px;
font-size: 14px;
color: #464646;
}
.price_table_inner ul li.pricing_table_content ul li{
border-bottom: 0;
border-style: solid;
border-color: #dadada;
padding: 5px 20px;
}
.price_table_inner ul li.pricing_table_content ul li:first-child{
padding-top: 24px;
}
.price_table_inner ul li.pricing_table_content ul li:last-child{
padding-bottom: 24px;
}
.eltd_price_table .price_table_inner ul li.prices{
border: 2px solid #dadada;
}
.eltd_price_table .price_table_inner ul li.pricing_table_content{
border: 2px solid #dadada;
}
.eltd_price_table .price_table_inner ul li.table_title{
border-left: 2px solid #dadada;
border-right: 2px solid #dadada;
}
.eltd_price_table.title_on_top .price_table_inner ul li.table_title{
border-top: 2px solid #dadada;
}
.price_table_inner ul li.table_title{
padding: 15px 20px;
position: relative;
background-repeat: no-repeat;
background-size: cover;
}
.price_table_inner ul li.pricing_table_content{
padding:0;
background-color: #fff;
}
.price_table_inner ul li.pricing_table_content ul{
padding:0;
}
.price_table_inner ul li.pricing_table_content ul li:last-child{
border-bottom: none;
}
.price_table_inner ul li.prices {
padding: 75px 5px;
}
.price_table_inner ul li.table_title{
line-height:1em;
}
.price_table_inner ul li.table_title .title_content {
display: block;
color: #363636;
font-size: 16px;
line-height: 24px;
font-weight: 700;
text-transform: uppercase;
}
.price_table_inner ul li.table_title .title_separator{
background-color: #e9e9e9;
width:40px;
height: 1px;
text-align:center;
position: absolute;
bottom: 0px;
left: 50%;
margin: 0 0 0 -20px;
}
.price_table_inner ul li.table_title.active_small_separator{
border: none;
}
.price_in_table {
text-align: center;
}
.price_in_table .value {
font-size: 20px;
line-height: 20px;
position: relative;
color: #e5735c;
vertical-align: top;
font-weight: 700;
bottom: 0;
}
.price_in_table .price {
font-family: 'Montserrat', sans-serif;
font-size: 58px;
line-height: 45px;
padding: 0 3px 0 10px;
vertical-align: middle;
color: #e5735c;
letter-spacing: 1px;
font-weight: 400;
}
.price_in_table .mark {
position: relative;
font-size: 20px;
line-height: 20px;
vertical-align:bottom;
font-weight: 700;
color: #e5735c;
text-transform:uppercase;
}
.price_table_inner .price_button{
padding: 18px 0;
border: none;
background-repeat: no-repeat;
background-size: cover;
}
.price_table_inner .qbutton.big_large_full_width.icon_right .icon_holder{
width: 48px !important;
}
/* Start Pricing table title on top type styles */
.eltd_pricing_tables .eltd_price_table.title_on_top .price_table_inner{
background-color: #fff;
position: relative;
}
.eltd_price_table.title_on_top.active.active_rectangle .price_table_inner > ul {
margin: 0;
padding: 0;
background-position: 0;
}
.eltd_price_table.title_on_top.active.active_rectangle .active_text {
top: -40px;
background-color: transparent;
}
.eltd_price_table.title_on_top.active.active_rectangle span.active_text_inner{
display: block;
padding:4px;
width: 60%;
margin: 0 auto;
background-color: #e5735c;
text-align: center;
}
.eltd_price_table.active.active_circle .active_text{
position: absolute;
top: -37.5px;
right: 18px;
left:auto;
width:75px;
height:75px;
display: table;
border-radius: 50%;
}
.eltd_price_table.active.active_circle .active_text .active_text_inner{
display: table-cell;
vertical-align: middle;
line-height: normal;
border-radius: 50%;
}
.eltd_price_table.active.active_circle .price_table_inner > ul{
margin: 0;
padding: 0;
background-position: 0;
}
.eltd_pricing_tables .title_on_top .price_table_inner ul li.table_title{
padding: 0 16%;
border-bottom: 0;
}
.eltd_pricing_tables .title_on_top .price_table_inner ul li.table_title.pricing_title_full_width{
padding: 0;
}
.eltd_pricing_tables .title_on_top .price_table_inner ul li.table_title span{
padding: 25px 0;
}
.eltd_pricing_tables .title_on_top.title_top_padding_and_border .price_table_inner ul li.table_title span{
border-bottom:0;
padding-bottom:0;
}
.eltd_pricing_tables .title_on_top .price_table_inner ul li.prices,
.eltd_pricing_tables .title_on_top .price_table_inner ul li.pricing_table_content{
padding: 0 20%;
border-bottom: 0;
}
.eltd_pricing_tables .title_on_top .price_table_inner ul li.prices.pricing_content_full_width,
.eltd_pricing_tables .title_on_top .price_table_inner ul li.pricing_table_content.pricing_content_full_width{
padding: 0;
}
.eltd_pricing_tables .title_on_top .price_table_inner ul li.prices .price_in_table{
padding: 40px 0 37px;
}
.eltd_pricing_tables .title_on_top .price_table_inner ul li.prices .price_in_table .value{
vertical-align: bottom;
}
.eltd_pricing_tables .title_on_top .price_table_inner ul li.pricing_table_content ul li{
padding: 20px 0;
}
.eltd_pricing_tables .title_on_top .price_table_inner ul li.pricing_table_content ul li:last-child{
border-bottom: 0;
}
.eltd_price_table .qbutton.big_large_full_width{
line-height: 46px;
}
/* End Pricing table title on top type styles */
/* ==========================================================================
End Pricing table shorcode styles
========================================================================== */
/* ==========================================================================
Elated Elements Holder start style
========================================================================== */
.eltd_elements_holder{
width: 100%;
display: table;
table-layout: fixed;
}
.eltd_elements_holder .eltd_elements_item{
display: table-cell;
vertical-align: middle;
height: 100%;
background-size: cover;
}
.eltd_elements_holder.elements_items_float .eltd_elements_item{
float:left;
}
.eltd_elements_holder .eltd_elements_item.vertical_alignment_top{
vertical-align: top;
}
.eltd_elements_holder .eltd_elements_item.vertical_alignment_bottom{
vertical-align: bottom;
}
.eltd_elements_holder .eltd_elements_item_inner{
width: 100%;
}
.eltd_elements_holder.two_columns .eltd_elements_item {
width: 50%;
}
.eltd_elements_holder.three_columns .eltd_elements_item {
width: 33%;
}
.eltd_elements_holder.elements_items_float.three_columns .eltd_elements_item {
width: 33.33333333333333%;
}
.eltd_elements_holder.four_columns .eltd_elements_item {
width: 25%;
}
.eltd_elements_holder.five_columns .eltd_elements_item {
width: 20%;
}
.eltd_elements_holder.six_columns .eltd_elements_item {
width: 16%;
}
.eltd_elements_holder.elements_items_float.six_columns .eltd_elements_item {
width: 16.66666666666667%;
}
/* Names of animations */
.touch .no_animation_on_touch .eltd_elements_item{
transition: none !important;
-webkit-transition: none !important;
-moz-transition: none !important;
-ms-transform:none !important;
-o-transform:none !important;
transform:none !important;
-webkit-transform:none !important;
-moz-transform:none !important;
opacity: 1 !important;
}
.eltd_elements_item.flip_in {
opacity: 0;
filter: alpha(opacity=0);
-ms-transform: perspective(1000px) rotateY(25deg);
-moz-transform: perspective(1000px) rotateY(25deg);
-o-transform: perspective(1000px) rotateY(25deg);
transform: perspective(1000px) rotateY(25deg);
-webkit-transform: perspective(1000px) rotateY(25deg);
transition: all 1.1s ease-in-out;
-webkit-transition: all 1.1s ease-in-out;
-moz-transition: all 1.1s ease-in-out;
}
.eltd_elements_item.flip_in.flip_in_on {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
}
.eltd_elements_item.grow_in {
opacity: 0;
filter: alpha(opacity=0);
-ms-transform: scale(0.8);
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
-webkit-transform: scale(0.8);
transition: all 1s cubic-bezier(0,1,.5,1);
-webkit-transition: all 1s cubic-bezier(0,1,.5,1);/*snap*/
-moz-transition: all 1s cubic-bezier(0,1,.5,1);
-webkit-backface-visibility: hidden;
}
.eltd_elements_item.grow_in.grow_in_on {
opacity: 1;
filter: alpha(opacity=100);
-ms-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transform: scale(1);
}
.eltd_elements_item.z_rotate {
opacity: 0;
filter: alpha(opacity=0);
-ms-transform:rotateZ(7deg);
-moz-transform:rotateZ(7deg);
-o-transform:rotateZ(7deg);
transform:rotateZ(7deg);
-webkit-transform:rotateZ(7deg);
transform-origin:top right;
-webkit-transform-origin:top right;
transition: all .5s 300ms cubic-bezier(0.165, 0.84, 0.44, 1);/*easeInOutExpo*/
-webkit-transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-backface-visibility: hidden;
}
.eltd_elements_item.z_rotate.z_rotate_on {
opacity: 1;
filter: alpha(opacity=100);
-ms-transform:rotateZ(0deg);
-moz-transform:rotateZ(0deg);
-o-transform:rotateZ(0deg);
transform:rotateZ(0deg);
-webkit-transform:rotateZ(0deg);
}
.eltd_elements_item.x_rotate {
opacity: 0;
filter: alpha(opacity=0);
-ms-transform:perspective(900px) rotateX(-45deg);
-moz-transform:perspective(900px) rotateX(-45deg);
-o-transform:perspective(900px) rotateX(-45deg);
transform:perspective(900px) rotateX(-45deg);
-webkit-transform:perspective(900px) rotateX(-45deg);
transition: all .6s cubic-bezier(.785,.135,.15,.86);
-webkit-transition: all .6s cubic-bezier(.785,.135,.15,.86);
-moz-transition: all .6s cubic-bezier(.785,.135,.15,.86);/*easeInOutCirc*/
-webkit-backface-visibility: hidden;
}
.eltd_elements_item.x_rotate.x_rotate_on {
opacity: 1;
filter: alpha(opacity=100);
-ms-transform: rotateX(0);
-moz-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
-webkit-transform:rotateX(0);
}
.eltd_elements_item.y_translate {
opacity: 0;
filter: alpha(opacity=0);
-ms-transform:translate(0,30px);
-moz-transform:translate(0,30px);
-o-transform:translate(0,30px);
transform:translate(0,30px);
-webkit-transform:translate(0,30px);
-webkit-transition: all 700ms cubic-bezier(0.680, 0, 0.265, 1); /*older webkit + Safari */
-webkit-transition: all 700ms cubic-bezier(0.680, -0.650, 0.265, 1.650);
-moz-transition: all 700ms cubic-bezier(0.680, -0.650, 0.265, 1.650);
transition: all 700ms cubic-bezier(0.680, -0.650, 0.265, 1.650); /* easeInOutBack */
}
.eltd_elements_item.y_translate.y_translate_on {
opacity: 1;
filter: alpha(opacity=100);
-ms-transform:translate(0,0);
-moz-transform:translate(0,0);
-o-transform:translate(0,0);
transform:translate(0,0);
-webkit-transform:translate(0,0);
}
.eltd_elements_item.fade_in_down {
opacity: 0;
filter: alpha(opacity=0);
-ms-transform:translate(0,-25px);
-moz-transform:translate(0,-25px);
-o-transform:translate(0,-25px);
transform:translate(0,-25px);
-webkit-transform:translate(0,-25px);
transition: all .9s cubic-bezier(0,1,.5,1);
-webkit-transition: all .9s cubic-bezier(0,1,.5,1);/*snap*/
-moz-transition: all .9s cubic-bezier(0,1,.5,1);
-o-transition: all .9s cubic-bezier(0,1,.5,1);
}
.eltd_elements_item.fade_in_down.fade_in_down_on {
filter: alpha(opacity=100);
opacity: 1;
-ms-transform:translate(0,0);
-moz-transform:translate(0,0);
-o-transform:translate(0,0);
transform:translate(0,0);
-webkit-transform:translate(0,0);
}
.eltd_elements_item.fade_in_left_x_rotate {
opacity: 0;
filter: alpha(opacity=0);
-ms-transform:rotateZ(-5deg) translate(-30px,0); /* Standard syntax */
-moz-transform:rotateZ(-5deg) translate(-30px,0); /* Standard syntax */
-o-transform:rotateZ(-5deg) translate(-30px,0); /* Standard syntax */
transform:rotateZ(-5deg) translate(-30px,0); /* Standard syntax */
-webkit-transform:rotateZ(-5deg) translate(-30px,0); /* Chrome, Safari, Opera */
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
}
.eltd_elements_item.fade_in_left_x_rotate.fade_in_left_x_rotate_on {
opacity: 1;
filter: alpha(opacity=100);
-ms-transform:rotateZ(0deg) translate(0,0);
-moz-transform:rotateZ(0deg) translate(0,0);
-o-transform:rotateZ(0deg) translate(0,0);
transform:rotateZ(0deg) translate(0,0);
-webkit-transform:rotateZ(0deg) translate(0,0);
}
.eltd_elements_item.fade_in {
opacity: 0;
filter: alpha(opacity=0);
transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
}
.eltd_elements_item.fade_in.fade_in_on {
opacity: 1;
filter: alpha(opacity=100);
}
/* Elated Elements Holder Hover */
.eltd_elements_item.animated_boxes {
overflow: hidden;
position: relative;
}
.eltd_elements_item.animated_boxes .eltd_elements_item_inner {
overflow: hidden;
-webkit-transition: all .22s ease;
transition: all .22s ease;
}
.eltd_elements_item.animated_boxes:hover .eltd_elements_item_inner {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.eltd_elements_item.animated_boxes .animated_boxes_image {
position: absolute;
top: 0;
height: 100%;
width: 100%;
background-size: cover !important;
background-position: center center;
-webkit-transition: all .22s ease;
transition: all .22s ease;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0;
filter: alpha(opacity=0);
}
.eltd_elements_item.animated_boxes:hover .animated_boxes_image {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.eltd_elements_item.animated_boxes .animated_boxes_shader {
position: absolute;
top: 0;
height: 100%;
width: 100%;
background-color: rgba(22,22,22,0);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all .3s ease .1s;
transition: all .3s ease .1s;
text-align: center;
}
.eltd_elements_item.animated_boxes:hover .animated_boxes_shader {
opacity: 1;
filter: alpha(opacity=100);
}
.eltd_elements_item.animated_boxes .animated_boxes_link {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
opacity: 0;
filter: alpha(opacity=0);
}
.eltd_elements_item.animated_boxes a.qbutton.animate_button.transparent {
opacity: 0;
filter: alpha(opacity=0);
color: #fff;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.eltd_elements_item.animated_boxes:hover a.qbutton.animate_button.transparent {
opacity: 1;
filter: alpha(opacity=100);
}
.eltd_elements_item.animated_boxes:hover .animated_boxes_link {
opacity: 1;
filter: alpha(opacity=100);
}
.eltd_elements_item.animated_boxes a.qbutton.transparent.animate_button.rotate_icon .icon_holder .hidden_icon {
color: #fff;
}
/* This CSS was used when whole holder was link with icon only */
/*.eltd_elements_item.animated_boxes .animated_boxes_link:after {
content: "\e08d";
font-family: "Simple-Line-Icons";
font-size: 24px;
line-height: inherit;
position: absolute;
top: 50%;
left: -10%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-webkit-transition: all .22s ease-in-out;
transition: all .22s ease-in-out;
color: #fff;
box-sizing: border-box;
padding: 10px;
border: 2px solid #fff;
}
.eltd_elements_item.animated_boxes:hover .animated_boxes_link:after {
left: 50%;
}*/
/*END Elated Elements Holder Hover */
/* ==========================================================================
End of Elated Elements Holder style
========================================================================== */
/* ==========================================================================
Icon shortcode start styles
========================================================================== */
.eltd_icon_font_awesome {
font-family: 'fontawesome' !important;
}
.eltd_icon_font_elegant {
font-family: 'ElegantIcons' !important;
}
.eltd_icon_ion_icon {
font-family: 'Ionicons' !important;
}
/*There is no font family for linea icons because those are made from multiple icon sets
and they all have important statements. Important statements are made because font options can override
font family property for icon
*/
.eltd_tiny_icon,
.fa.eltd_tiny_icon {
font-size: 1.33333333em;
line-height: .75em;
vertical-align: -15%;
}
.eltd_small_icon,
.fa.eltd_small_icon {
font-size: 2em;
}
.eltd_medium_icon,
.fa.eltd_medium_icon {
font-size: 3em;
}
.eltd_large_icon,
.fa.eltd_large_icon{
font-size: 4em;
}
.eltd_huge_icon,
.fa.eltd_huge_icon {
font-size: 5em;
}
.eltd_icon_stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.eltd_icon_stack_1x, .eltd_icon_stack_2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.eltd_icon_stack_1x {
line-height: inherit;
}
.eltd_icon_stack_2x {
font-size: 2em;
}
.eltd_icon_shade{
position: relative;
display: inline-block;
vertical-align: middle;
z-index: 25;
}
.eltd_font_elegant_holder{
position: relative;
display: inline-block;
vertical-align: middle;
}
.eltd_icon_shade.circle,
.eltd_icon_shade.square{
line-height: 2em;
width: 2em;
height: 2em;
border-color:#e5735c;
background-color: transparent;
text-align: center;
-webkit-transition: transform 0.15s ease, background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out, text-shadow 0.15s ease-out;
-moz-transition: -moz-transform 0.15s ease, background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out, text-shadow 0.15s ease-out;
-o-transition: -o-transform 0.15s ease, background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out, text-shadow 0.15s ease-out;
-ms-transition: -ms-transform 0.15s ease, background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out, text-shadow 0.15s ease-out;
transition: transform 0.15s ease, background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out, text-shadow 0.15s ease-out;
-webkit-transform: translateZ(0px);
}
.eltd_icon_shade.circle{
border-radius: 5em;
}
.eltd_font_elegant_holder.circle,
.eltd_font_awsome_icon_circle {
border-radius: 5em;
}
.eltd_icon_shade.circle:not(.roll_over):hover,
.eltd_icon_shade.square:not(.roll_over):hover{
background-color: #e5735c !important;
}
.eltd_icon_shade.circle:hover i,
.eltd_icon_shade.square:hover i,
.eltd_icon_shade.circle:hover span,
.eltd_icon_shade.square:hover span{
color:#fff !important;
}
.eltd_icon_shade.circle .eltd_icon_font_elegant,
.eltd_icon_shade.square .eltd_icon_font_elegant{
line-height: 2em;
}
.eltd_icon_shade > a {
display: block;
height: 100%;
width: 100%;
line-height: inherit !important;
text-decoration: none !important;
}
/* Addition to icon shortcodes*/
.eltd_icon_shortcode > a > span{
width: 100%;
}
.eltd_icon_shortcode span,
.eltd_icon_shortcode i{
color:#e5735c;
-webkit-transition: transform 0.2s ease, color 0.15s ease-out;
-moz-transition: transform 0.2s ease, color 0.15s ease-out;
-o-transition: transform 0.2s ease, color 0.15s ease-out;
-ms-transition: transform 0.2s ease, color 0.15s ease-out;
transition: transform 0.2s ease, color 0.15s ease-out;
font-style: normal !important;
}
.eltd_icon_shortcode:not(.normal) span,
.eltd_icon_shortcode:not(.normal) i{
-webkit-transform: translateZ(0px);
}
html:not(.touch) .eltd_icon_shortcode.normal:not(.roll_over) span:hover,
html:not(.touch) .eltd_icon_shortcode.normal:not(.roll_over) i:hover{
color: #393939 !important;
}
.eltd_font_awsome_icon {
display: inline-block;
vertical-align: baseline;
}
.eltd_font_elegant_icon{
position: relative;
vertical-align: middle;
}
.eltd_font_awsome_icon_holder,
.eltd_font_awsome_icon_holder a,
.eltd_font_elegant_holder,
.eltd_font_elegant_holder a{
-webkit-transition: transform 0.2s ease, color 0.15s ease-out;
-moz-transition: transform 0.2s ease, color 0.15s ease-out;
-o-transition: transform 0.2s ease, color 0.15s ease-out;
-ms-transition: transform 0.2s ease, color 0.15s ease-out;
transition: transform 0.2s ease, color 0.15s ease-out;
}
.eltd_font_awsome_icon_square,
.eltd_font_awsome_icon_circle,
.eltd_font_elegant_holder.circle,
.eltd_font_elegant_holder.square{
background-color: transparent;
text-align: center;
-webkit-transition: transform 0.2s ease, background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out;
-moz-transition: -moz-transform 0.2s ease, background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out;
-o-transition: -o-transform 0.2s ease, background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out;
-ms-transition: -ms-transform 0.2s ease, background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out;
transition: transform 0.2s ease, background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out;
}
.eltd_font_awsome_icon.pull-center,
.eltd_font_elegant_holder.pull-center{
display: block;
text-align: center;
}
.eltd_font_awsome_icon_square.pull-center,
.eltd_font_awsome_icon_circle.pull-center{
display: block;
margin: 0 auto !important;
}
.eltd_font_awsome_icon_holder.eltd_icon_animation,
.eltd_icon_shortcode.eltd_icon_animation{
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-backface-visibility: hidden;
}
.eltd_font_awsome_icon_holder.eltd_show_animation,
.eltd_icon_shortcode.eltd_show_animation {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-ms-transform: scale(1.0);
-o-transform: scale(1.0);
transform: scale(1.0);
}
.touch .no_animation_on_touch .eltd_font_awsome_icon_holder.eltd_show_animation,
.touch .no_animation_on_touch .eltd_icon_shortcode.eltd_show_animation{
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-ms-transform: scale(1.0);
-o-transform: scale(1.0);
transform: scale(1.0);
}
.eltd_icon_shade.rotated{
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg) !important;
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.eltd_icon_shade.rotated span,
.eltd_icon_shade.rotated i{
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg) !important;
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.eltd_font_awsome_icon_holder.eltd_icon_animation.rotated,
.eltd_icon_shortcode.eltd_icon_animation.rotated{
-webkit-transform: rotate(45deg) scale(0);
-moz-transform: rotate(45deg) scale(0);
-ms-transform: rotate(45deg) scale(0);
-o-transform: rotate(45deg) scale(0);
transform: rotate(45deg) scale(0);
}
.eltd_font_awsome_icon_holder.eltd_show_animation.rotated,
.eltd_icon_shortcode.eltd_show_animation.rotated{
-webkit-transform: rotate(45deg) scale(1.0);
-moz-transform: rotate(45deg) scale(1.0);
-ms-transform: rotate(45deg) scale(1.0);
-o-transform: rotate(45deg) scale(1.0);
transform: rotate(45deg) scale(1.0);
}
.touch .no_animation_on_touch .eltd_font_awsome_icon_holder.eltd_show_animation.rotated,
.touch .no_animation_on_touch .eltd_icon_shortcode.eltd_show_animation.rotated{
-webkit-transform: rotate(45deg) scale(1.0);
-moz-transform: rotate(45deg) scale(1.0);
-ms-transform: rotate(45deg) scale(1.0);
-o-transform: rotate(45deg) scale(1.0);
transform: rotate(45deg) scale(1.0);
}
.eltd_icon_shade.back_to_top_icon {
cursor: pointer;
}
.eltd_icon_shade.inner_border:before {
border: 1px solid;
box-sizing: border-box;
content: "";
display: block;
height: 88%;
left: 6%;
position: absolute;
top: 6%;
width: 88%;
z-index: -1;
}
.eltd_icon_shade.inner_border.circle:before {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.eltd_icon_shade.icon_shadow{
text-shadow: 1px 1px #393939, 2px 2px #393939, 3px 3px #393939, 4px 4px #393939, 5px 5px #393939, 6px 6px #393939, 7px 7px #393939, 8px 8px #393939, 9px 9px #393939, 10px 10px #393939, 11px 11px #393939, 12px 12px #393939, 13px 13px #393939, 14px 14px #393939, 15px 15px #393939, 16px 16px #393939, 17px 17px #393939, 18px 18px #393939, 19px 19px #393939, 20px 20px #393939, 21px 21px #393939, 22px 22px #393939, 23px 23px #393939, 24px 24px #393939, 25px 25px #393939, 26px 26px #393939, 27px 27px #393939, 28px 28px #393939, 29px 29px #393939, 30px 30px #393939, 31px 31px #393939, 32px 32px #393939, 33px 33px #393939, 34px 34px #393939, 35px 35px #393939, 36px 36px #393939, 37px 37px #393939, 38px 38px #393939, 39px 39px #393939, 40px 40px #393939, 41px 41px #393939, 42px 42px #393939, 43px 43px #393939, 44px 44px #393939, 45px 45px #393939, 46px 46px #393939, 47px 47px #393939, 48px 48px #393939, 49px 49px #393939, 50px 50px #393939, 51px 51px #393939, 52px 52px #393939, 53px 53px #393939, 54px 54px #393939, 55px 55px #393939, 56px 56px #393939, 57px 57px #393939, 58px 58px #393939, 59px 59px #393939, 60px 60px #393939, 61px 61px #393939, 62px 62px #393939, 63px 63px #393939, 64px 64px #393939, 65px 65px #393939, 66px 66px #393939, 67px 67px #393939, 68px 68px #393939, 69px 69px #393939, 70px 70px #393939, 71px 71px #393939, 72px 72px #393939, 73px 73px #393939, 74px 74px #393939, 75px 75px #393939, 76px 76px #393939, 77px 77px #393939, 78px 78px #393939, 79px 79px #393939, 80px 80px #393939, 81px 81px #393939, 82px 82px #393939, 83px 83px #393939, 84px 84px #393939, 85px 85px #393939, 86px 86px #393939, 87px 87px #393939, 88px 88px #393939, 89px 89px #393939, 90px 90px #393939, 91px 91px #393939, 92px 92px #393939, 93px 93px #393939, 94px 94px #393939, 95px 95px #393939, 96px 96px #393939, 97px 97px #393939, 98px 98px #393939, 99px 99px #393939;;
}
/* Roll Over animation */
/*normal icon*/
.eltd_icon_shortcode.normal.roll_over {
overflow: hidden;
position: relative;
}
.eltd_icon_shortcode.normal.roll_over i {
display: table-cell;
vertical-align: middle;
margin: auto;
-webkit-transition: -webkit-transform .22s cubic-bezier(0.6, -0.28, 0.26, 0.99) 0s !important;
transition: transform .22s cubic-bezier(0.6, -0.28, 0.26, 0.99) 0s !important;
}
.eltd_icon_shortcode.normal.roll_over i:first-of-type {
color: #464646;
}
.eltd_icon_shortcode.normal.roll_over i:last-of-type {
position: absolute;
top: -100%;
left: 0;
color: #e5735c !important;
}
.eltd_icon_shortcode.normal.roll_over:hover i {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
/*circle & square*/
.roll_over_icon_wrapper {
overflow: hidden;
position: relative;
}
.roll_over_icon_wrapper > span,
.roll_over_icon_wrapper span i,
.roll_over_icon_wrapper .animation_overlay {
-webkit-transition: -webkit-transform .22s ease-out 0s;
transition: transform .22s ease-out 0s;
}
.roll_over_icon_wrapper > span:first-of-type {
background-color: transparent;
border-color: #464646;
}
.roll_over_icon_wrapper > span:first-of-type i {
color: #464646;
}
.roll_over_icon_wrapper > span:last-of-type {
position: absolute;
top: -100%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #e5735c;
}
.roll_over_icon_wrapper > span:last-of-type i {
color: #fff;
}
.roll_over_icon_wrapper:hover > span:first-of-type {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.roll_over_icon_wrapper:hover > span:last-of-type {
-webkit-transform: translate(-50%, 100%);
-ms-transform: translate(-50%, 100%);
transform: translate(-50%, 100%);
}
/* END Roll Over animation*/
/* ==========================================================================
Icon end styles
========================================================================== */
/* ==========================================================================
Icon With Text start styles
========================================================================== */
.eltd_icon_with_title {
display: block;
position: relative;
}
.eltd_icon_with_title .icon_holder {
float: left;
display: inline-block;
position: relative;
z-index: 2;
}
.eltd_icon_with_title.center {
text-align: center;
}
.eltd_icon_with_title.center .icon_holder {
float: none;
padding: 0;
}
.eltd_icon_with_title .icon_holder.eltd_icon_animation,
.eltd_icon_with_title .custom_icon_holder.eltd_icon_animation,
.box_holder_icon_inner.eltd_icon_animation {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform 0.2s ease-out;
-moz-transition: -moz-transform 0.2s ease-out;
-o-transition: -o-transform 0.2s ease-out;
-ms-transition: -ms-transform 0.2s ease-out;
transition: transform 0.2s ease-out;
}
.eltd_icon_with_title .icon_holder.eltd_icon_animation.eltd_show_animation,
.box_holder_icon_inner.eltd_icon_animation.eltd_show_animation,
.eltd_icon_with_title .custom_icon_holder.eltd_icon_animation.eltd_show_animation{
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-ms-transform: scale(1.0);
-o-transform: scale(1.0);
transform: scale(1.0);
}
.touch .no_animation_on_touch .eltd_icon_animation {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-ms-transform: scale(1.0);
-o-transform: scale(1.0);
transform: scale(1.0);
}
.eltd_icon_with_title .icon_holder .icon_holder_inner {
display: inline-block;
}
.eltd_icon_with_title.circle .eltd_font_elegant_holder.circle,
.eltd_icon_with_title.square .eltd_font_elegant_holder.square,
.box_holder_icon_inner .eltd_font_elegant_holder.circle,
.box_holder_icon_inner .eltd_font_elegant_holder.square {
width: 3em;
height: 3em;
line-height: 3em;
position: relative;
}
.box_holder_icon_inner .eltd_icon_stack,
.eltd_icon_with_title .icon_holder .eltd_icon_stack{
background-color: transparent;
border-style: solid;
text-align: center;
-webkit-backface-visibility: hidden;
height:2em;
width: 2em;
-webkit-transition: color 0.15s ease-out;
-moz-transition: color 0.15s ease-out;
-o-transition: color 0.15s ease-out;
transition: color 0.15s ease-out;
}
.box_holder_icon_inner:not(.normal_icon) .eltd_icon_stack,
.eltd_icon_with_title:not(.normal_icon) .icon_holder .eltd_icon_stack,
.eltd_icon_with_title:not(.normal_icon) .eltd_font_elegant_holder,
.box_holder_icon_inner:not(.normal_icon) .eltd_font_elegant_holder{
-webkit-transition: background-color 0.15s ease-out, border-color 0.15s ease-out;
-moz-transition: background-color 0.15s ease-out, border-color 0.15s ease-out;
-o-transition: background-color 0.15s ease-out, border-color 0.15s ease-out;
transition: background-color 0.15s ease-out, border-color 0.15s ease-out;
-webkit-box-sizing: initial !important;
-moz-box-sizing: initial !important;
box-sizing: initial !important;
border-style: solid;
border-color:#e5735c;
}
.box_holder_icon_inner .eltd_icon_stack,
.eltd_icon_with_title .icon_holder .eltd_icon_stack,
.eltd_icon_with_title .eltd_font_elegant_holder,
.box_holder_icon_inner .eltd_font_elegant_holder{
color:#e5735c;
}
.eltd_icon_with_title:not(.normal_icon) .eltd_font_elegant_holder .icon_text_icon,
.box_holder_icon_inner .eltd_font_elegant_holder:not(.normal) .icon_text_icon {
position: absolute;
width: 100%;
line-height: inherit;
display: block;
}
.eltd_icon_with_title.circle .icon_holder .icon_holder_inner {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.eltd_icon_with_title .icon_holder .icon_text_icon,
.box_holder_icon .icon_text_icon {
font-size: 0.8em;
line-height: inherit;
}
.eltd_icon_with_title .icon_holder .eltd_icon_stack .eltd_icon_stack_1x {
line-height: inherit;
}
.eltd_icon_with_title .icon_holder .eltd_icon_stack.fa-lg i{
line-height: 38px;
}
.eltd_icon_with_title .icon_holder .eltd_icon_stack.fa-2x i {
line-height: 56px;
}
.eltd_icon_with_title .icon_holder .eltd_icon_stack.fa-3x i {
line-height: 84px;
}
.eltd_icon_with_title .icon_holder .eltd_icon_stack.fa-4x i {
line-height: 112px;
}
.eltd_icon_with_title .icon_holder .eltd_icon_stack.fa-5x i {
line-height: 140px;
}
.eltd_icon_with_title.circle .icon_holder .eltd_icon_stack,
.box_holder_icon_inner.circle .eltd_icon_stack {
border-radius: 2em;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
-o-border-radius: 2em;
-ms-border-radius: 2em;
}
.box_holder_icon_inner:not(.normal_icon) .icon_holder_inner:hover .eltd_icon_stack,
.eltd_icon_with_title:not(.normal_icon) .icon_holder_inner:hover .eltd_icon_stack,
.eltd_icon_with_title:not(.normal_icon) .icon_holder_inner:hover .eltd_font_elegant_holder,
.box_holder_icon_inner:not(.normal_icon) .icon_holder_inner:hover .eltd_font_elegant_holder{
border-color: #393939 !important;
background-color: #393939 !important; /* has to be important because of inline default styles */
color: #fff;
}
.box_holder_icon_inner.normal_icon .icon_holder_inner:hover .eltd_icon_stack,
.eltd_icon_with_title.normal_icon .icon_holder_inner:hover .eltd_icon_stack,
.eltd_icon_with_title.normal_icon .icon_holder_inner:hover .eltd_font_elegant_holder,
.box_holder_icon_inner.normal_icon .icon_holder_inner:hover .eltd_font_elegant_holder{
color: #393939;
}
.eltd_icon_with_title span.eltd_icon_stack.fa-lg,
.eltd_box_holder.with_icon span.eltd_icon_stack.fa-lg {
font-size: 19px;
}
.eltd_icon_with_title .icon_text_holder {
position: relative;
}
.eltd_icon_with_title.center .icon_text_holder{
margin: 28px 0 0;
}
.eltd_icon_with_title.center.custom_icon_text .icon_text_holder{
margin: 18px 0 0;
}
.eltd_icon_with_title.center.normal_icon.tiny .icon_text_holder{
margin: 22px 0 0;
}
.eltd_icon_with_title.center.normal_icon.small .icon_text_holder,
.eltd_icon_with_title.center.normal_icon.medium .icon_text_holder,
.eltd_icon_with_title.center.normal_icon.large .icon_text_holder{
margin: 26px 0 0;
}
.eltd_icon_with_title.center.normal_icon.very_large .icon_text_holder{
margin: 30px 0 0;
}
.eltd_icon_with_title .icon_text_inner {
padding: 0 0 18px;
}
.eltd_icon_with_title.left_from_title .icon_text_holder,
.eltd_icon_with_title.center .icon_text_inner{
padding: 0;
}
.eltd_icon_with_title .icon_title_holder {
/*display: table;*/
width: 100%;
height: 100%;
margin:0 0 17px;
}
.eltd_icon_with_title .icon_title_holder .icon_holder {
display: table-cell;
text-align: center;
height: 100%;
vertical-align: middle;
float: none;
padding: 0 25px 0 0;
}
.eltd_icon_with_title .icon_text_holder .icon_title_holder .icon_title {
/*display: table-cell;*/
width: 100%;
margin: 0;
vertical-align: middle;
}
.eltd_icon_with_title .icon_text_holder .icon_title_holder .icon_title.custom_icon_holder {
width: auto;
}
.eltd_icon_with_title.large .icon_holder,
.eltd_icon_with_title.medium .icon_holder,
.eltd_icon_with_title.tiny.square .icon_holder,
.eltd_icon_with_title.small.square .icon_holder {
text-align: center;
}
.eltd_icon_with_title.right .icon_text_holder{
float: left;
text-align: right;
}
.eltd_icon_with_title.tiny:not(.right) .icon_text_holder {
padding: 0 0 0 41px;
}
.eltd_icon_with_title.small:not(.right) .icon_text_holder {
padding: 0 0 0 43px;
}
.eltd_icon_with_title.medium:not(.right) .icon_text_holder {
padding: 0 0 0 47px;
}
.eltd_icon_with_title.large:not(.right) .icon_text_holder {
padding: 0 0 0 51px;
}
.eltd_icon_with_title.very_large:not(.right) .icon_text_holder {
padding: 0 0 0 54px;
}
.eltd_icon_with_title.tiny.square:not(.right) .icon_text_holder,
.eltd_icon_with_title.tiny.boxed:not(.right) .icon_text_holder,
.eltd_icon_with_title.tiny.circle:not(.right) .icon_text_holder,
.eltd_icon_with_title.tiny.icon_image:not(.right) .icon_text_holder {
padding: 0 0 0 74px;
}
.eltd_icon_with_title.small.square:not(.right) .icon_text_holder,
.eltd_icon_with_title.small.boxed:not(.right) .icon_text_holder,
.eltd_icon_with_title.small.circle:not(.right) .icon_text_holder,
.eltd_icon_with_title.small.icon_image:not(.right) .icon_text_holder {
padding: 0 0 0 88px;
}
.eltd_icon_with_title.medium.boxed:not(.right) .icon_text_holder,
.eltd_icon_with_title.medium.circle:not(.right) .icon_text_holder,
.eltd_icon_with_title.medium.icon_image:not(.right) .icon_text_holder,
.eltd_icon_with_title.medium.square:not(.right) .icon_text_holder {
padding: 0 0 0 114px;
}
.eltd_icon_with_title.large.boxed:not(.right) .icon_text_holder,
.eltd_icon_with_title.large.circle:not(.right) .icon_text_holder,
.eltd_icon_with_title.large.icon_image:not(.right) .icon_text_holder,
.eltd_icon_with_title.large.square:not(.right) .icon_text_holder {
padding: 0 0 0 140px;
}
.eltd_icon_with_title.very_large.boxed:not(.right) .icon_text_holder,
.eltd_icon_with_title.very_large.circle:not(.right) .icon_text_holder,
.eltd_icon_with_title.very_large.icon_image:not(.right) .icon_text_holder,
.eltd_icon_with_title.very_large.square:not(.right) .icon_text_holder {
padding: 0 0 0 166px;
}
.eltd_icon_with_title.left_from_title .icon_text_holder {
padding: 0 !important;
}
.eltd_icon_with_title.tiny.center .icon_text_holder,
.eltd_icon_with_title.small.center .icon_text_holder,
.eltd_icon_with_title.medium.center .icon_text_holder,
.eltd_icon_with_title.large.center .icon_text_holder,
.eltd_icon_with_title.very_large.center .icon_text_holder,
.eltd_icon_with_title.tiny.boxed.center .icon_text_holder,
.eltd_icon_with_title.tiny.circle.center .icon_text_holder,
.eltd_icon_with_title.small.boxed.center .icon_text_holder,
.eltd_icon_with_title.small.circle.center .icon_text_holder,
.eltd_icon_with_title.medium.boxed.center .icon_text_holder,
.eltd_icon_with_title.medium.circle.center .icon_text_holder,
.eltd_icon_with_title.large.boxed.center .icon_text_holder,
.eltd_icon_with_title.large.circle.center .icon_text_holder,
.eltd_icon_with_title.very_large.boxed.center .icon_text_holder,
.eltd_icon_with_title.very_large.circle.center .icon_text_holder,
.eltd_icon_with_title.tiny.icon_image.center .icon_text_holder,
.eltd_icon_with_title.small.icon_image.center .icon_text_holder,
.eltd_icon_with_title.medium.icon_image.center .icon_text_holder,
.eltd_icon_with_title.large.icon_image.center .icon_text_holder,
.eltd_icon_with_title.very_large.icon_image.center .icon_text_holder {
padding: 0;
}
.eltd_icon_with_title.left_from_title .icon_holder {
display: inline-block;
/*display: block;*/
}
.eltd_icon_with_title.left_from_title .icon_holder.custom_icon_holder {
display: inline;
}
.eltd_icon_with_title.tiny .icon_holder img {
width: 35px;
}
.eltd_icon_with_title.small .icon_holder img {
width: 52px;
}
.eltd_icon_with_title.medium .icon_holder img {
width: 78px;
}
.eltd_icon_with_title.large .icon_holder img {
width: 104px;
}
.eltd_icon_with_title.very_large .icon_holder img {
width: 130px;
}
.eltd_icon_with_title.left_from_title.tiny.normal_icon .icon_holder i {
position: relative;
top: -1px;
line-height: 1em;
}
.eltd_icon_with_title .icon_text_holder .icon_title {
display: block;
margin: 0 0 12px;
}
.eltd_icon_with_title .icon_text_holder .separator_holder{
display: inline-block;
width:100%;
}
.eltd_icon_with_title .icon_text_holder .separator{
display: block;
border: none;
height: 1px;
width:20px;
background-color: #e5735c;
margin:10px auto;
float: left;
}
.eltd_icon_with_title .icon_with_title_link {
display: inline-block;
margin: 18px 0 0;
}
.eltd_icon_with_title.top_title_over .icon_holder {
margin: 0 0 18px;
}
.eltd_icon_with_title.top_title_over .icon_holder i,
.eltd_icon_with_title.top_title_over .icon_holder span {
font-size: 120px !important;
line-height: 1em !important;
color: #f0f0f0;
}
.eltd_icon_with_title.top_title_over .icon_holder img {
min-width: 120px !important;
}
.eltd_icon_with_title.top_title_over .icon_title {
position: absolute;
top: -85px;
width: 100%;
margin: 0 !important;
z-index: 3;
}
.eltd_icon_with_title .icon_holder .custom_icon img {
width: initial !important;
}
.eltd_icon_with_title .has_hover_icon .custom_icon img.custom_icon_original {
-webkit-transition: opacity 0.15s ease-in-out;
-moz-transition: opacity 0.15s ease-in-out;
-ms-transition: opacity 0.15s ease-in-out;
-o-transition: opacity 0.15s ease-in-out;
transition: opacity 0.15s ease-in-out;
opacity: 1;
}
.eltd_icon_with_title .has_hover_icon .custom_icon img.custom_icon_hover {
-webkit-transition: opacity 0.15s ease-in-out;
-moz-transition: opacity 0.15s ease-in-out;
-ms-transition: opacity 0.15s ease-in-out;
-o-transition: opacity 0.15s ease-in-out;
transition: opacity 0.15s ease-in-out;
opacity: 0;
position:absolute;
left:0;
}
.eltd_icon_with_title .has_hover_icon .custom_icon:hover img.custom_icon_original {
opacity: 0;
}
.eltd_icon_with_title .has_hover_icon .custom_icon:hover img.custom_icon_hover {
opacity: 1;
}
.eltd_icon_with_title .icon_holder_inner .eltd_icon_linea_icon:before {
line-height: inherit;
}
.eltd_icon_with_title.left_from_title .icon_title_inner_holder {
display: inline-block;
}
.eltd_icon_with_title.left_from_title .custom_icon_holder {
display: inline-block;
margin-right: 20px;
}
.eltd_icon_with_title.left_from_title .custom_icon_holder img{
vertical-align: middle;
}
.eltd_icon_with_title .icon_title_holder .separator_holder .separator {
display: block;
border: medium none;
height: 1px;
width: 20px;
background-color: #e5735c;
margin: 10px auto;
float: left;
}
/*Animation on icon styles*/
.eltd_icon_with_title.animation_zoom .icon_holder_inner i,
.eltd_box_holder.animation_zoom .icon_holder_inner i,
.eltd_icon_with_title.animation_zoom .icon_holder_inner span,
.eltd_box_holder.animation_zoom .icon_holder_inner span{
-webkit-transition: transform 0.15s ease-in-out;
-moz-transition: transform 0.15s ease-in-out;
-ms-transition: transform 0.15s ease-in-out;
-o-transition: transform 0.15s ease-in-out;
transition: transform 0.15s ease-in-out;
}
.eltd_icon_with_title.animation_zoom .icon_holder_inner:hover i,
.eltd_box_holder.animation_zoom .icon_holder_inner:hover i,
.eltd_icon_with_title.animation_zoom .icon_holder_inner:hover > span,
.eltd_box_holder.animation_zoom .icon_holder_inner:hover > span,
.eltd_icon_with_title.animation_zoom .icon_holder_inner:hover a > span,
.eltd_box_holder.animation_zoom .icon_holder_inner:hover a > span{
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
}
.box_holder_icon_inner:not(.normal_icon).animation_zoom .eltd_icon_stack,
.eltd_icon_with_title:not(.normal_icon).animation_zoom .icon_holder .eltd_icon_stack,
.eltd_icon_with_title:not(.normal_icon).animation_zoom .eltd_font_elegant_holder,
.box_holder_icon_inner:not(.normal_icon).animation_zoom .eltd_font_elegant_holder {
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
-ms-transition: all 0.15s ease-out;
-o-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
/*----Outline Enlarge----*/
.eltd_icon_with_title.outline_enlarge,
.eltd_box_holder.outline_enlarge{
overflow: visible;
backface-visibility: hidden;
}
.eltd_icon_with_title.outline_enlarge .eltd_icon_stack,
.eltd_box_holder.outline_enlarge .eltd_icon_stack{
-webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out !important;
transition: background-color 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out !important;
}
.eltd_icon_with_title.outline_enlarge .animation_overlay,
.eltd_box_holder.outline_enlarge .animation_overlay{
top: -4px;
left: -4px;
padding: 4px;
box-shadow: 0 0 0 2px #e5735c;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.12, 0.92, 0, 1.69), opacity 0.25s cubic-bezier(0.12, 0.92, 0, 1.69);
transition: transform 0.25s cubic-bezier(0.12, 0.92, 0, 1.69), opacity 0.25s cubic-bezier(0.12, 0.92, 0, 1.69);
opacity: 1;
position: absolute;
width: 100%;
height: 100%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.eltd_icon_with_title.circle.outline_enlarge .animation_overlay,
.eltd_box_holder.circle.outline_enlarge .animation_overlay{
border-radius: 50%;
}
.eltd_icon_with_title.outline_enlarge .eltd_icon_stack:hover .animation_overlay,
.eltd_box_holder.outline_enlarge .eltd_icon_stack :hover .animation_overlay{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
/* Roll Over */
.eltd_icon_with_title.roll_over .custom_icon,
.box_holder_icon_inner.roll_over .custom_icon {
position: relative;
overflow: hidden;
}
.eltd_icon_with_title.roll_over img,
.box_holder_icon_inner.roll_over img {
opacity: 1 !important;
filter: alpha(opacity=100) !important;
-webkit-transition: all .22s cubic-bezier(0.6, -0.28, 0.26, 0.99) !important;
transition: all .22s cubic-bezier(0.6, -0.28, 0.26, 0.99) !important;
}
.eltd_icon_with_title.roll_over .custom_icon_hover {
position: absolute;
top: -100%;
}
.eltd_box_holder .box_holder_icon_inner.roll_over .custom_icon_hover {
position: absolute;
top: -100%;
left:50% !important;
-webkit-transform:translateX(-50%) !important;
-ms-transform:translateX(-50%) !important;
transform:translateX(-50%) !important;
}
.eltd_icon_with_title.roll_over:hover .custom_icon_hover,
.eltd_box_holder:hover .box_holder_icon_inner.roll_over .custom_icon_hover {
top: 0;
}
.eltd_icon_with_title.roll_over:hover .custom_icon_original,
.eltd_box_holder:hover .box_holder_icon_inner.roll_over .custom_icon_original {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
/* END Roll Over */
/* ================== Icon in Box start style ================== */
.eltd_box_holder {
display: block;
position: relative;
border: 1px solid transparent;
z-index: 200;
}
.eltd_box_holder.with_icon {
border: 1px solid #dcdcdc;
}
.box_holder_inner {
padding: 50px 20px 30px;
display: block;
}
.eltd_box_holder.with_icon .box_holder_inner.tiny {
padding: 50px 20px 30px;
}
.eltd_box_holder.with_icon .box_holder_inner.small {
padding: 57px 20px 30px;
}
.eltd_box_holder.with_icon .box_holder_inner.medium {
padding: 70px 20px 30px;
}
.eltd_box_holder.with_icon .box_holder_inner.large {
padding: 83px 20px 30px;
}
.eltd_box_holder.with_icon .box_holder_inner.very_large {
padding: 96px 20px 30px;
}
.eltd_box_holder .box_holder_icon_inner .has_hover_icon .custom_icon img.custom_icon_original {
-webkit-transition: opacity 0.15s ease-in-out;
-moz-transition: opacity 0.15s ease-in-out;
-ms-transition: opacity 0.15s ease-in-out;
-o-transition: opacity 0.15s ease-in-out;
transition: opacity 0.15s ease-in-out;
opacity: 1;
}
.eltd_box_holder .box_holder_icon_inner.has_hover_icon .custom_icon img.custom_icon_hover {
-webkit-transition: opacity 0.15s ease-in-out;
-moz-transition: opacity 0.15s ease-in-out;
-ms-transition: opacity 0.15s ease-in-out;
-o-transition: opacity 0.15s ease-in-out;
transition: opacity 0.15s ease-in-out;
opacity: 0;
position:absolute;
left:-50%;
}
.eltd_box_holder .box_holder_icon_inner.has_hover_icon .custom_icon:hover img.custom_icon_original {
opacity: 0;
}
.eltd_box_holder .box_holder_icon_inner.has_hover_icon .custom_icon:hover img.custom_icon_hover {
opacity: 1;
}
.box_holder_inner.left {
text-align: left;
}
.box_holder_inner.right {
text-align: right;
}
.box_holder_inner.center {
text-align: center;
}
.box_holder_inner .icon_title {
margin: 0 0 14px;
}
.box_holder_icon {
position: absolute;
display: block;
left: 50%;
top: 0;
z-index: 250;
}
.box_holder_icon_inner {
margin: -50% 0 0 -50%;
}
.box_holder_icon_inner .icon_holder_inner {
display: inline-block;
}
.box_holder_icon_inner.circle .icon_holder_inner,
.box_holder_icon_inner.square .icon_holder_inner{
background-color: #f6f6f5;
}
.box_holder_icon_inner.circle .icon_holder_inner {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.box_holder_icon_inner.circle,
.box_holder_icon_inner.square,
.box_holder_icon_inner.image {
margin: -50% 0 0 -50%;
}
.box_holder_icon_inner.image.tiny img {
height: 35px;
}
.box_holder_icon_inner.image.small img {
height: 52px;
}
.box_holder_icon_inner.image.medium img{
height: 78px;
}
.box_holder_icon_inner.image.large img {
height: 104px;
}
.box_holder_icon_inner.image.very_large img {
height: 130px;
}
/* ================== Icon in Box end style ================== */
/* ==========================================================================
Icon With Text end styles
========================================================================== */
/* ==========================================================================
Image With Text and Icon start styles
========================================================================== */
.eltd_image_with_text_and_icon{
display:inline-block;
max-width:100%;
}
.eltd_image_with_text_and_icon .box_image{
position: relative;
}
.eltd_image_with_text_and_icon .image_holder_inner{
}
.eltd_image_with_text_and_icon .image_holder_inner img{
vertical-align: middle;
}
.eltd_image_with_text_and_icon .eltd_icon_shortcode{
background-color: #e5735c;
border-color:#e5735c;
}
.eltd_image_with_text_and_icon .eltd_icon_shortcode:hover{
background-color: #e5735c;
border-color:#e5735c;
}
.eltd_image_with_text_and_icon .eltd_icon_shade i, .eltd_image_with_text_and_icon .eltd_icon_shade span{
color: #fff;
}
.eltd_image_with_text_and_icon .eltd_icon_holder{
position: absolute;
width: 100%;
text-align: center;
}
.eltd_image_with_text_and_icon .eltd_image_with_text_and_icon_title{
text-align: center;
}
.eltd_image_with_text_and_icon p{
margin-top: 16px;
text-align: center;
}
.eltd_image_with_text_and_icon .eltd_icon_shortcode i,
.eltd_image_with_text_and_icon .eltd_icon_shortcode span {
display: block;
}
.eltd_image_with_text_and_icon .eltd_icon_holder .eltd_icon_linea_icon:before {
line-height: inherit;
}
/* ==========================================================================
Image With Text and Icon end styles
========================================================================== */
/* ==========================================================================
Progress Bar Icon start styles
========================================================================== */
.eltd_progress_bars_icons{
display: block;
position: relative;
}
.eltd_progress_bars_icons_inner{
position: relative;
width: 100%;
}
.eltd_progress_bars_icons_inner .bar{
position: relative;
float: left;
margin: 0 5px 5px 0 !important;
}
.eltd_progress_bars_icons_inner.normal .bar{
margin: 0;
}
.eltd_progress_bars_icons_inner.tiny .bar{
height: 40px;
width: 40px;
}
.eltd_progress_bars_icons_inner.small .bar{
width: 56px;
height: 56px;
}
.eltd_progress_bars_icons_inner.medium .bar{
width: 84px;
height: 84px;
}
.eltd_progress_bars_icons_inner.large .bar{
width: 112px;
height: 112px;
}
.eltd_progress_bars_icons_inner.very_large .bar{
width: 140px;
height: 140px;
}
.eltd_progress_bars_icons_inner .bar .bar_noactive,
.eltd_progress_bars_icons_inner .bar .bar_active{
display: inline-block;
position: absolute;
top: 0px;
left: 0px;
z-index: 50;
}
.eltd_progress_bars_icons_inner.tiny .bar .bar_noactive,
.eltd_progress_bars_icons_inner.tiny .bar .bar_active{
width: 42px;
height: 42px;
line-height: 42px;
}
.eltd_progress_bars_icons_inner .bar .bar_noactive{
display: none;
}
.eltd_progress_bars_icons_inner .bar.active .bar_noactive {
z-index: 100;
display: block;
}
.eltd_progress_bars_icons_inner.circle .bar.active .bar_noactive,
.eltd_progress_bars_icons_inner.square .bar.active .bar_noactive {
background-color: #e5735c;
}
.eltd_progress_bars_icons_inner.square .bar .bar_active,
.eltd_progress_bars_icons_inner.circle .bar .bar_active{
background-color: #f6f6f5;
}
.eltd_progress_bars_icons_inner.circle .bar .bar_noactive,
.eltd_progress_bars_icons_inner.circle .bar .bar_active {
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
-ms-border-radius: 2em;
-o-border-radius: 2em;
border-radius: 2em;
}
.eltd_progress_bars_icons_inner.normal .bar.active i,
.eltd_progress_bars_icons_inner.normal .bar.active .eltd_font_elegant_icon{
color: #e5735c;
}
.eltd_progress_bars_icons_inner.normal .bar i,
.eltd_progress_bars_icons_inner.normal .bar .eltd_font_elegant_icon{
color: #ececea;
}
.eltd_progress_bars_icons_inner.square .bar.active i,
.eltd_progress_bars_icons_inner.circle .bar.active i,
.eltd_progress_bars_icons_inner .bar.active i.fa-circle,
.eltd_progress_bars_icons_inner.square .bar.active .eltd_font_elegant_icon,
.eltd_progress_bars_icons_inner.circle .bar.active .eltd_font_elegant_icon{
color: #fff;
}
.eltd_progress_bars_icons_inner.square .bar i,
.eltd_progress_bars_icons_inner.circle .bar i,
.eltd_progress_bars_icons_inner.square .bar .eltd_font_elegant_icon,
.eltd_progress_bars_icons_inner.circle .bar .eltd_font_elegant_icon,
.eltd_progress_bars_icons_inner .bar i.fa-circle{
color: #e5735c;
line-height: inherit;
}
.eltd_progress_bars_icons_inner .eltd_font_elegant_icon{
display: inline-block;
width: 100%;
text-align: center;
}
.eltd_progress_bars_icons_inner .bar_noactive .eltd_icon_font_elegant,
.eltd_progress_bars_icons_inner .bar_active .eltd_icon_font_elegant {
line-height: inherit;
}
.eltd_progress_bars_icons_inner.custom .bar .bar_noactive,
.eltd_progress_bars_icons_inner.custom .bar .bar_active{
width: inherit;
height: inherit;
line-height: inherit;
}
/* ==========================================================================
Progress Bar Icon end styles
========================================================================== */
/* ==========================================================================
Social Icon start styles
========================================================================== */
.eltd_social_icon_holder{
position: relative;
display: inline-block;
margin: 0 14px 14px 0 !important;
vertical-align: middle;
}
.eltd_social_icon_holder .eltd_icon_stack {
position: relative;
text-align: center;
color: #fff;
background-color: #e5735c;
border: 1px solid transparent;
-webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
-o-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
-ms-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
-moz-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
-webkit-transform: translateZ(0px);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.footer_top .eltd_social_icon_holder .eltd_icon_stack{
background-color: #fff;
}
.eltd_social_icon_holder:hover .eltd_icon_stack {
color: #fff;
background-color: #e5735c;
}
.footer_top .eltd_social_icon_holder:hover .eltd_icon_stack{
color: #e5735c;
background-color: #e5735c;
}
.eltd_social_icon_holder.normal_social .simple_social,
.eltd_social_icon_holder.normal_social.with_link .simple_social {
color: #e5735c;
-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;
}
.eltd_social_icon_holder.normal_social:hover .simple_social{
color: #e5735c;
}
.eltd_social_icon_holder .eltd_icon_stack.circle_social{
border-radius: 3em;
}
.eltd_social_icon_holder .eltd_icon_stack.tiny{
width: 35px;
height: 35px;
line-height: 35px;
}
.eltd_social_icon_holder .eltd_icon_stack.small{
width: 44px;
height: 44px;
line-height: 44px;
}
.eltd_social_icon_holder .eltd_icon_stack.medium{
width: 51px;
height: 51px;
line-height: 51px;
}
.eltd_social_icon_holder .eltd_icon_stack.large{
width: 64px;
height: 64px;
line-height: 64px;
}
.eltd_social_icon_holder .eltd_icon_stack.huge{
width: 110px;
height: 110px;
line-height: 110px;
}
.eltd_social_icon_holder .eltd_icon_stack.tiny i,
.eltd_social_icon_holder .eltd_icon_stack.tiny span,
.eltd_social_icon_holder i.tiny,
.eltd_social_icon_holder span.tiny{
font-size: 16px;
}
.eltd_social_icon_holder .eltd_icon_stack.small i,
.eltd_social_icon_holder i.small,
.eltd_social_icon_holder .eltd_icon_stack.small span,
.eltd_social_icon_holder span.small{
font-size: 18px;
}
.eltd_social_icon_holder .eltd_icon_stack.medium i,
.eltd_social_icon_holder i.medium,
.eltd_social_icon_holder .eltd_icon_stack.medium span,
.eltd_social_icon_holder span.medium{
font-size: 20px;
}
.eltd_social_icon_holder .eltd_icon_stack.large i,
.eltd_social_icon_holder i.large,
.eltd_social_icon_holder .eltd_icon_stack.large span,
.eltd_social_icon_holder span.large{
font-size: 24px;
}
.eltd_social_icon_holder .eltd_icon_stack.huge i,
.eltd_social_icon_holder i.huge,
.eltd_social_icon_holder .eltd_icon_stack.huge span,
.eltd_social_icon_holder span.huge{
font-size: 40px;
}
.eltd_social_icon_holder > i,
.eltd_social_icon_holder > span.simple_social{
position: relative;
display: block;
width: auto;
line-height: 1.2em;
}
.eltd_social_icon_holder .eltd_icon_stack span{
position: relative;
color: inherit;
}
/* ==========================================================================
Social Icon end styles
========================================================================== */
/* ==========================================================================
Ordered list styles
========================================================================== */
.ordered ul, .ordered ol {
counter-reset: li;
display: block;
list-style-type: none;
background-position: left center;
background-repeat: no-repeat;
margin: 0 0 30px;
}
.ordered ol li {
margin: 0px 0px 21px;
padding: 0 0 0 4px;
font-family: inherit;
font-size: 17px;
font-weight: 400;
}
.ordered ol>li:before{
color: #e5735c;
content: counter(li, decimal-leading-zero);
counter-increment: li;
padding-right: 16px;
}
/* ==========================================================================
Unordered list shortcode styles
========================================================================== */
.eltd_list ul li {
font-family: inherit;
font-size: 14px;
}
.eltd_list.normal ul > li {
font-weight: 400 !important;
}
.eltd_list.light ul > li {
font-weight: 300 !important;
}
.eltd_list.bold ul > li {
font-weight: 600 !important;
}
.eltd_list.circle ul,
.eltd_list.number ul,
.eltd_list.line ul{
display: block;
list-style-type: none;
margin: 0;
padding: 0;
}
.eltd_list.number ul{
counter-reset: li;
}
.eltd_list.circle ul>li,
.eltd_list.number ul>li,
.eltd_list.line ul>li{
position: relative;
margin: 0 0 10px;
padding: 0 0 0 21px;
}
.eltd_list.number ul>li{
padding: 0 0 0 32px;
}
.eltd_list.number.circle_number li {
padding-left: 50px;
}
.eltd_list.line ul>li {
padding-left: 9px;
}
.eltd_list.circle ul>li:before {
position: absolute;
left: 0;
width: 7px;
height: 7px;
top: 9px;
background-color: #e5735c;
content: '';
border-radius: 25px;
}
.eltd_list.number ul>li:before{
height: 20px;
width: 20px;
line-height: 20px;
display: inline-block;
position: absolute;
left: 0;
top: 1px;
padding: 0;
color: #e5735c;
text-align: center;
content: counter(li, decimal-leading-zero);
counter-increment: li;
}
.eltd_list.number.circle_number ul>li:before {
color: #fff;
background-color: #e5735c;
border-radius: 2em;
height: 31px;
width: 31px;
line-height: 31px;
top: -3px;
}
.eltd_list.line ul li:before {
height: 20px;
width: auto;
line-height: 20px;
display: inline-block;
position: absolute;
left: 0;
top: 1px;
padding: 0;
color: #959595;
text-align: center;
content: '-';
}
.eltd_list.circle.animate_list ul li,
.eltd_list.number.animate_list ul li,
.eltd_list.line.animate_list ul li{
opacity: 0;
filter: alpha(opacity = 0);
top: -40px;
}
.touch .no_animation_on_touch .eltd_list.circle.animate_list ul li,
.touch .no_animation_on_touch .eltd_list.number.animate_list ul li,
.touch .no_animation_on_touch .eltd_list.line.animate_list ul li{
opacity: 1;
filter: alpha(opacity = 100);
top: 0px;
}
/* ==========================================================================
Social share shortcode styles
========================================================================== */
.blog_holder .post_info .blog_share i.social_share_icon{
line-height: inherit;
}
.social_share_holder {
position: relative;
display: inline-block;
cursor: default;
}
.social_share_holder a{
display: block;
}
.social_share_holder:hover .social_share_title {
cursor: pointer;
}
.social_share_holder:hover .social_share_dropdown ul li {
opacity: 1;
visibility: visible;
cursor: pointer;
}
.social_share_holder:hover .social_share_dropdown ul li:nth-child(2){
transition-delay: .1s;
}
.social_share_holder:hover .social_share_dropdown ul li:nth-child(3){
transition-delay: .2s;
}
.social_share_holder:hover .social_share_dropdown ul li:nth-child(4){
transition-delay: .3s;
}
.social_share_holder:hover .social_share_dropdown ul li:nth-child(5){
transition-delay: .4s;
}
.social_share_holder:hover .social_share_dropdown ul li:nth-child(6){
transition-delay: 0.5s;
}
.social_share_holder:hover .social_share_dropdown ul li:nth-child(7){
transition-delay: 0.6s;
}
.social_share_title {
display: inline-block;
line-height: 15px;
margin-left: 5px;
-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;
}
.social_share_holder a:hover .social_share_title {
color: #464646;
}
.social_share_dropdown {
float: left;
left: 0;
min-width: 250px;
padding: 13px 0 0;
position: absolute;
top: 100%;
visibility: visible;
z-index: 950;
}
.social_share_dropdown ul li {
visibility: hidden;
float: left;
min-width: 22px;
position: relative;
text-align: center;
opacity: 0.2;
margin-left: 2px;
/*-webkit-transform:translateX(100%);*/
-webkit-transition: opacity .1s ease-out, position .1s ease-out, color .1s ease-out, background-color .1s ease-out;
-moz-transition: opacity .1s ease-out, position .1s ease-out, color .1s ease-out, background-color .1s ease-out;
-o-transition: opacity .1s ease-out, position .1s ease-out, color .1s ease-out, background-color .1s ease-out;
-ms-transition: opacity .1s ease-out, position .1s ease-out, color .1s ease-out, background-color .1s ease-out;
transition: opacity .1s ease-out, position .1s ease-out, color .1s ease-out, background-color .1s ease-out;
}
.social_share_dropdown ul {
list-style: none;
position: relative;
display: block;
z-index: 990;
padding: 0 !important;
min-width: 50px;
font-weight: 400;
}
.social_share_holder i.social_share_icon{
float: left;
}
.page_share {
position: relative;
padding: 0 0 0 10px;
margin: 0 0 0 10px;
border-left: 1px solid #5d5d5d;
font-size:12px;
line-height:1em;
-webkit-transition: opacity .1s ease-out, position .1s ease-out, color .1s ease-out, background-color .1s ease-out;
-moz-transition: opacity .1s ease-out, position .1s ease-out, color .1s ease-out, background-color .1s ease-out;
-ms-transition: opacity .1s ease-out, position .1s ease-out, color .1s ease-out, background-color .1s ease-out;
-o-transition: opacity .1s ease-out, position .1s ease-out, color .1s ease-out, background-color .1s ease-out;
transition: opacity .1s ease-out, position .1s ease-out, color .1s ease-out, background-color .1s ease-out;
display: inline-block;
}
.social_share_dropdown ul li.share_title {
color: #a6a6a6;
padding: 10px 20px;
}
.social_share_dropdown ul li a {
border: 2px solid #dadada;
color: #8a8e90;
display: block;
font-size: 10px;
height: 22px;
letter-spacing: 1px;
line-height: 21px !important;
text-align: center;
text-transform: uppercase;
width: 22px;
background-color: #fff;
}
.social_share_dropdown ul li a:hover{
text-decoration: none;
}
.social_share_dropdown ul li a span,
.latest_post_holder .social_share_dropdown ul li a span,
.blog_holder article .post_info .social_share_dropdown ul li a span {
font-size: 10px;
}
.social_share_dropdown ul li .social_network_icon {
color: #464646;
font-size: 10px;
position: relative;
vertical-align: middle;
}
.social_share_dropdown ul li img {
width: 8px;
margin: 0 12px 0 0;
}
.latest_post_holder .social_share_dropdown ul li:hover a {
color: #fff !important;
-webkit-transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.social_share_dropdown ul li:hover a span.social_network_icon {
color: #e5735c;
-webkit-transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
/* =====================================================
=====================
Social share list shortcode styles
========================================================================== */
.social_share_list_holder ul {
list-style: none;
display: inline-block;
}
.social_share_list_holder ul li,
.woocommerce.single-product.single .social_share_list_holder ul li{
display: inline-block;
margin: 10px 12px 0 0;
vertical-align:middle;
}
.social_share_list_holder ul li i,
.woocommerce.single-product.single .social_share_list_holder ul li i{
color: #464646;
font-size: 26px;
line-height:26px;
vertical-align: middle;
-webkit-transition: color 0.2s ease-out;
-moz-transition: color 0.2s ease-out;
-ms-transition: color 0.2s ease-out;
-o-transition: color 0.2s ease-out;
transition: color 0.2s ease-out;
}
.social_share_list_holder ul li i:hover,
.woocommerce.single-product.single .social_share_list_holder ul li i:hover {
color: #464646;
}
.social_share_list_holder ul li a:hover{
text-decoration: none;
}
/* ==========================================================================
Separator with text shortcode start styles
========================================================================== */
.vc_text_separator.full{
position: relative;
height: auto;
box-sizing: border-box;
border-bottom: 0;
text-align: center;
overflow: hidden;
display: block;
}
.vc_text_separator.full.left{
text-align: left;
}
.vc_text_separator.full.right{
text-align: right;
}
.vc_text_separator.full .separator_wrapper{
position: relative;
display: inline-block;
vertical-align: middle;
top: 0;
padding: 0;
border: 0;
z-index: 2;
background-color: transparent;
}
.vc_text_separator.full .separator_content{
position: relative;
display: inline-block;
vertical-align: middle;
top: 0px;
padding: 0 40px;
font-family: Marck Script, sans-serif;
font-size: 30px;
line-height: 40px;
color: #e5735c;
font-weight: 400;
letter-spacing: -1px;
text-align: center;
background-color: transparent;
}
.title_like_separator .vc_text_separator.full .separator_content{
padding:0;
color:#fff;
font-size: inherit;
line-height: 1.65em;
font-weight: 700;
letter-spacing: 0;
}
.subtitle_like_separator .vc_text_separator.full .separator_content{
padding:0;
color:#74797b;
}
.vc_text_separator.full .separator_content.box{
background-color: #fff;
border: 1px solid #b2b2b2;
}
.vc_text_separator.full .separator_content span{
position: relative;
display: block;
font-size:inherit !important;
padding: 0 3px;
}
.vc_text_separator .eltd_line_before,
.vc_text_separator .eltd_line_after{
content: '';
width:1000px;
position:absolute;
bottom:50%;
border-bottom-color: #dadada;
border-bottom-width: 2px;
margin-bottom: -1px;
background-color: transparent;
padding: 0;
top: auto;
}
.vc_text_separator .eltd_line_before{
right: 100%;
}
.vc_text_separator .eltd_line_after{
left: 100%;
}
.vc_text_separator .eltd_line_before .eltd_separator_line_inner,
.vc_text_separator .eltd_line_after .eltd_separator_line_inner{
bottom: auto;
top: -2px;
position: absolute;
border-radius: 20px;
background-color: #b2b2b2;
content: "";
z-index: 1;
}
/* ==========================================================================
Separator with text shortcode end styles
========================================================================== */
/* ==========================================================================
Pie full styles
========================================================================== */
.eltd_pie_graf_holder,
.eltd_line_graf_holder {
display: block;
position: relative;
overflow: hidden;
}
.eltd_pie_graf,
.eltd_line_graf{
margin: 0 22px 0 0;
float: left;
}
.eltd_pie_graf_legend{
position: relative;
float: left;
width: 40%;
}
.eltd_line_graf_legend{
position: relative;
float: left;
width: 20%;
}
.eltd_pie_graf_legend ul,
.eltd_line_graf_legend ul{
list-style: none;
padding:0;
}
.eltd_pie_graf_legend ul li,
.eltd_line_graf_legend ul li{
display: block;
margin: 0 0 10px 0;
}
.eltd_pie_graf_legend ul li .color_holder,
.eltd_line_graf_legend ul li .color_holder{
width: 25px;
height: 25px;
background-color: #e5735c;
float: left;
}
.eltd_pie_graf_legend ul li p,
.eltd_line_graf_legend ul li p{
line-height: 25px;
margin: 0;
padding: 0 0 0 50px;
}
/* ==========================================================================
Interactive Banners start styles
========================================================================== */
.eltd_image_with_text_over.one_half{
width: 50%;
}
.eltd_image_with_text_over.one_third{
width: 33.33%;
}
.eltd_image_with_text_over.one_fourth{
width: 25%;
}
.eltd_image_with_text_over{
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0px;
width: 100%;
cursor: default;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.eltd_image_with_text_over img{
display: block;
position: relative;
width: 100%;
z-index: 10;
}
.eltd_image_with_text_over .shader{
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background-position: 0px 0px;
background-color: rgba(0,0,0,0.35);
background-repeat: repeat;
z-index: 20;
-webkit-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
.eltd_image_with_text_over:hover .shader{
background-color: rgba(0,0,0,0.15);
}
.eltd_image_with_text_over .front_holder,
.eltd_image_with_text_over .back_holder{
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 24;
overflow: hidden;
padding: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform: translateZ(0px);
}
.eltd_image_with_text_over .front_holder_inner,
.eltd_image_with_text_over .back_holder_inner{
border: 1px solid #969393;
-webkit-transition: border-color 0.3s ease;
transition: border-color 0.3s ease;
}
.eltd_image_with_text_over .front_holder_inner,
.eltd_image_with_text_over .back_holder_inner{
position: relative;
width: 100%;
height: 100%;
box-sizing: border-box;
display: table;
}
.eltd_image_with_text_over .front_holder_content,
.eltd_image_with_text_over .back_holder_content{
display: table-cell;
vertical-align: middle;
}
.eltd_image_with_text_over .front_side,
.eltd_image_with_text_over .back_side{
text-align:center;
}
/*---------hover animations - default ----------*/
.eltd_image_with_text_over .back_holder,
.eltd_image_with_text_over .front_holder{
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.eltd_image_with_text_over .front_holder {
transition-delay: 0s;
}
.eltd_image_with_text_over .back_holder {
transition-delay: 0.1s;
}
.eltd_image_with_text_over:hover .front_holder {
transition-delay: 0.1s;
}
.eltd_image_with_text_over:hover .back_holder {
transition-delay: 0s;
}
.eltd_image_with_text_over:hover .front_holder,
.eltd_image_with_text_over .back_holder{
opacity:0;
}
.eltd_image_with_text_over:hover .back_holder{
opacity:1;
}
/*---content elements------*/
.eltd_image_with_text_over .content_title{
text-align: center;
}
.eltd_image_with_text_over .content_title,
.eltd_image_with_text_over .icon_holder{
color: #fff;
display:inline-block;
vertical-align:middle;
width:100%;
text-align:center;
margin: 0 0 15px 0;
}
.eltd_image_with_text_over .icon_holder{
margin-bottom:38px;
}
.eltd_image_with_text_over .content_title:last-child:first-child,
.eltd_image_with_text_over .text_content:last-child:first-child{
margin: 0;
}
.eltd_image_with_text_over .text_content{
position: relative;
display: block;
color: #fff;
text-align: center;
margin: 0 0 31px;
}
.eltd_image_with_text_over .button_holder{
text-align: center;
}
.eltd_image_with_text_over .icon_holder.square i,
.eltd_image_with_text_over .icon_holder.circle i,
.eltd_image_with_text_over .icon_holder.square span,
.eltd_image_with_text_over .icon_holder.circle span{
-webkit-transition: background-color 0.15s ease, border-color 0.15s ease;
-moz-transition: background-color 0.15s ease, border-color 0.15s ease;
-o-transition: background-color 0.15s ease, border-color 0.15s ease;
transition: background-color 0.15s ease, border-color 0.15s ease;
background-color: rgba(255, 255, 255, 0.15);
padding: 20px;
display:inline-block;
vertical-align:middle;
}
.eltd_image_with_text_over .icon_holder.circle i,
.eltd_image_with_text_over .icon_holder.circle span{
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.eltd_image_with_text_over .separator.small,
.wpb_column > .wpb_wrapper .eltd_image_with_text_over .separator.small{
width: 27px;
border-width: 1px;
margin: 0 auto 15px auto;
}
/*image zoom */
.eltd_image_with_text_over.image_zoom {
overflow: hidden;
}
.eltd_image_with_text_over.image_zoom img{
-ms-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transform: scale(1);
transition: transform 0.3s;
-webkit-transition: transform 0.3s;
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
}
.eltd_image_with_text_over.image_zoom:hover img{
-ms-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
/* content link */
.eltd_image_with_text_over .eltd_image_with_text_link_class {
height: 100%;
position: absolute;
width: 100%;
z-index: 25;
left:0;
}
.eltd_image_with_text_over .icon_holder.visible_on_hover {
opacity: 0;
filter: alpha(opacity = 0);
-webkit-transition: opacity .2s ease;
transition: opacity .2s ease;
}
.eltd_image_with_text_over:hover .icon_holder.visible_on_hover {
opacity: 1;
filter: alpha(opacity = 100);
}
.eltd_image_with_text_over .separator.visible_on_hover {
opacity: 0;
filter: alpha(opacity = 0);
-webkit-transition: opacity .2s ease;
transition: opacity .2s ease;
}
.eltd_image_with_text_over:hover .separator.visible_on_hover {
opacity: 1;
filter: alpha(opacity = 100);
}
/* ==========================================================================
Interactive Banners end styles
========================================================================== */
/* ==========================================================================
Team shortcode styles
========================================================================== */
.eltd_team:not(.below_image) {
overflow:hidden;
}
.eltd_team.with_padding:not(.below_image) .eltd_team_text {
padding-left: 20px;
padding-right: 20px;
}
.eltd_team_inner {
overflow:hidden;
width: 100%;
border: 2px solid #dadada;
box-sizing:border-box;
}
.eltd_team .eltd_team_image {
position:relative;
overflow: hidden;
}
.eltd_team .eltd_team_image img {
width: 100%;
vertical-align: middle;
}
.eltd_team.circle .eltd_team_social_holder,
.eltd_team.circle.below_image .image_overlay,
.eltd_team.circle .eltd_team_image img{
border-radius: 50%;
}
.eltd_team .eltd_team_name,
.eltd_team .eltd_team_position{
color: #fff;
}
.eltd_team .separator.small{
margin-bottom: 20px !important;
margin-top: 20px !important;
width:25px;
border-bottom: 2px solid #dadada
}
.eltd_team .eltd_team_description {
display: table;
width: 100%;
height: 100%;
}
.eltd_team .eltd_team_text {
padding: 20px 0 20px;
}
.eltd_team .eltd_team_text.left_align{
text-align: left;
}
.eltd_team .eltd_team_text.center_align{
text-align: center;
}
.eltd_team .eltd_team_text.right_align{
text-align: right;
}
.eltd_team .eltd_team_social_wrapp{
margin: 35px 0 0 0;
}
.eltd_team .eltd_team_social_holder {
position: absolute;
height: 100%;
width: 100%;
left:0;
top: 0;
opacity: 0;
filter: alpha(opacity=0);
display:table-cell;
vertical-align: middle;
background-color: #333333;
-webkit-transition: opacity 0.15s ease-out, background-color 0.15s ease-out;
-moz-transition: opacity 0.15s ease-out, background-color 0.15s ease-out;
-o-transition: opacity 0.15s ease-out, background-color 0.15s ease-out;
-webkit-transform: translateZ(0px);
}
.touch .eltd_team .eltd_team_social_holder{
cursor: pointer;
}
.eltd_team:hover .eltd_team_social_holder{
opacity: 1;
filter: alpha(opacity=100);
}
.eltd_team .eltd_team_social{
display: table;
width: 100%;
height: 100%;
}
.eltd_team .eltd_team_social_inner{
display: table-cell;
vertical-align: middle;
text-align: center;
position: relative;
}
.eltd_team_social .eltd_social_icon_holder{
margin: 2px !important;
}
.eltd_team_social .eltd_social_icon_holder.normal_social{
margin: 0px 10px !important;
}
.eltd_team_social_holder .eltd_social_icon_holder .eltd_icon_stack{
color: #fff;
background-color: #494949;
border: none;
width: 40px;
height: 40px;
line-height: 38px;
font-size: 16px;
box-sizing: border-box;
-webkit-transform: initial;
vertical-align: middle;
border: 1px solid #494949;
}
.eltd_team_social_holder .eltd_social_icon_holder:hover .eltd_icon_stack {
color: #fff !important;
background-color: #e5735c !important;
border-color: #e5735c !important;
}
.eltd_team .eltd_social_icon_holder.normal_social .simple_social,
.eltd_team .eltd_social_icon_holder.normal_social.with_link .simple_social{
font-size: inherit;
line-height: inherit;
color: #fff;
}
.eltd_team .eltd_social_icon_holder.normal_social span.simple_social,
.eltd_team .eltd_social_icon_holder.normal_social.with_link span.simple_social{
font-size: 22px;
}
.eltd_team .eltd_team_social_holder .simple_social:hover{
color: #fff !important;
}
.eltd_team .eltd_team_social_holder .social_icon{
font-size: inherit;
line-height: inherit;
}
.eltd_team .eltd_team_social_holder .social_icon,
.eltd_team .eltd_team_social_holder .social_icon:before{
display: block;
}
.eltd_team .eltd_team_social .eltd_icon_ion_icon:before,
.eltd_team .eltd_team_social .eltd_icon_linea_icon:before {
line-height: inherit;
}
.eltd_team .eltd_team_social_wrapp:first-child {
margin-top: 0;
}
.eltd_team .eltd_team_social_holder.in_corner .eltd_team_title_holder {
position: absolute;
top: 32px;
left: 22px;
}
.eltd_team .eltd_team_social_holder.in_corner .eltd_team_title_holder .separator{
margin-left: 0;
}
.eltd_team .eltd_team_social_holder.in_corner .eltd_team_title_holder .eltd_team_position{
text-align: left;
}
.eltd_team .eltd_team_social_holder.in_corner .eltd_team_social_wrapp {
position: absolute;
bottom: 18px;
right: 20px;
}
/*** Team Type - BELOW IMAGE ***/
.eltd_team.below_image .eltd_team_info .eltd_team_name {
color: #464646;
font-size:13px;
font-weight:800;
text-transform:uppercase;
margin-bottom: 10px;
letter-spacing: 1px;
}
.eltd_team.below_image .eltd_team_info .eltd_team_position {
font-size: 14px;
color: #e5735c;
}
.eltd_team.below_image.left_align .eltd_team_info .separator.small,
.eltd_team.below_image .eltd_team_info .separator.small{
margin-left: 0;
}
.eltd_team.below_image.right_align .eltd_team_info .separator.small {
margin-right: 0;
margin-left: auto;
}
.eltd_team.below_image.center_align .eltd_team_info .separator.small {
margin-left: auto;
margin-right: auto;
}
.eltd_team.below_image.right_align .eltd_team_info {
text-align: right;
}
.eltd_team.below_image.center_align .eltd_team_info {
text-align: center;
}
.eltd_team.below_image .eltd_team_info {
padding: 25px 0;
}
.eltd_team.below_image.with_padding .eltd_team_info {
padding: 25px;
}
.eltd_team.below_image .eltd_team_image {
overflow: visible;
}
.eltd_team.below_image.social_style_between .eltd_team_social_holder_between {
position: absolute;
bottom: -23px;
left: 13px;
}
.eltd_team.below_image.social_style_between .eltd_team_social_holder_between.right {
right: 13px;
left: auto;
}
.eltd_team.below_image.social_style_between .eltd_team_social_holder_between.center {
right: calc(50% - 23px); /* problem with blurring when icon is positioned with transformXY */
left: auto;
}
.eltd_team.below_image .eltd_team_social_holder_between .social_share_icon_shape {
background-color: #fff;
border: 1px solid #fff;
width: 46px;
height: 46px;
line-height: 44px;
display: inline-block;
box-sizing: border-box;
-webkit-transition: border-color 0.15s ease-out, background-color 0.15s ease-out, color 0.15s ease-out;
-moz-transition: border-color 0.15s ease-out, background-color 0.15s ease-out, color 0.15s ease-out;
-o-transition: border-color 0.15s ease-out, background-color 0.15s ease-out, color 0.15s ease-out;
transition: border-color 0.15s ease-out, background-color 0.15s ease-out, color 0.15s ease-out;
}
.eltd_team.below_image .eltd_team_social_holder_between .eltd_team_social:not(.normal_social) .social_share_icon_shape {
box-shadow: 0 6px 6px -4px #afafaf
}
.eltd_team.below_image .eltd_team_social_holder_between .social_share_icon_shape .social_share_icon {
text-align: center;
height: 100%;
display: block;
line-height: inherit;
color: #e5735c;
}
.eltd_team.below_image .eltd_team_social_holder_between .eltd_team_social.circle_social .social_share_icon_shape {
border-radius: 50%;
}
.eltd_team.below_image .eltd_team_social {
position: relative;
}
.eltd_team.below_image .eltd_team_social_inner {
position: absolute;
}
.eltd_team.below_image .eltd_team_social .eltd_social_icon_holder {
margin: 0 !important;
}
.eltd_team.below_image:hover .eltd_team_social_wrapp ul li {
opacity: 1;
cursor: pointer;
}
.eltd_team.below_image .eltd_team_social_wrapp ul li:first-child {
bottom: 56px; /* social share icon + space between icons */
transition-delay: .5s;
}
.eltd_team.below_image .eltd_team_social_wrapp ul li:nth-child(2) {
bottom: 102px; /* previous icon position + icon height + space between icons */
transition-delay: .4s;
}
.eltd_team.below_image .eltd_team_social_wrapp ul li:nth-child(3) {
bottom: 148px; /* previous icon position + icon height + space between icons */
transition-delay: .3s;
}
.eltd_team.below_image .eltd_team_social_wrapp ul li:nth-child(4) {
bottom: 194px; /* previous icon position + icon height + space between icons */
transition-delay: .2s;
}
.eltd_team.below_image .eltd_team_social_wrapp ul li:nth-child(5) {
bottom: 240px; /* previous icon position + icon height + space between icons */
transition-delay: .1s;
}
.eltd_team.below_image:hover .eltd_team_social_wrapp ul li:first-child {
transition-delay: .1s;
}
.eltd_team.below_image:hover .eltd_team_social_wrapp ul li:nth-child(2) {
transition-delay: .2s;
}
.eltd_team.below_image:hover .eltd_team_social_wrapp ul li:nth-child(3) {
transition-delay: .3s;
}
.eltd_team.below_image:hover .eltd_team_social_wrapp ul li:nth-child(4) {
transition-delay: .4s;
}
.eltd_team.below_image:hover .eltd_team_social_wrapp ul li:nth-child(5) {
transition-delay: .5s;
}
.eltd_team.below_image .eltd_team_social.normal_social .eltd_team_social_wrapp ul li:first-child {
bottom: 50px;
}
.eltd_team.below_image .eltd_team_social.normal_social .eltd_team_social_wrapp ul li:nth-child(2) {
bottom: 90px;
}
.eltd_team.below_image .eltd_team_social.normal_social .eltd_team_social_wrapp ul li:nth-child(3) {
bottom: 130px;
}
.eltd_team.below_image .eltd_team_social.normal_social .eltd_team_social_wrapp ul li:nth-child(4) {
bottom: 170px;
}
.eltd_team.below_image .eltd_team_social.normal_social .eltd_team_social_wrapp ul li:nth-child(5) {
bottom: 210px;
}
.eltd_team.below_image .eltd_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;
-moz-transition: opacity .03s ease-out, position .1s ease-out;
-o-transition: opacity .03s ease-out, position .1s ease-out;
-ms-transition: opacity .03s ease-out, position .1s ease-out;
transition: opacity .03s ease-out, position .1s ease-out;
}
.eltd_team.below_image .eltd_team_social .eltd_team_social_wrapp ul {
list-style: none;
position: relative;
display: block;
z-index: 990;
}
.eltd_team.below_image .eltd_team_text {
padding: 0;
}
.eltd_team.below_image.social_style_center .eltd_team_social_holder_between,
.eltd_team.below_image.social_style_bottom .eltd_team_social_holder_between{
position: absolute;
width: 100%;
}
.eltd_team.below_image.social_style_center .eltd_team_social_holder_between{
height: 100%;
top:0;
}
.eltd_team.below_image.social_style_bottom .eltd_team_social_holder_between{
height: 40%;
bottom:0;
background-color: rgba(255,255,255,0.6);
box-sizing: border-box;
border: 1px solid transparent;
border-top: 0;
opacity: 0;
-webkit-transition: background-color 0.3s ease-out, opacity 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out, opacity 0.3s ease-out;
-o-transition: background-color 0.3s ease-out, opacity 0.3s ease-out;
transition: background-color 0.3s ease-out, opacity 0.3s ease-out;
}
.eltd_team.below_image.social_style_center .eltd_team_social_holder_between .eltd_team_social_inner,
.eltd_team.below_image.social_style_center .eltd_team_social_holder_between .eltd_team_social_wrapp,
.eltd_team.below_image.social_style_bottom .eltd_team_social_holder_between .eltd_team_social_inner,
.eltd_team.below_image.social_style_bottom .eltd_team_social_holder_between .eltd_team_social_wrapp{
position: relative;
}
.eltd_team.below_image.social_style_center .eltd_team_social .eltd_social_icon_holder,
.eltd_team.below_image.social_style_bottom .eltd_team_social .eltd_social_icon_holder{
margin: 0 3px !important;
}
.eltd_team.below_image.social_style_center .eltd_team_social_holder_between,
.eltd_team.below_image.social_style_bottom .eltd_team_social_holder_between{
visibility: hidden;
-webkit-transform: translateZ(0px);
}
.eltd_team.below_image.social_style_center:hover .eltd_team_social_holder_between,
.eltd_team.below_image.social_style_bottom:hover .eltd_team_social_holder_between{
visibility: visible;
}
.eltd_team.below_image.social_style_bottom:hover .eltd_team_social_holder_between{
opacity: 1;
}
.eltd_team.below_image.with_padding.social_style_center .eltd_team_info .eltd_team_title_holder,
.eltd_team.below_image.with_padding.social_style_bottom .eltd_team_info .eltd_team_title_holder{
margin: 0;
}
.eltd_team.below_image .image_overlay {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background-color: #333333;
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
box-sizing: border-box;
}
.eltd_team.below_image:hover .image_overlay {
opacity: 0.7;
cursor: pointer;
}
.eltd_team_social_holder_between .eltd_social_icon_holder .eltd_icon_stack {
color: #e5735c;
background-color: #fff;
border: 1px solid #fff;
width: 36px;
height: 36px;
line-height: 34px;
font-size: 16px;
box-sizing: border-box;
cursor: pointer;
-webkit-transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out;
-moz-transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out;
-o-transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out;
transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out;
/*-webkit-transform:initial; /* blured icons in -webkit-*/
}
.eltd_team.below_image .eltd_team_social_wrapp {
margin-left: 5px; /* half of difference between social share icon and social icon */
position: relative;
}
.eltd_team.below_image:hover .social_share_icon_shape {
background-color: #e5735c;
border-color:#e5735c;
}
.eltd_team.below_image:hover .eltd_team_social_holder_between .social_share_icon_shape .social_share_icon {
color: #fff;
}
.eltd_team.below_image .eltd_team_social.normal_social .social_share_icon_shape {
width: auto;
height: auto;
background-color: transparent !important;
border-color: transparent !important;
}
.eltd_team.below_image .eltd_team_social.normal_social .eltd_team_social_wrapp {
margin-left: 0 !important;
}
.eltd_team.below_image .eltd_team_social .social_icon {
cursor: pointer;
line-height: inherit;
vertical-align: middle;
display: block;
}
/*Team shortcode animation*/
.eltd_team.below_image.social_style_bottom .eltd_team_image {
position: static;
}
.eltd_team.below_image.social_style_bottom .eltd_team_inner {
position: relative;
overflow: hidden;
}
.team_hover_image img {
position: absolute;
height: 101%;
max-width: none;
width: auto !important;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
top: 50%;
-webkit-transition: all .22s ease-in-out;
transition: all .22s ease-in-out;
}
.team_hover_image {
left: 0;
top: 0;
position: absolute;
height: 100%;
width: 102%;
background-size: cover;
background-position: center center;
-webkit-transition: all .22s ease-in-out;
transition: all .22s ease-in-out;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.eltd_team.below_image.social_style_bottom:hover .team_hover_image {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.team_initial_image {
-webkit-transition: all .22s ease-in-out;
transition: all .22s ease-in-out;
-webkit-backface-visibility: hidden;
}
.team_initial_image img {
-moz-transform:translateZ(0);
}
.eltd_team.below_image.social_style_bottom:hover .team_hover_image img {
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
left: 50% !important;
}
.eltd_team.below_image.social_style_bottom .eltd_team_info, .eltd_team.below_image.social_style_bottom .image_overlay, .eltd_team.below_image.social_style_bottom div[class^='eltd_team_social_holder'] {
-webkit-transition: all .22s ease-in-out;
transition: all .22s ease-in-out;
-webkit-transform:translateZ(0);
-ms-transform:translateZ(0);
transform:translateZ(0); /*fix jumpy text on hover*/
}
.eltd_team.below_image.social_style_bottom:hover .team_initial_image, .eltd_team.below_image.social_style_bottom:hover .eltd_team_info {
-webkit-transform: translateX(100%) translateZ(0);
transform: translateX(100%) translateZ(0);
backface-visibility: hidden;
}
.eltd_team.below_image.social_style_bottom .image_overlay {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
position: absolute;
height: 100%;
width: 100%;
pointer-events: none;
}
.eltd_team.below_image.social_style_bottom:hover .image_overlay {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.eltd_team.below_image.social_style_bottom div[class^='eltd_team_social_holder'] {
opacity: 1;
filter: alpha(opacity=100);
position: absolute;
bottom: 0;
left: -100%;
}
.eltd_team.below_image.social_style_bottom:hover div[class^='eltd_team_social_holder'] {
left: 0 !important;
}
/*END Team shortcode animation*/
/* ==========================================================================
End of team shortcode styles
========================================================================== */
/* ==========================================================================
Image hover styles
========================================================================== */
.image_hover {
position: relative;
display: inline-block;
width: 100%;
}
.image_hover .images_holder {
position: relative;
display: inline-block;
vertical-align:middle;
max-width: 100%;
}
.image_hover .images_holder img{
vertical-align: middle;
}
.image_hover .images_holder img.hover_image {
position: absolute;
top: 0;
left: 0;
}
.image_hover .images_holder img.active_image {
position: relative;
display: block;
opacity: 1;
filter: alpha(opacity = 100);
}
.image_hover .images_holder img.active_image,
.image_hover .images_holder img.hover_image,
.image_hover.hovered.show .images_holder img.active_image,
.image_hover.hovered.show .images_holder img.hover_image {
-webkit-transition: opacity 0.15s ease-out;
-ms-transition: opacity 0.15s ease-out;
-moz-transition: opacity 0.15s ease-out;
-o-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out;
-webkit-transform: translateZ(0px);
}
.image_hover .images_holder img.hover_image {
opacity: 0;
filter: alpha(opacity = 0);
}
.image_hover .images_holder:hover img.active_image,
.image_hover.hovered.show .images_holder img.active_image {
opacity: 0;
filter: alpha(opacity = 0);
}
.image_hover .images_holder:hover img.hover_image,
.image_hover.hovered.show .images_holder img.hover_image {
opacity: 1;
filter: alpha(opacity = 100);
}
/*Image Hover - Roll Over effect*/
.image_hover.roll_over .images_holder {
overflow: hidden;
}
.image_hover.hovered.roll_over .images_holder img {
-webkit-transition: all .22s cubic-bezier(0.6, -0.28, 0.26, 0.99);
-ms-transition: all .22s cubic-bezier(0.6, -0.28, 0.26, 0.99);
-moz-transition: all .22s cubic-bezier(0.6, -0.28, 0.26, 0.99);
-o-transition: all .22s cubic-bezier(0.6, -0.28, 0.26, 0.99);
transition: all .22s cubic-bezier(0.6, -0.28, 0.26, 0.99);
}
.image_hover.roll_over .images_holder img.hover_image {
opacity: 1;
filter: alpha(opacity=100);
top: -100%;
}
.wpb_wrapper:hover .image_hover.roll_over .images_holder img.hover_image, .image_hover.roll_over:hover .images_holder img.hover_image {
top: 0;
}
.wpb_wrapper:hover .image_hover.roll_over .images_holder img.active_image, .image_hover.roll_over:hover .images_holder img.active_image {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
/*END Image Hover - Roll Over effect*/
/* ==========================================================================
Carousel shortcode styles
========================================================================== */
.eltd_carousels {
padding: 0;
position: relative;
display: block;
zoom: 1;
}
.eltd_carousels_holder.two_rows .slides > li .carousel_item_holder {
margin-bottom: 50px;
position: relative;
}
.eltd_carousels_holder .slides > li .carousel_item_holder_inner{
position: relative;
}
.eltd_carousels .carousel_item_holder_inner .carousel_title_text{
margin-top: 53px;
text-align: center;
}
.eltd_carousels .carousel_item_holder_inner .carousel_title_text .carousel_separator {
width: 25px;
border-bottom: 2px solid #dadada;
margin: 13px auto;
}
.eltd_carousels .carousel_item_holder_inner .carousel_text{
margin-top: 18px;
padding: 0 10%;
}
.eltd_carousels .slides > li .first_image_holder,
.eltd_carousels .slides > li .second_image_holder {
display: block;
position: relative;
width: 100%;
opacity: 1;
-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;
}
.eltd_carousels .slides > li .second_image_holder {
position: absolute;
top: 0;
left: 0;
}
.eltd_carousels .slides > li .second_image_holder,
.eltd_carousels_holder:not(.two_rows) .eltd_carousels .slides > li:hover .first_image_holder.has_hover_image {
opacity: 0;
}
.eltd_carousels_holder:not(.two_rows) .eltd_carousels .slides > li:hover .second_image_holder.has_hover_image {
opacity: 1;
}
.eltd_carousels_holder.two_rows .eltd_carousels .slides > li div.carousel_item_holder .second_image_holder,
.eltd_carousels_holder.two_rows .eltd_carousels .slides > li div.carousel_item_holder:hover .first_image_holder.has_hover_image {
opacity: 0;
}
.two_rows .eltd_carousels .slides > li div.carousel_item_holder:hover .second_image_holder.has_hover_image {
opacity: 1;
}
.eltd_carousels .first_image_holder.hover_zoom > img {
-webkit-transition: transform 0.15s ease-out;
-moz-transition: transform 0.15s ease-out;
-o-transition: transform 0.15s ease-out;
-ms-transform: transform 0.15s ease-out;
transition: transform 0.15s ease-out;
-webkit-backface-visibility:hidden;
}
.eltd_carousels .first_image_holder.hover_zoom:hover > img{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
}
.eltd_carousels .slides > li .first_image_holder.image_jump img {
-webkit-transition: transform .15s ease-out;
-moz-transition: transform .15s ease-out;
-o-transition: transform .15s ease-out;
-ms-transform: transform .15s ease-out;
transition: transform .15s ease-out;
-webkit-backface-visibility: hidden;
}
.eltd_carousels .slides > li:hover .first_image_holder.image_jump img {
transform: translateY(-10px);
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-o-transform: translateY(-10px);
-ms-transform: translateY(-10px);
}
.eltd_carousels .caroufredsel-direction-nav .caroufredsel-navigation-item {
font-size: 23px;
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
color: #fff;
background-color: transparent;
border: 2px solid #fff;
-webkit-transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out;
-moz-transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out;
-o-transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out;
-ms-transform: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out;
transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out;
-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;
}
.eltd_carousels .caroufredsel-direction-nav .caroufredsel-navigation-item:hover{
background-color: transparent;
}
.eltd_carousels .caroufredsel-direction-nav .caroufredsel-navigation-item span {
display: block;
vertical-align: middle;
color: inherit;
}
.eltd_carousels .caroufredsel-direction-nav .eltd_carousel_next,
.full_width .section_inner .eltd_carousels .caroufredsel-direction-nav .eltd_carousel_next{
right: -95px;
}
.full_width .eltd_carousels .caroufredsel-direction-nav .eltd_carousel_next{
right: 0;
}
.eltd_carousels .caroufredsel-direction-nav .eltd_carousel_prev,
.full_width .section_inner .eltd_carousels .caroufredsel-direction-nav .eltd_carousel_prev{
left: -95px;
}
.full_width .eltd_carousels .caroufredsel-direction-nav .eltd_carousel_prev{
left: 0;
}
/*roll over clients carousel animation*/
.eltd_carousels_holder.two_rows.roll_over .carousel_item_holder_inner {
overflow:hidden;
}
.eltd_carousels_holder.roll_over:not(.two_rows) .slides > li .first_image_holder.has_hover_image,
.eltd_carousels_holder.roll_over.two_rows .carousel_item_holder_inner .first_image_holder.has_hover_image {
opacity: 1 !important;
filter: alpha(opacity=100);
-webkit-transition: -webkit-transform .22s cubic-bezier(0.6, -0.28, 0.26, 0.99) ;
transition: transform .22s cubic-bezier(0.6, -0.28, 0.26, 0.99) ;
}
.eltd_carousels_holder.roll_over:not(.two_rows) .slides li .second_image_holder.has_hover_image,
.eltd_carousels_holder.roll_over.two_rows .carousel_item_holder_inner .second_image_holder.has_hover_image{
opacity: 1 !important;
filter: alpha(opacity=100);
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: -webkit-transform .22s cubic-bezier(0.6, -0.28, 0.26, 0.99);
transition: transform .22s cubic-bezier(0.6, -0.28, 0.26, 0.99);
}
.eltd_carousels_holder.roll_over:not(.two_rows) .slides li:hover .first_image_holder.has_hover_image,
.eltd_carousels_holder.roll_over.two_rows .carousel_item_holder_inner:hover .first_image_holder.has_hover_image {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.eltd_carousels_holder.roll_over:not(.two_rows) .slides li:hover .second_image_holder.has_hover_image,
.eltd_carousels_holder.roll_over.two_rows .carousel_item_holder_inner:hover .second_image_holder.has_hover_image{
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
/* ==========================================================================
End of carousel shortcode styles
========================================================================== */
/* ==========================================================================
Clients styles
========================================================================== */
.eltd_clients .eltd_client_holder {
float: left;
text-align: center;
margin-bottom: 26px;
}
.eltd_clients.two_columns .eltd_client_holder {
width: 50%;
}
.eltd_clients.three_columns .eltd_client_holder {
width: 33.33%;
}
.eltd_clients.four_columns .eltd_client_holder {
width: 25%;
}
.eltd_clients.five_columns .eltd_client_holder {
width: 20%;
}
.eltd_clients.six_columns .eltd_client_holder {
width: 16.66%;
}
.eltd_clients .eltd_client_holder_inner {
position: relative;
margin: 0 13px;
}
.eltd_clients .eltd_client_holder_inner:before,
.eltd_clients .eltd_client_holder_inner:after {
display: block;
content: "";
position: absolute;
}
.eltd_clients.with_borders .eltd_client_holder_inner:before{
border-right-width: 1px;
border-right-style: solid;
border-right-color: #b9b9b9;
height: 100%;
right: -13px;
width: 1px;
}
.eltd_clients.with_borders .eltd_client_holder_inner:after {
width: 100%;
bottom: -13px;
height: 1px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #b9b9b9;
}
.eltd_clients .eltd_client_image_holder{
padding: 20px 0;
}
.eltd_clients .eltd_client_holder.border-bottom-none .eltd_client_holder_inner:after {
border-bottom: 0;
}
.eltd_clients.two_columns .eltd_client_holder:nth-child(2n) .eltd_client_holder_inner:before,
.eltd_clients.three_columns .eltd_client_holder:nth-child(3n) .eltd_client_holder_inner:before,
.eltd_clients.four_columns .eltd_client_holder:nth-child(4n) .eltd_client_holder_inner:before,
.eltd_clients.five_columns .eltd_client_holder:nth-child(5n) .eltd_client_holder_inner:before,
.eltd_clients.six_columns .eltd_client_holder:nth-child(6n) .eltd_client_holder_inner:before {
border-right-width: 0;
}
.eltd_clients .eltd_client_holder a {
display: inline-block;
vertical-align: middle;
max-width: 100%;
line-height: 0;
-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;
}
.eltd_clients .eltd_client_holder a:hover {
opacity: 0.4;
}
.eltd_clients.clients_space .eltd_client_holder_inner{
padding: 0 5px;
}
.eltd_clients.clients_space{
margin: 0 -5px;
}
/* ==========================================================================
End Clients styles
========================================================================== */
/* ==========================================================================
Icons hover animation style
========================================================================== */
/*----Outline Scale Out----*/
.eltd_icon_shade.animation_border_out{
overflow:visible;
}
.eltd_icon_shade.animation_border_out .animation_overlay{
top: -7px;
left: -7px;
padding: 7px;
box-shadow: 0 0 0 2px #e5735c;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-out;
transition: transform 0.2s ease-out, opacity 0.2s ease-out;
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.eltd_icon_shade.animation_border_out.circle .animation_overlay{
border-radius: 50%;
}
.eltd_icon_shade.animation_border_out:hover .animation_overlay{
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
/*----Outline Scale In----*/
.eltd_icon_shade.animation_border_in{
overflow:visible;
}
.eltd_icon_shade.animation_border_in .animation_overlay{
top: -7px;
left: -7px;
padding: 7px;
box-shadow: 0 0 0 2px #e5735c;
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-out;
transition: transform 0.2s ease-out, opacity 0.2s ease-out;
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.eltd_icon_shade.animation_border_in.circle .animation_overlay{
border-radius: 50%;
}
.eltd_icon_shade.animation_border_in:hover .animation_overlay{
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
/*----Scale In With Outline----*/
.eltd_icon_shade.scale_in_outline{
overflow:visible;
backface-visibility: hidden;
}
.eltd_icon_shade.scale_in_outline span,
.eltd_icon_shade.scale_in_outline i{
backface-visibility: hidden;
}
.eltd_icon_shade.scale_in_outline .animation_overlay{
position: absolute;
width: 100%;
height: 100%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
top: 0;
left: 0;
padding: 0;
box-shadow: 0 0 0 2px #e5735c;
opacity:0;
-webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-out;
transition: transform 0.2s ease-out, opacity 0.2s ease-out;
}
.eltd_icon_shade.scale_in_outline.circle .animation_overlay{
border-radius: 50%;
}
.eltd_icon_shade.scale_in_outline:hover .animation_overlay{
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
opacity:1;
}
.eltd_icon_shade.scale_in_outline:hover{
-webkit-transform: scale(0.85);
-ms-transform: scale(0.85);
transform: scale(0.85);
}
/*----Outline Enlarge----*/
.eltd_icon_shade.outline_enlarge{
overflow: visible;
backface-visibility: hidden;
}
.eltd_icon_shade.outline_enlarge .animation_overlay{
top: -5px;
left: -5px;
padding: 5px;
box-shadow: 0 0 0 2px #e5735c;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.12, 0.92, 0, 1.69), opacity 0.2s cubic-bezier(0.12, 0.92, 0, 1.69);
-ms-transition: -ms-transform 0.2s cubic-bezier(0.12, 0.92, 0, 1.69), opacity 0.2s cubic-bezier(0.12, 0.92, 0, 1.69);
transition: transform 0.2s cubic-bezier(0.12, 0.92, 0, 1.69), opacity 0.2s cubic-bezier(0.12, 0.92, 0, 1.69);
opacity: 1;
position: absolute;
width: 100%;
height: 100%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.eltd_icon_shade.outline_enlarge.circle .animation_overlay{
border-radius: 50%;
}
.eltd_icon_shade.outline_enlarge:hover .animation_overlay{
-webkit-transform: scale(1.1) rotate(0.01deg);
-ms-transform: scale(1.1) rotate(0.01deg);;
transform: scale(1.1) rotate(0.01deg);;
}
/*----Pulse----*/
.eltd_icon_shade.pulse{
overflow:visible;
backface-visibility: hidden;
}
.eltd_icon_shade.pulse span,
.eltd_icon_shade.pulse i{
backface-visibility: hidden;
}
.eltd_icon_shade.pulse .eltd_icon_shortcode span,
.eltd_icon_shade.pulse .eltd_icon_shortcode i{
-webkit-transition: color 0.15s ease-out;
transition: color 0.15s ease-out;
backface-visibility: hidden;
-webkit-transform:none;
transform:none;
}
.eltd_icon_shade.pulse .animation_overlay{
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
top: 0;
left: 0;
padding: 0;
z-index: -1;
box-shadow: 0 0 0 5px #e5735c;
opacity: 0;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.eltd_icon_shade.pulse.circle .animation_overlay{
border-radius: 50%;
}
.eltd_icon_shade.pulse:hover .animation_overlay{
-webkit-animation: pulseIcon 0.6s ease-out 0.05s;
animation: pulseIcon 0.6s ease-out 0.05s;
}
.eltd_icon_shade.pulse:hover{
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
@-webkit-keyframes pulseIcon {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
}
100% {
-webkit-transform: scale(1.2);
opacity: 0;
}
}
@-moz-keyframes pulseIcon {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
}
100% {
-moz-transform: scale(1.2);
opacity: 0;
}
}
@keyframes pulseIcon {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
}
100% {
transform: scale(1.2);
opacity: 0;
}
}
/* ==========================================================================
Icons hover animation style end
========================================================================== */
/* ==========================================================================
Service table shorcode start styles
========================================================================== */
.service_table_holder{
display: block;
position: relative;
border-style: none;
}
.service_table_holder.active .active_text{
color: #fff;
background-color: #e5735c;
font-size: 17px;
font-weight: 400;
left: 0;
line-height: 30px;
position: absolute;
text-align: center;
top: 0;
width: 100%;
z-index:9;
}
.service_table_holder.active .active_text .active_text_inner{
display: block;
padding: 4px;
}
.service_table_holder.active .service_table_inner{
background-position: 0 38px;
margin: -38px 0 0;
padding: 38px 0 0;
}
.service_table_holder.active.active_circle .active_text{
position: absolute;
top: -37.5px;
right: 18px;
left:auto;
width:75px;
height:75px;
display: table;
border-radius: 50%;
}
.service_table_holder.active.active_circle .active_text .active_text_inner{
display: table-cell;
vertical-align: middle;
line-height: normal;
}
.service_table_holder.active.active_circle ul.service_table_inner{
margin: 0;
padding: 0;
background-position: 0;
}
.service_table_inner{
display: block;
position: relative;
list-style: none;
margin: 0;
padding: 0;
background-color: #fff;
background-size: cover;
}
.service_table_inner ul{
padding: 0 30px !important;
}
.service_table_inner li{
display: block;
margin: 0;
padding: 0;
list-style: none;
text-align: center;
background-size: cover;
background-repeat: no-repeat;
}
.service_table_holder .service_icon{
border:2px solid #dadada;
}
.service_table_holder .service_table_title_holder{
border-left: 2px solid #dadada;
border-right :2px solid #dadada;
}
.service_table_holder.title_on_top .service_table_title_holder{
border-top: 2px solid #dadada;
}
.service_table_holder .service_table_content{
border: 2px solid #dadada;
}
.service_table_inner li li{
padding: 5px 20px;
border-bottom: 0px solid #dadada;
font-size: 14px;
color: #464646;
}
.service_table_inner li li:first-child{
padding-top: 24px;
}
.service_table_inner li li:last-child{
padding-bottom: 24px;
}
.service_table_inner li.service_table_title_holder{
display: block;
position: relative;
padding: 15px 20px;
}
.service_table_inner li.service_table_title_holder
.service_table_inner li.service_table_subtitle_holder{
display: block;
position: relative;
padding: 10px 50px 30px;
border-bottom: none;
}
.service_table_inner li.service_table_title_holder.active_small_separator{
border: none;
}
.service_table_inner li.service_table_title_holder .title_separator{
background: none repeat scroll 0 0 #dadada;
bottom: 0;
height: 2px;
left: 50%;
margin: 0 0 0 -20px;
position: absolute;
text-align: center;
width: 40px;
}
.service_table_inner li.service_icon .service_table_icon {
color: #e5735c;
font-size: 80px;
}
.service_table_title_inner{
position: relative;
width: 100%;
text-align: center;
}
.service_table_subtitle_inner{
position: relative;
width: 100%;
text-align: center;
}
.service_table_title_holder .service_title{
display: block;
}
.service_table_inner .service_table_icon {
display: block;
line-height: 1em;
padding: 60px 0;
}
.service_table_inner li.service_image{
padding: 20px 0;
vertical-align:middle;
}
.service_table_inner li.service_image img{
max-width: 100%;
display: inline-block;
vertical-align: middle;
}
/* Service table shorcode title on top type styles */
.service_table_holder.title_on_top.active:not(.active_circle) .active_text{
background-color: transparent;
}
.service_table_holder.title_on_top.active:not(.active_circle) .active_text .active_text_inner{
display: block;
padding: 4px;
width: 150px;
margin: 0 auto;
background-color: #e5735c;
}
.service_table_holder.title_on_top.active:not(.active_circle) .service_table_inner{
background-position: 0;
margin: 0;
padding: 0;
}
.service_table_holder.title_on_top.active:not(.active_circle) .active_text{
top: -40px;
}
.service_table_holder.basic_type .service_table_inner{
background-color: #f7f7f7;
}
.service_table_holder.title_on_top .service_table_inner li.service_table_title_holder{
padding: 0 16%;
border-bottom: 0;
}
.service_table_holder.title_on_top .service_table_inner li.service_table_title_holder .service_table_title_inner{
border-bottom: 0px solid #dadada;
padding: 30px 0;
}
.service_table_holder.title_on_top.has_subtitle .service_table_inner li.service_table_title_holder .service_table_title_inner{
padding-bottom: 0;
}
.service_table_holder.title_on_top .service_table_inner .service_icon,
.service_table_holder.title_on_top .service_table_inner li.service_image{
padding: 0 16%;
border-bottom: 0;
}
.service_table_holder.title_on_top .service_table_inner .service_table_content{
padding: 0 20%;
border-bottom: 0;
}
.service_table_holder.title_on_top .service_table_inner .service_table_content li{
padding: 20px 0;
border-bottom: 2px solid #cecece;
}
.service_table_holder.title_on_top .service_table_inner .service_table_content li:first-child{
padding-top: 33px;
}
.service_table_holder.title_on_top .service_table_inner .service_table_content li:last-child{
border-bottom: 0;
padding-bottom: 33px;
}
/* End of Service table shorcode title on top type end styles */
/* ==========================================================================
Service table shorcode end styles
========================================================================== */
/* ==========================================================================
Elated circles styles
========================================================================== */
.eltd_circles_shortcode{
visibility: hidden;
position: relative;
}
.eltd_circles_holder {
position: relative;
display: inline-block;
width: 100%;
clear: both;
list-style: none;
margin: 0;
padding: 0;
border-color: #afafaf;
}
.eltd_circles_shortcode.with_lines.three_columns .circle_line_holder {
top: 74px;
}
.eltd_circles_shortcode.with_lines.four_columns .circle_line_holder {
top: 67px;
}
.eltd_circles_shortcode.with_lines.five_columns .circle_line_holder{
top: 57px;
}
.eltd_circles_shortcode.with_lines.six_columns .circle_line_holder{
top: 48px;
}
.eltd_circles_shortcode.with_lines .circle_line_holder {
position: absolute;
left: 80px;
display: block;
width: 82%;
height: 0;
border-top: 1px dotted;
border-color: inherit; /* it needs to be like this so it can override from parent element */
content: "";
}
.eltd_circles_holder.no_line:before {
display: none;
border: 0;
height: 0;
width: 0;
}
.eltd_circles_holder .eltd_circle_outer {
position: relative;
float: left;
padding: 0;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
}
.eltd_circles_holder.three_columns .eltd_circle_outer {
width: 33.3%;
}
.eltd_circles_holder.four_columns .eltd_circle_outer {
width: 25%;
}
.eltd_circles_holder.five_columns .eltd_circle_outer {
width: 20%;
}
.eltd_circles_holder.six_columns .eltd_circle_outer {
width: 16.6666666667%;
}
.eltd_circles_holder .eltd_circle_inner {
position: relative;
display: block;
max-width:100%;
vertical-align: middle;
text-align: center;
margin: 0 auto;
padding: 9px;
border: 1px solid #afafaf;
border-radius: 50%;
-webkit-transition: border-color 0.15s ease-in-out, padding 0.15s ease-in-out;
-moz-transition: border-color 0.15 ease-in-out, padding 0.15s ease-in-out;
-ms-transition: border-color 0.15s ease-in-out, padding 0.15s ease-in-out;
-o-transition: border-color 0.15s ease-in-out, padding 0.15s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing:border-box;
transition: border-color 0.15s ease-in-out, padding 0.15s ease-in-out;
}
.eltd_circle_outer.without_double_border .eltd_circle_inner {
padding: 0;
border: none;
}
.eltd_circles_holder.three_columns .eltd_circle_inner {
width: 158px;
height: 158px;
}
.eltd_circles_holder.four_columns .eltd_circle_inner {
width: 138px;
height: 138px;
}
.eltd_circles_holder.five_columns .eltd_circle_inner {
width: 118px;
height: 118px;
}
.eltd_circles_holder.six_columns .eltd_circle_inner {
width: 98px;
height: 98px;
}
.eltd_circle_inner,
.eltd_circle_inner2 {
overflow: hidden;
}
.eltd_circle_outer.image_with_text_type:hover .eltd_text_in_circle {
opacity: 0;
filter: alpha(opacity=0);
}
.eltd_circles_holder .eltd_circle_inner2.image_with_text {
background-repeat: no-repeat;
background-size: cover !important;
}
.eltd_circles_holder .eltd_circle_inner:hover .eltd_circle_inner2.image_with_text{
background-color: transparent !important;
}
.eltd_circles_holder .eltd_circle_inner2 {
position: relative;
display: block;
max-width:100%;
width: 100%;
height: 100%;
vertical-align: middle;
text-align: center;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing:border-box;
overflow: hidden;
}
.eltd_circles_holder .eltd_circle_inner2 .shader {
content: "";
opacity: 0;
filter: alpha(opacity=0);
display: block;
height: inherit;
-webkit-transform: scale(0.3);
-ms-transform: scale(0.3);
transform: scale(0.3);
-webkit-transition: -webkit-transform .22s ease-in-out, opacity .2s ease-in-out;
transition: transform .22s ease-in-out, opacity .2s ease-in-out;
border-radius: 50%;
}
.eltd_circle_outer.image_with_text_type:hover .eltd_circle_inner2 .shader{
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 0.85;
filter: alpha(opacity=85);
}
.eltd_circle_outer.text_type .eltd_circle_inner2 {
padding: 5px;
}
.eltd_circles_holder .eltd_circle_inner2 img {
display: block;
width: 100%;
border-radius: 1000px;
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
-o-border-radius: 1000px;
}
.eltd_circles_holder .eltd_circle_inner2 .process_icon,
.eltd_circles_holder .eltd_circle_inner2,
.eltd_circles_holder .eltd_circle_inner2 .eltd_text_in_circle {
-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
-moz-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
-o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}
.eltd_circles_holder .eltd_circle_inner2 img,
.eltd_circles_holder .eltd_circle_inner2 .process_icon,
.eltd_circles_holder .eltd_circle_inner2 .eltd_text_in_circle{
position: absolute;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
-webkit-transition: opacity .25s ease-in-out;
transition: opacity .25s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.eltd_text_in_circle_hover {
position: absolute;
top: 50%;
left: 50%;
opacity: 0;
filter: alpha(opacity=0);
z-index: 100;
-webkit-transition: -webkit-transform 0.22s ease-in-out, opacity .2s ease-in-out;
transition: transform 0.22s ease-in-out, opacity .2s ease-in-out;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
line-height: 24px;
font-style: normal;
font-weight: 700;
}
.eltd_circle_outer.image_with_text_type:hover .eltd_text_in_circle_hover {
opacity: 1;
filter: alpha(opacity=100);
}
.eltd_circles_holder .eltd_circle_inner2 .process_icon {
color: #696969;
font-size: 24px;
vertical-align: middle;
}
.eltd_circles_holder .eltd_circle_inner:hover .eltd_circle_inner2 .process_icon,
.eltd_circles_holder .eltd_circle_inner:hover .eltd_circle_inner2 .eltd_text_in_circle {
color: #fff !important;
}
.eltd_circles_holder .eltd_circle_text_holder {
display: block;
text-align: center;
margin: 24px 0 0;
padding:0 10px;
}
.eltd_circles_holder .eltd_circle_text_holder .eltd_circle_title{
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
color: #464646;
}
.eltd_circles_holder .eltd_circle_text_holder .eltd_circle_separator {
width: 25px;
margin: 25px auto;
position: relative;
display: block;
border-bottom: 2px solid #dadada;
}
.eltd_circles_holder .eltd_circle_text_holder .eltd_circle_text {
display: block;
font-size:14px;
color: #818181;
}
.eltd_circles_holder.three_columns .eltd_circle_text_holder.title_left .eltd_circle_title,
.eltd_circles_holder.three_columns .eltd_circle_text_holder.text_left .eltd_circle_text{
padding-left: 92px;
margin: 0 auto;
text-align: left;
}
.eltd_circles_holder.three_columns .eltd_circle_text_holder.title_right .eltd_circle_title,
.eltd_circles_holder.three_columns .eltd_circle_text_holder.text_right .eltd_circle_text{
padding-right: 92px;
margin: 0 auto;
text-align: right;
}
.eltd_circles_holder.four_columns .eltd_circle_text_holder.title_left .eltd_circle_title,
.eltd_circles_holder.four_columns .eltd_circle_text_holder.text_left .eltd_circle_text{
padding-left: 58px;
margin: 0 auto;
text-align: left;
}
.eltd_circles_holder.four_columns .eltd_circle_text_holder.title_right .eltd_circle_title,
.eltd_circles_holder.four_columns .eltd_circle_text_holder.text_right .eltd_circle_text{
padding-right: 58px;
margin: 0 auto;
text-align: right;
}
.eltd_circles_holder.five_columns .eltd_circle_text_holder.title_left .eltd_circle_title,
.eltd_circles_holder.five_columns .eltd_circle_text_holder.text_left .eltd_circle_text{
padding-left: 40px;
margin: 0 auto;
text-align: left;
}
.eltd_circles_holder.five_columns .eltd_circle_text_holder.title_right .eltd_circle_title,
.eltd_circles_holder.five_columns .eltd_circle_text_holder.text_right .eltd_circle_text{
padding-right: 40px;
margin: 0 auto;
text-align: right;
}
.eltd_circles_holder.six_columns .eltd_circle_text_holder.title_left .eltd_circle_title,
.eltd_circles_holder.six_columns .eltd_circle_text_holder.text_left .eltd_circle_text{
padding-left: 32px;
margin: 0 auto;
text-align: left;
}
.eltd_circles_holder.six_columns .eltd_circle_text_holder.title_right .eltd_circle_title,
.eltd_circles_holder.six_columns .eltd_circle_text_holder.text_right .eltd_circle_text{
padding-right: 32px;
margin: 0 auto;
text-align: right;
}
/* ==========================================================================
End of Elated circles styles
========================================================================== */
/* ==========================================================================
Cover Boxes styles
========================================================================== */
.cover_boxes{
position: relative;
overflow: hidden;
}
.cover_boxes ul{
list-style: none;
margin: 0px -20px 0px 0px;
padding: 0px;
width: 200%;
}
.cover_boxes ul li{
float: left;
margin-right: 20px;
overflow: hidden;
position: relative;
width: 265px;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.cover_boxes.boxes_two ul li{
width: 360px;
}
.cover_boxes ul li.act,
.cover_boxes ul li .box{
width: 530px;
}
.cover_boxes.boxes_two ul li.act,
.cover_boxes.boxes_two ul li .box{
width: 720px;
}
.cover_boxes ul li .box .thumb {
display: inline-block;
float: left;
margin-right: 20px;
position: relative;
z-index:10;
width: 265px;
vertical-align: middle;
}
.touch .cover_boxes ul li .box .thumb{
pointer-events:none;
}
.cover_boxes.boxes_two ul li .box .thumb{
width:360px;
}
.cover_boxes ul li .box .thumb img{
display: block;
position: relative;
max-width: 100%;
}
.cover_boxes ul li .box .box_content{
bottom: 0px;
left: 285px;
position: absolute;
padding: 0;
width: 245px;
z-index:9;
top: 0;
}
.cover_boxes ul li .box .box_content .box_content_inner {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.cover_boxes.boxes_two ul li .box .box_content{
left: 380px;
width:340px;
}
.cover_boxes ul li .box .qbutton {
margin: 26px 0 0;
}
.cover_boxes .qbutton {
vertical-align: middle;
}
.cover_boxes .qbutton .cover_boxes_button_text{
float:left;
}
.cover_boxes .qbutton .cover_boxes_button_icon {
float: right;
line-height: inherit;
padding-left: 5px;
}
.cover_boxes ul li .box .separator.small{
margin: 14px 0 16px;
border-bottom: 1px solid #e5735c;
}
/* ==========================================================================
End of Cover Boxes styles
========================================================================== */
/* ==========================================================================
Icon List start styles
========================================================================== */
.eltd_icon_list.left .eltd_icon_list_icon_holder_inner{
margin-left:15px;
}
.eltd_icon_list.right .eltd_icon_list_icon_holder_inner{
margin-right:15px;
}
.eltd_icon_list{
display: table;
margin-bottom: 15px;
width:100%;
}
.eltd_icon_list_icon_holder {
display: table-cell;
vertical-align: middle;
height: 100%;
width:1%;
}
.eltd_icon_list_icon_holder_inner {
display: inline-block;
vertical-align: middle;
}
.eltd_icon_list p{
font-weight: 300;
display: table-cell;
vertical-align: middle;
height: 100%;
}
.eltd_icon_list i,
.eltd_icon_list .font_elegant {
color: #e5735c;
font-size: 19px;
line-height: 36px;
height: 38px;
width: 38px;
text-align: center;
box-sizing: border-box;
}
.eltd_icon_list i.small_icon_list,
.eltd_icon_list .font_elegant.small_icon_list {
font-size: 14px;
line-height: 26px;
height: 28px;
width: 28px;
}
.eltd_icon_list i.circle,
.eltd_icon_list i.square,
.eltd_icon_list .font_elegant.circle,
.eltd_icon_list .font_elegant.square {
border: 1px solid #e5735c;
margin: 0 18px 0 0;
}
.eltd_icon_list i.circle,
.font_elegant.circle{
border-radius: 50%;
}
/* ==========================================================================
Icon List end styles
========================================================================== */
/* ==========================================================================
Progress bar shortcode start styles
========================================================================== */
.eltd_progress_bar {
position: relative;
margin: 0 0 10px;
width: 100%;
overflow: hidden;
text-align: left;
padding-right: 24px;
}
.eltd_progress_bar .progress_content_outer{
background-color: #f6f6f5;
position: relative;
overflow: hidden;
height: 16px;
}
.eltd_progress_bar .progress_content{
max-width: 100%;
overflow: hidden;
background-color: #e5735c;
height: 16px;
border: 1px solid transparent;
box-sizing: border-box;
}
.eltd_progress_bar .progress_title_holder {
position: relative;
margin: 5px 0;
}
.eltd_progress_bar .progress_title {
display: inline-block;
z-index: 100;
}
.eltd_progress_bar .floating.floating_outside .progress_number{
background-color: #e5735c;
}
.eltd_progress_bar .progress_number {
font-size: 12px;
font-weight: 400;
color: #fff;
display: inline-block;
text-align: center;
float: right;
height: 21px;
line-height: 21px;
padding-left: 8px;
padding-right: 8px;
}
.eltd_progress_bar .floating .progress_number{
position:absolute;
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
bottom: 0;
}
.eltd_progress_bar .floating.floating_inside .progress_number{
-moz-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
-ms-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
}
.eltd_progress_bar .progress_number_wrapper {
text-align: right;
position: absolute;
left: 0;
z-index: 10;
opacity: 0;
filter: alpha(opacity=0);
color: #fff;
bottom: 0;
}
.eltd_progress_bar .progress_number_wrapper.floating{
width: 100%;
height: 100%;
}
.eltd_progress_bar .progress_number.with_mark .percent:after{
content: '%';
margin-left: 0.1em;
font-size: 1em;
}
.eltd_progress_bar .progress_number_wrapper.static{
width: 100% !important;
margin-left: 0;
}
.eltd_progress_bar .progress_number_wrapper.static .progress_number{
color: #e5735c;
font-size: 14px;
}
.eltd_progress_bar .progress_number_wrapper.floating_inside .progress_number{
height: 16px;
line-height: 16px;
}
.eltd_progress_bar .progress_number_wrapper.floating_inside .progress_number .percent{
display: inline-block;
}
.eltd_progress_bar .progress_number_wrapper.floating .down_arrow{
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 3px solid #e5735c;
display: block;
position: absolute;
left: 50%;
top: 100%;
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
/* ==========================================================================
Progress bar shortcode end styles
========================================================================== */
/* ==========================================================================
Vertical progress bar shortcode start styles
========================================================================== */
.eltd_progress_bars_vertical .progress_content_outer {
height: 190px;
position: relative;
background-color: #f6f6f5;
}
.eltd_progress_bars_vertical .progress_number {
line-height: 1em;
color: #e5735c;
display: block;
position: relative;
font-size: 17px;
font-weight: 400;
margin-bottom: 10px;
}
.eltd_progress_bars_vertical .progress_number.with_mark:after{
content: '%';
margin-left: 0.1em;
font-size: 1em;
}
.eltd_progress_bars_vertical .progress_title {
margin-bottom: .3em;
margin-top: .7em;
}
.eltd_progress_bars_vertica .progress_text {
display: inline-block;
}
.eltd_progress_bars_vertical .progress_content_outer .progress_content {
display: inline-block;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background-color: #e5735c;
border: 1px solid transparent;
box-sizing: border-box;
}
/* ==========================================================================
Vertical progress bar shortcode end styles
========================================================================== */
/* ==========================================================================
Counter shortcode start styles
========================================================================== */
.eltd_counter_holder {
display: block;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity .2s ease 0s;
-moz-transition: opacity .2s ease 0s;
-o-transition: opacity .2s ease 0s;
-ms-transition: opacity .2s ease 0s;
transition: opacity .2s ease 0s;
padding: 20px 0;
}
.eltd_counter_holder.boxed_counter {
border: 1px solid #a6a6a6;
padding: 20px 40px;
background-color: transparent;
}
.eltd_counter_holder.left {
text-align: left;
}
.eltd_counter_holder.right {
text-align: right;
}
.eltd_counter_holder.center {
text-align: center;
padding: 20px 40px;
}
.eltd_counter_holder span.counter {
font-size: 40px;
line-height: 1em;
font-weight: 700;
color: #e5735c;
overflow: hidden;
display: inline-block !important;
height: 1em;
}
.eltd_counter_holder .counter_title{
margin-top: 10px;
}
.eltd_counter_holder p.counter_text {
margin: 5px 0 0 0;
color: #74797b;
}
.eltd_counter_holder .separator.medium {
margin: 10px auto 0px auto;
border-bottom: 1px solid #e5735c;
}
.wpb_column > .wpb_wrapper .eltd_counter_holder .separator.medium{
margin-bottom: 12px;
margin-top: 10px;
}
.eltd_counter_holder.left .separator.medium {
margin-left: 0;
margin-right: auto;
}
.eltd_counter_holder.right .separator.medium {
margin-left: auto;
margin-right: 0;
}
/* ==========================================================================
Counter shortcode end styles
========================================================================== */
/* ==========================================================================
Button shortcode styles
========================================================================== */
.qbutton,
.load_more a,
.blog_load_more_button a,
#submit_comment,
input.wpcf7-form-control.wpcf7-submit,
.post-password-form input[type='submit'] {
position: relative;
width: auto;
height: 46px;
line-height: 46px;
margin: 0;
border-width: 2px;
border-style: solid;
border-color: #ea8f7d;
font-size: 13px;
font-weight: 800;
font-family: inherit;
text-align: left;
color: #fff;
background-color: #e5735c;
text-decoration: none;
cursor: pointer;
outline: none;
font-style: normal;
text-transform: uppercase;
text-shadow: none;
letter-spacing: 1px;
white-space: nowrap;
-webkit-transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
-moz-transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
-ms-transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
-o-transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
-webkit-box-sizing: initial !important;
-moz-box-sizing: initial !important;
box-sizing: initial !important;
padding: 0px 20px;
display: inline-block;
vertical-align: middle;
overflow: hidden;
}
.post-password-form input[type='submit'] {
margin-top:10px;
}
.qbutton .button_icon{
line-height: inherit;
vertical-align: top;
color:inherit;
-webkit-transition: initial;
}
.qbutton:hover,
.load_more a:hover,
.blog_load_more_button a:hover,
#submit_comment:hover,
input.wpcf7-form-control.wpcf7-submit:hover,
.drop_down .wide .second ul li .qbutton:hover,
.drop_down .wide .second ul li ul li .qbutton:hover,
.post-password-form input[type='submit']:hover {
color: #fff;
background-color: #dc5d42;
border-color: #ea8f7d;
}
.qbutton.fill_text_rotate_icon:hover,
.load_more.fill_text_rotate_icon a:hover{
background-color: #e5735c;
}
.qbutton.left {
text-align: left;
}
.qbutton.right {
text-align: right;
}
.qbutton.center {
text-align: center;
}
/*----------------qbutton hover animation ---------------*/
.qbutton.animate_button .text_holder,
.qbutton.icon_right .text_holder,
.load_more.icon_right a .text_holder,
.load_more.animate_button a{
padding: 0 20px;
}
.qbutton.icon_right,
.load_more.icon_right a,
.qbutton.animate_button,
.load_more.icon_right a,
.qbutton.animate_button.transparent,
.qbutton.icon_right.transparent{
padding:0;
}
.qbutton .text_holder,
.load_more a .text_holder{
float: left;
position: relative;
line-height: inherit;
}
.qbutton .text_holder span,
.load_more a .text_holder span{
display: block;
position: relative;
height: 100%;
z-index: 2;
line-height: inherit;
}
.qbutton.icon_right .icon_holder,
.load_more.icon_right a .icon_holder{
border-left: 2px solid #ea8f7d;
margin: 0;
position: relative !important;
width: 45px !important;
display: block;
float: left;
overflow: hidden;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: border-color 0.2s ease;
-moz-transition: border-color 0.2s ease;
-ms-transition: border-color 0.2s ease;
-o-transition: border-color 0.2s ease;
transition: border-color 0.2s ease;
}
.qbutton.icon_right:hover .icon_holder,
.load_more.icon_right a:hover .icon_holder{
border-color: #ea8f7d;;
}
.qbutton.icon_right .icon_holder span,
.load_more.icon_right a .icon_holder span{
display: block;
font-size: 19px;
height: 100%;
line-height: inherit;
position: relative;
text-align: center;
width: 100%;
margin: 0px;
}
.qbutton.animate_button,
.qbutton.animate_button .icon_holder,
.qbutton.animate_button .icon_holder span,
.qbutton.animate_button .text_holder span,
.load_more.animate_button a,
.load_more.animate_button a .icon_holder,
.load_more.animate_button a .icon_holder span,
.load_more.animate_button a .text_holder span{
-webkit-transition-property: color, border-color, -webkit-transform;
transition-property: color, border-color, transform;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.qbutton.animate_button.icon_right.rotate_icon:hover .icon_holder,
.qbutton.animate_button.icon_right.rotate_text_and_icon:hover .icon_holder,
.load_more.animate_button.icon_right.rotate_icon a:hover .icon_holder,
.load_more.animate_button.icon_right.rotate_text_and_icon a:hover .icon_holder{
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.qbutton.animate_button.rotate_text_and_icon:hover .text_holder span,
.load_more.animate_button.rotate_text_and_icon a:hover .text_holder span {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.qbutton.animate_button.icon_right.fill_text_rotate_icon .icon_holder > span,
.load_more.animate_button.icon_right.fill_text_rotate_icon a .icon_holder > span{
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
display:inline-block;
}
.qbutton.animate_button.icon_right.fill_text_rotate_icon:hover .icon_holder > span,
.load_more.animate_button.icon_right.fill_text_rotate_icon a:hover .icon_holder > span{
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
.qbutton .text_holder .a_overlay,
.load_more a .text_holder .a_overlay{
display: none;
}
.qbutton.animate_button.fill_text_rotate_icon .text_holder .a_overlay,
.load_more.animate_button.fill_text_rotate_icon a .text_holder .a_overlay{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
bottom: 0;
display: block;
padding: 0;
z-index:1;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
background-color: #dc5d42;
box-sizing: border-box;
}
.qbutton.animate_button.fill_text_rotate_icon:hover .text_holder .a_overlay,
.load_more.animate_button.fill_text_rotate_icon a:hover .text_holder .a_overlay{
-webkit-transform: scale(1);
transform: scale(1);
}
.qbutton:not(.animate_button) .hidden_text,
.qbutton:not(.animate_button) .hidden_icon,
.load_more:not(.animate_button) a .hidden_text,
.load_more:not(.animate_button) a .hidden_icon{
display:none !important;
}
.qbutton.transparent.animate_button.rotate_icon .icon_holder .hidden_icon,
.load_more.transparent.animate_button.rotate_icon a .icon_holder .hidden_icon,
.qbutton.transparent.animate_button.rotate_text_and_icon .icon_holder .hidden_icon,
.load_more.transparent.animate_button.rotate_text_and_icon a .icon_holder .hidden_icon,
.qbutton.transparent.animate_button.fill_text_rotate_icon .icon_holder > span:not(.hidden_icon),
.load_more.transparent.animate_button.fill_text_rotate_icon a .icon_holder > span:not(.hidden_icon){
color: #f27055;
}
.qbutton.transparent.animate_button.rotate_text_and_icon .text_holder .hidden_text,
.load_more.transparent.animate_button.rotate_text_and_icon a .text_holder .hidden_text{
color: #f27055;
}
/* Button sizes styles
========================================================================== */
.qbutton.big_large{
height: 54px;
line-height: 54px;
font-size: 15px;
}
.qbutton.big_large_full_width{
width:100%;
height: 50px;
line-height: 50px;
font-size: 18px;
padding: 0;
text-align: center;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
}
.qbutton.big_large_full_width.qbutton_with_icon span.text_holder span {
line-height: 46px;
}
.qbutton.big_large_full_width.qbutton_with_icon .icon_holder span {
line-height: 46px;
}
.qbutton.big_large_full_width .text_holder{
box-sizing: border-box;
}
.qbutton.large {
height: 54px;
line-height: 54px;
font-size: 14px;
}
.qbutton.small {
height: 38px;
line-height: 38px;
font-size: 10px;
}
.qbutton.small.icon_right .icon_holder{
width: 38px !important;
}
.qbutton.small.icon_right .icon_holder .button_icon{
font-size: 12px;
}
.qbutton.large.icon_right .icon_holder{
width: 54px !important;
}
.qbutton.large.icon_right .icon_holder .button_icon{
font-size: 20px;
}
.qbutton.big_large.icon_right .icon_holder{
width: 54px !important;
}
.qbutton.big_large .icon_right .icon_holder .button_icon{
font-size: 22px;
}
.qbutton.big_large_full_width.icon_right .icon_holder .button_icon{
font-size: 22px;
}
.qbutton.big_large_full_width.icon_right .icon_holder{
float: right;
width: 48px !important;
}
/* Button color styles
========================================================================== */
.qbutton.transparent{
color: #464646;
border-color: #dadada;
background-color: transparent !important;
padding: 0 20px;
}
.qbutton.icon_right.transparent .icon_holder,
.load_more.icon_right.transparent a .icon_holder{
border-left-color: #dadada;
}
.qbutton.transparent:hover{
color:#464646;
background-color: transparent !important;
border-color: #dadada;
}
.qbutton.transparent.animate_button.fill_text_rotate_icon .a_overlay{
background-color: #f7f7f7;
}
/* Button with icon styles
========================================================================== */
.qbutton:not(.animate_button) .button_icon{
display: inline-block;
text-align: center;
width: 45px;
}
/*---------------------qbutton hover animations--------------------*/
/*move icon*/
.qbutton.move_icon{
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
padding:0px;
text-align:center;
width:148px;
}
.qbutton.move_icon .button_icon{
opacity: 0;
display: inline;
-webkit-transition: opacity 0.2s ease, margin 0.2s ease;
transition: opacity 0.2s ease, margin 0.2s ease;
}
.qbutton.move_icon:hover .button_icon{
opacity: 1;
}
.qbutton.move_icon.icon_right .button_icon{
margin-left: 0;
}
.qbutton.move_icon.icon_right:hover .button_icon{
margin-left: 20px;
}
.qbutton.move_icon.icon_left .button_icon{
margin-right: 0;
}
.qbutton.move_icon.icon_left:hover .button_icon{
margin-right: 20px;
}
.qbutton_with_icon .icon_mail_alt:before{
position:relative;
top:-2px;
}
/* ==========================================================================
Button end styles
========================================================================== */
/* ==========================================================================
Pie Charts and Pie Charts With Icon start styles
========================================================================== */
.eltd_pie_chart_holder,
.eltd_pie_chart_with_icon_holder{
position: relative;
display: block;
}
.eltd_percentage,
.eltd_percentage_with_icon{
position: relative;
display: block;
height: 175px;
width: 175px;
line-height: 175px;
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;
}
.eltd_percentage canvas,
.eltd_percentage_with_icon canvas{
position: absolute;
top: 0;
left: 0;
}
.eltd_percentage_with_icon i,
.eltd_percentage_with_icon span {
float: none;
margin: 0;
color: #444444;
vertical-align: middle !important;
}
.eltd_pie_chart_holder .tocounter{
position: absolute;
font-weight: 500;
font-size: 17px;
color: #444444;
line-height: 25px;
height: 25px;
display: inline-block;
top: 50%;
left: 0;
right: 0;
margin: auto;
transform: translateY(-75%);
-webkit-transform: translateY(-75%);
-moz-transform: translateY(-75%);
-ms-transform: translateY(-75%);
-o-transform: translateY(-75%);
}
.eltd_pie_chart_holder .outer_border,
.eltd_percentage_with_icon .outer_border{
position: absolute;
top: 0;
left: 0;
width: 145px;
height: 145px;
border: 2px solid #dcdcdc;
border-radius: 100%;
box-sizing: border-box;
z-index: 99;
}
.eltd_pie_chart_holder .inner_border,
.eltd_percentage_with_icon .inner_border {
position: absolute;
top: 10px;
left: 10px;
width: 125px;
height: 125px;
display: block;
border: 2px solid #dcdcdc;
border-radius: 100%;
box-sizing: border-box;
z-index: 99;
}
.eltd_percentage_with_icon i,
.eltd_percentage_with_icon span {
display: inline;
}
.eltd_pie_chart_holder .tocounter.with_mark:after{
content: '%';
font-size: 24px;
color: #e5735c;
line-height: 24px;
display: block;
padding-top: 12px;
}
.eltd_pie_chart_holder .pie_chart_text,
.eltd_pie_chart_with_icon_holder .pie_chart_text{
text-align: center;
margin: 12px 0 0;
}
.eltd_pie_chart_holder .pie_chart_text.without_title{
margin: 31px 0 0;
}
.wpb_wrapper .eltd_pie_chart_holder .pie_chart_text.without_title .separator.medium{
margin: 12px auto 20px;
}
.eltd_pie_chart_holder .pie_chart_text .pie_title,
.eltd_pie_chart_with_icon_holder .pie_chart_text .pie_title{
margin: 0 0 12px;
}
.wpb_wrapper .eltd_pie_chart_holder .pie_chart_text .separator.medium,
.wpb_wrapper .eltd_pie_chart_with_icon_holder .pie_chart_text .separator.medium{
border-bottom: 2px solid #e5735c;
margin: 12px auto;
width: 25px;
}
.eltd_pie_chart_holder .eltd_percentage .pie_title{
line-height: inherit;
}
.eltd_percentage_with_icon .eltd_icon_font_elegant {
line-height: inherit;
}
/* ==========================================================================
Pie Charts and Pie Charts With Icon end styles
========================================================================== */
/* ==========================================================================
Image With Text start styles
========================================================================== */
.image_with_text {
display: inline-block;
width: 100%;
position: relative;
}
.image_with_text img {
display: block;
margin: 0 0 22px 0;
}
.image_with_text.center {
text-align: center;
}
.image_with_text.center img {
margin: 0 auto;
}
.image_with_text.left {
text-align: left;
}
.image_with_text.left img {
margin-right: auto;
}
.image_with_text.right {
text-align: right;
}
.image_with_text.right img {
margin-left: auto;
}
/* ==========================================================================
Image With Text end styles
========================================================================== */
/* ==========================================================================
Call to action styles
========================================================================== */
.call_to_action {
position: relative;
display: block;
box-sizing: border-box;
background-color: #ffffff;
border: 2px solid #dadada;
}
.call_to_action .text_wrapper .call_to_action_text.call_to_action_custom_font_size * {
font-size:inherit;
}
.call_to_action.with_icon .text_wrapper .call_to_action_text {
padding: 0 20px 0 45px;
font-size: 17px;
color: #636363;
}
.call_to_action.with_custom_icon .text_wrapper .call_to_action_text {
padding: 0 20px 0 70px;
}
.call_to_action .text_wrapper .call_to_action_icon_holder{
position: absolute;
height: 100%;
top:0;
}
.call_to_action .text_wrapper .call_to_action_icon{
display:table;
height:100%;
}
.call_to_action .text_wrapper .call_to_action_icon_inner {
display:table-cell;
height:100%;
vertical-align:middle;
}
.call_to_action .text_wrapper .call_to_action_icon_inner .call_to_action_icon {
color: #e5735c;
font-size: 25px;
display: block;
height: auto;
}
.call_to_action .column2.button_wrapper .qbutton.small {
margin-top: 0;
}
.call_to_action .column2.button_wrapper .qbutton {
position: relative;
margin-top: 0;
}
.call_to_action .call_to_action_row_75_25.clearfix,
.call_to_action .call_to_action_row_50_50.clearfix,
.call_to_action .call_to_action_row_66_33.clearfix {
display: table;
box-sizing: border-box;
width: 100%;
}
.call_to_action .call_to_action_row_75_25>.to_action_column1 {
width: 75%;
}
.call_to_action .call_to_action_row_75_25>.to_action_column2 {
width: 25%;
}
.call_to_action .call_to_action_row_50_50>.to_action_column1,
.call_to_action .call_to_action_row_50_50>.to_action_column2 {
width: 50%;
}
.call_to_action .call_to_action_row_66_33>.to_action_column1 {
width: 66%;
}
.call_to_action .call_to_action_row_66_33>.to_action_column2 {
width: 34%;
}
.call_to_action .to_action_column2 {
text-align: right;
}
.call_to_action .to_action_cell {
display: table-cell;
vertical-align: middle;
}
.call_to_action .qbutton {
vertical-align: middle;
}
.call_to_action .qbutton .call_to_action_button_text{
float:left;
}
.call_to_action .qbutton .call_to_action_button_icon {
float: right;
line-height: inherit;
padding-left: 5px;
}
.to_action_cell.to_action_column1{
position: relative;
}
/* ==========================================================================
Parallax shortcode styles
========================================================================== */
section.section section.parallax{
margin: -50px 0px;
}
.boxed section.section section.parallax{
margin: -50px -25px;
}
.boxed .full_width .parallax_content{
width: auto;
margin: 0px;
padding: 0px 25px;
}
section.parallax_section_holder{
position: static;
padding: 0px;
background-repeat: no-repeat;
background-color: transparent;
background-position: center 0px;
background-attachment: fixed;
overflow: hidden;
}
.parallax_content{
z-index: 100;
position: relative;
}
.parallax_content.left{
text-align: left;
}
.parallax_content.center{
text-align: center;
}
.parallax_content.right{
text-align: right;
}
section.parallax_section_holder.vertical_middle_align{
display: table;
width: 100%;
}
section.parallax_section_holder.vertical_middle_align .parallax_content_outer{
display: table-cell;
height: 100%;
vertical-align: middle;
padding: 100% 0;
}
/* ==========================================================================
Separator shortcode
========================================================================== */
.separator {
position: relative;
display: block;
border-bottom: 1px solid #b2b2b2;
margin: 10px 0;
}
.separator.transparent {
border-color: transparent !important;
clear: both;
}
.separator.small,
.eltd_elements_item.horizontal_align_center .separator.small.inherit{
width: 27px;
margin: 10px auto 20px auto;
}
.separator.medium {
width: 45px;
margin: 10px auto 20px auto;
}
.wpb_column > .wpb_wrapper .separator.small {
margin-bottom: 16px;
}
.separator.small.left,
.eltd_elements_item.horizontal_align_left .separator.small.inherit{
margin: 10px 0 20px 0;
}
.separator.small.right,
.eltd_elements_item.horizontal_align_right .separator.small.inherit{
margin: 10px 0 20px auto;
}
/* ==========================================================================
End of separator shortcode
========================================================================== */
/* ==========================================================================
Separator with icon shortcode
========================================================================== */
.eltd_separator_with_icon {
position: relative;
display: block;
height:1px;
margin: 15px 0;
}
.eltd_separator_with_icon .eltd_icon_holder{
position: absolute;
text-align: center;
width: 100%;
overflow:hidden;
}
.eltd_separator_with_icon.left .eltd_icon_holder{
text-align: left;
}
.eltd_separator_with_icon.right .eltd_icon_holder{
text-align: right;
}
.eltd_separator_with_icon .eltd_separator_icon_holder{
position:relative;
display: inline-block;
line-height:1em;
}
.eltd_separator_with_icon .eltd_line_before{
content: '';
width:1000px;
position:absolute;
bottom:50%;
right: 100%;
border-bottom-color: #b2b2b2;
border-bottom-width: 1px;
margin-bottom: -0.5px;
}
.eltd_separator_with_icon .eltd_line_after{
content: '';
width:1000px;
position:absolute;
bottom:50%;
left: 100%;
border-bottom-color: #b2b2b2;
border-bottom-width: 1px;
margin-bottom: -0.5px;
}
.eltd_separator_with_icon .eltd_icon_holder .eltd_icon_shade{
background-color:transparent;
vertical-align: bottom;
overflow:visible;
}
.eltd_separator_with_icon .eltd_icon_holder .eltd_icon_shade i,
.eltd_separator_with_icon .eltd_icon_holder .eltd_icon_shade span{
color:#e5735c;
vertical-align: bottom;
}
.eltd_separator_with_icon .eltd_icon_shortcode.eltd_icon_shade {
z-index: 20;
}
.eltd_separator_with_icon.left {
margin: 10px 0 20px 0;
}
.eltd_separator_with_icon.right {
margin: 10px 0 20px auto;
}
.eltd_separator_with_icon .separator_custom_icon > img {
vertical-align: middle;
}
/*------------------Separator with text animation----------------*/
.eltd_separator_with_icon.animate_width .eltd_line_before,
.eltd_separator_with_icon.animate_width .eltd_line_after{
-webkit-transition: width 1.2s ease-in, opacity 0.1s ease-in;
transition: width 1.2s ease-in, opacity 0.1s ease-in;
opacity:0;
width:0;
}
/* ==========================================================================
End of separator with icon shortcode
========================================================================== */
.separator .eltd_icon_holder{
position: absolute;
text-align: center;
width: 100%;
}
.separator .eltd_icon_holder .eltd_icon_shade{
background-color:#fff;
}
.separator .eltd_icon_holder .eltd_icon_shade i,
.separator .eltd_icon_holder .eltd_icon_shade span{
color:#e5735c;
}
.separator .eltd_icon_shortcode.eltd_icon_shade {
z-index: 20;
}
/* ==========================================================================
End of separator shortcode
========================================================================== */
/* ==========================================================================
Content menu styles
========================================================================== */
nav.content_menu{
position: relative;
text-align: left;
display: block;
z-index: 1001;
background-color: #ffffff;
-webkit-transform: translateZ(0px);
width: 100%;
}
.container_inner nav.content_menu{
width: 1100px;
}
.container_inner nav.content_menu.fixed{
-moz-box-shadow: 0 4px 4px -4px rgba(0,0,0,0.11);
-webkit-box-shadow: 0 4px 4px -4px rgba(0,0,0,0.11);
box-shadow: 0 4px 4px -4px rgba(0,0,0,0.11);
}
nav.content_menu .logo{
position: absolute;
left: 0px;
top: 0px;
height: 100%;
box-sizing: border-box;
padding: 5px 0 5px 40px;
z-index: 100;
}
.content .content_inner > .container > .container_inner nav.content_menu .logo{
padding-left: 15px;
}
nav.content_menu .grid_section .section_inner .logo{
padding-left: 0px;
}
nav.content_menu .logo img{
height: 100%;
}
nav.content_menu .custom_widget_area{
position: absolute;
right: 0px;
top: 0px;
padding: 0px 40px 0px 0px;
height: 100%;
}
.content .content_inner > .container > .container_inner nav.content_menu .custom_widget_area{
padding-right: 15px;
}
nav.content_menu .grid_section .section_inner .custom_widget_area{
padding-right: 0px;
}
nav.content_menu .custom_widget_area_inner{
display: table;
height: 100%;
}
nav.content_menu .custom_widget_area_inner2{
display: table-cell;
vertical-align: middle;
}
nav.content_menu ul{
width: 1100px;
margin: 0px auto;
position: relative;
list-style: none outside none;
padding: 0px;
text-align: center;
-webkit-backface-visibility: hidden;
}
nav.content_menu ul li{
display: inline-block;
padding: 0px;
text-align: center;
position: relative;
-webkit-backface-visibility: hidden;
}
nav.content_menu ul li .arrow{
background-image: url("img/content_menu_arrow.png");
background-position: 0px 0px;
background-repeat: no-repeat;
display: none;
width: 11px;
height: 7px;
position: absolute;
left: 50%;
margin: -1px 0px 0px -5px;
-webkit-backface-visibility: hidden;
}
nav.content_menu.fixed ul li.active .arrow{
display: none;
}
nav.content_menu ul li a{
color: #c3c3c3;
font-size: 13px;
text-decoration: none;
display: inline-block;
position: relative;
cursor: pointer;
padding: 21px 20px;
margin: 0px;
}
nav.content_menu ul li a span{
display: block;
width: 100%;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 18px;
font-weight: 600;
}
nav.content_menu ul li i{
color: #c3c3c3;
margin: 4px 0px 12px 0px;
font-size:24px;
line-height: 1em;
display: block;
}
nav.content_menu ul li i.undefined{
display: none;
}
nav.content_menu ul li.active:hover i,
nav.content_menu ul li:hover i,
nav.content_menu ul li.active:hover a,
nav.content_menu ul li:hover a{
color: #e5735c;
}
nav.content_menu ul li.active i,
nav.content_menu ul li.active a{
color: #5d5d5d;
}
nav.content_menu .nav_select_menu{
display: none;
border: 1px solid #eaeaea;
}
nav.content_menu .nav_select_menu .nav_select_button{
cursor: pointer;
display: block;
height: 40px;
position: relative;
width: 40px;
line-height: 40px;
text-align: center;
float: right;
z-index: 100;
}
nav.content_menu .nav_select_menu ul{
display: none;
border: 0px;
width: 100%;
position: relative;
top: 0px;
text-align: left;
padding: 0px 0px 10px 0px;
float: left;
z-index: 100;
zoom:1;
}
nav.content_menu .nav_select_menu ul li{
display: block;
border: 0px;
float: none;
padding: 0px;
margin: 0px;
text-align: left;
position: relative;
-webkit-backface-visibility: hidden;
}
nav.content_menu .nav_select_menu ul li a{
line-height: 30px;
padding: 0px 15px;
}
nav.content_menu .nav_select_menu ul li a i{
width: 12px;
text-align: center;
}
.boxed nav.content_menu.fixed{
padding: 0px;
width: 1100px;
}
.right_side_menu_opened .full_width nav.content_menu.fixed{
left: -270px;
}
/* ==========================================================================
End of content menu styles
========================================================================== */
/* ==========================================================================
Image gallery
========================================================================== */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus,
.portfolio_slider .flex-container a:active,.blog_slider .flex-container a:active, .portfolio_slider .flexslider a:active,.blog_slider .flexslider a:active,
.portfolio_slider .flex-container a:focus, .portfolio_slider .flexslider a:focus,
.eltd_carousels .flex-container a:active,.blog_slider .flex-container a:focus, .blog_slider .flexslider a:focus,
.eltd_carousels .flex-container a:active, .eltd_carousels a:active, .eltd_carousels .flex-container a:focus, .eltd_carousels a:focus {
outline: 0;
}
.portfolio_slides,
.slides,
.flex-control-nav,
.flex-direction-nav,
.caroufredsel-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
.flexslider .slides>li {
background-color: transparent;
display: none;
position: relative;
margin: 0;
}
.caroufredsel_wrapper {
cursor: grab!important;
cursor: -moz-grab!important;
cursor: -webkit-grab!important;
margin: 0px!important;
}
.portfolio_slider .portfolio_slides,
.eltd_carousels .slides,
.blog_slider .blog_slides{
opacity: 0;
display: none;
}
.portfolio_slider .portfolio_slides>li,
.eltd_carousels .slides>li {
background-color: transparent;
position: relative;
margin: 0;
float: left;
}
.eltd_carousels .slides>li .carousel_item_holder_inner {
margin: 0 15px 0 15px;
}
.flexslider .slides img,
.portfolio_slider .portfolio_slides img,
.eltd_carousels .slides img {
width: 100%;
display: block;
}
.gallery_frame {
width: 100%;
height:100%;
position: absolute;
top: 0;
text-align: center;
}
.frame_holder.frame_holder3 .gallery_frame{
left: 7px;
}
.wpb_flexslider_custom.flexslider.have_frame {
width: 645px;
margin: 0 auto;
overflow: visible;
}
.wpb_flexslider_custom.flexslider.have_frame.frame4{
width: 868px;
}
.wpb_flexslider_custom.flexslider.have_frame.frame3{
width: 545px;
}
.frame_holder > .wpb_wrapper {
padding: 34px 0 102px 0;
position: relative;
}
.frame_holder.frame_holder2 > .wpb_wrapper {
padding: 48px 0 75px 0;
}
.frame_holder.frame_holder3 > .wpb_wrapper {
padding: 20px 0 190px 0;
}
.frame_holder.frame_holder4 > .wpb_wrapper {
padding: 36px 0 165px 0;
}
.slides:after,
.portfolio_slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .slides,
html[xmlns] .portfolio_slides {
display: block;
}
* html .slides,
* html .portfolio_slides {
height: 1%;
}
.no-js .slides>li:first-child,
.no-js .portfolio_slides>li:first-child {
display: block;
}
.flexslider,
.portfolio_slider {
position: relative;
zoom: 1;
}
.blog_holder article.format-gallery .flexslider {
margin: 0;
}
.portfolio_slider {
margin: 0;
width: 100.2%;
}
.blog_slider .caroufredsel-next, .portfolio_slider .caroufredsel-next{
margin-right: .2%; /* because portfolio slider has larger width then window (100.2%) */
}
.flex-viewport,
.portfolio_slider .flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
transition: all 1s ease;
direction: ltr;
}
.loading .flex-viewport {
max-height: 300px;
}
.flexslider .slides,
.portfolio_slider .portfolio_slides,
.eltd_carousels .slides {
zoom: 1;
}
.portfolio_slider .flex-direction-nav,
.flexslider .flex-direction-nav {
*height: 0;
}
.flex-direction-nav a,
.caroufredsel-direction-nav a {
position: absolute;
display: block;
top: 50%;
width: 48px;
height: 48px;
line-height: 48px;
margin: -24px 0 0;
cursor: pointer;
text-align: center;
color: #fff;
font-size: 23px;
background-color: transparent;
border: 2px solid #fff;
z-index: 110;
border-radius: 0;
-webkit-transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out, opacity 0.15s ease-out;
-moz-transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out, opacity 0.15s ease-out;
-o-transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out, opacity 0.15s ease-out;
-ms-transform: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out, opacity 0.15s ease-out;
transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out, opacity 0.15s ease-out;
-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;
}
.flex-direction-nav a span:before,
.caroufredsel-direction-nav a span:before,
body div.pp_default a.pp_next span:before,
body div.pp_default a.pp_previous span:before{
position: absolute;
top: 0;
display: block;
text-indent: 0 !important;
width: 100%;
text-align: center;
line-height: inherit;
}
body div.pp_default a.pp_next span,
body div.pp_default a.pp_previous span{
display: block;
line-height: inherit;
}
.flexslider:hover .flex-direction-nav a:hover,
.portfolio_slider:hover .caroufredsel-direction-nav a:hover {
background-color: transparent;
}
.flex-direction-nav a span,
.caroufredsel-direction-nav a span {
display: block;
line-height: inherit;
}
.flex-direction-nav a.flex-prev span.arrow_carrot-left{
direction: rtl;
}
.have_frame .flex-direction-nav a i{
display: none;
}
.flexslider .flex-next,
.portfolio_slider .caroufredsel-next,
.blog_slider .caroufredsel-next,
.full_width .section_inner .blog_slider .caroufredsel-next,
.full_width .section_inner .portfolio_slider .caroufredsel-next{
right: 20px;
}
.grid2 .blog_holder .flexslider .flex-next,
body.boxed .flexslider .flex-next,
body.boxed .portfolio_slider .caroufredsel-next,
body.boxed .blog_slider .caroufredsel-next,
body.boxed .full_width .section_inner .portfolio_slider .caroufredsel-next,
body.boxed .full_width .section_inner .blog_slider .caroufredsel-next{
right: 0;
}
.flexslider .flex-prev,
.portfolio_slider .caroufredsel-prev,
.blog_slider .caroufredsel-prev,
.full_width .section_inner .portfolio_slider .caroufredsel-prev,
.full_width .section_inner .blog_slider .caroufredsel-prev{
left: 20px;
}
.grid2 .blog_holder .flexslider .flex-prev,
body.boxed .flexslider .flex-prev,
body.boxed .portfolio_slider .caroufredsel-prev,
body.boxed .blog_slider .caroufredsel-prev,
body.boxed .full_width .section_inner .portfolio_slider .caroufredsel-prev,
body.boxed .full_width .section_inner .blog_slider .caroufredsel-prev{
left: 0;
}
.blog_holder.masonry .flexslider .flex-prev,
.blog_holder.masonry_full_width .flexslider .flex-prev,
.blog_holder.masonry .flexslider .flex-next,
.blog_holder.masonry_full_width .flexslider .flex-next{
bottom:10px;
top: auto;
width: 28px;
height: 28px;
margin-top: -14px;
line-height: 28px;
font-size: 15px;
}
.blog_holder.masonry .flexslider .flex-prev,
.blog_holder.masonry_full_width .flexslider .flex-prev{
left: auto;
right: 48px;
}
.blog_holder.masonry .flexslider .flex-next,
.blog_holder.masonry_full_width .flexslider .flex-next{
right:10px;
}
.flex-direction-nav .flex-disabled{
cursor: default;
}
/*** Flex Slider Controls (Slide and Fade) ****/
.wpb_gallery .flexslider_slide .flex-control-paging,
.wpb_gallery .flexslider_fade .flex-control-paging {
display: block;
text-align: center;
margin-top: 35px;
}
.wpb_gallery .flexslider_slide .flex-control-paging li,
.wpb_gallery .flexslider_fade .flex-control-paging li {
display: inline-block;
}
.wpb_gallery .flexslider_slide .flex-control-paging li a,
.wpb_gallery .flexslider_fade .flex-control-paging li a {
display: inline-block;
text-indent: -5000px;
width: 12px;
height: 12px;
position: relative;
margin-right: 5px;
background-color: #74797b;
border-radius: 5em;
opacity: 0.4;
filter: alpha(opacity = 40);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-style: solid;
border-width: 0;
border-color: transparent;
}
.wpb_gallery .flexslider_slide .flex-control-paging li:last-child a,
.wpb_gallery .flexslider_fade .flex-control-paging li:last-child a {
margin:0;
}
.wpb_gallery .flexslider_slide .flex-control-paging li a.flex-active,
.wpb_gallery .flexslider_fade .flex-control-paging li a.flex-active {
background-color: #e5735c;
opacity: 1;
filter: alpha(opacity = 100);
}
/*** Gallery with Frame Holder ***/
.wpb_gallery.frame_holder {
padding-bottom: 50px;
}
.wpb_gallery.frame_holder.frame_holder3 {
padding-bottom: 0;
}
.wpb_gallery.frame_holder.frame_holder4{
padding-bottom: 70px;
}
.wpb_gallery .wpb_flexslider_custom.have_frame .flex-control-nav {
bottom: -120px;
right: 50%;
transform: translateX(50%);
-ms-transform: translateX(50%);
-moz-transform: translateX(50%);
-o-transform: translateX(50%);
-webkit-transform: translateX(50%);
position: absolute;
}
.wpb_gallery .wpb_flexslider_custom.have_frame.frame2 .flex-control-nav {
bottom: -100px;
}
.wpb_gallery .wpb_flexslider_custom.have_frame.frame3 .flex-control-nav {
bottom: -160px;
}
.wpb_gallery .wpb_flexslider_custom.have_frame.frame4 .flex-control-nav{
bottom: -230px;
}
/*** End of Gallery with Frame Holder ***/
/* ==========================================================================
Pretty Photo style start
========================================================================== */
body div.pp_default .pp_top,
body div.pp_default .pp_top .pp_middle,
body div.pp_default .pp_top .pp_left,
body div.pp_default .pp_top .pp_right,
body div.pp_default .pp_bottom,
body div.pp_default .pp_bottom .pp_left,
body div.pp_default .pp_bottom .pp_middle,
body div.pp_default .pp_bottom .pp_right{
background: none;
display: none;
}
body div.pp_default .pp_content_container .pp_left, body div.pp_default .pp_content_container .pp_right{
background: none;
padding: 0px;
}
body div.pp_default .pp_expand{
display: none !important;
}
body div.pp_default .pp_content{
background: none;
margin: 0 auto;
}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_close{width:30px;height:30px;background:url(img/prettyPhoto/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(img/prettyPhoto/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(img/prettyPhoto/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(img/prettyPhoto/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:130px;position:relative; float: left;}
div.pp_default .pp_nav .currentTextHolder{font-family:inherit;color:#999;font-size:13px;left:65px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_bottom .pp_left{background:url(img/prettyPhoto/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(img/prettyPhoto/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(img/prettyPhoto/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(img/prettyPhoto/loader.gif) center center no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background-color:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:10000 !important;}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10001 !important;}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none !important;font-size:17px;z-index:9999;margin:0 0 5px 0}
div.pp_default .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details{position:relative}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}
body div.pp_overlay,
body div.pp_default .pp_content_container .pp_details{
opacity: 0.7 !important;
}
body div.pp_default a.pp_next,
body div.pp_default a.pp_previous{
position: absolute;
top: 50%;
display: block;
height: 48px;
width: 48px;
line-height: 48px;
margin: -24px 0 0;
background-image: none !important;
background-color: transparent;
font-size: 23px;
text-align: center;
text-indent: -9999px !important;
opacity: 0;
border:2px solid #fff;
color:#fff;
-webkit-transition: opacity 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
-moz-transition: opacity 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
-ms-transition: opacity 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
-o-transition: opacity 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
transition: opacity 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
-webkit-transform: translateZ(0px);
border-radius: 0;
}
body div.pp_default a.pp_next:after,
body div.pp_default a.pp_previous:after{
position: absolute;
top: 0;
left: 0%;
display: block;
color: #fff;
font-family: 'FontAwesome',serif;
text-indent: 0 !important;
width: 100%;
text-align: center;
}
body div.pp_default a.pp_next{
right: 10px;
}
body div.pp_default a.pp_previous{
left: 10px;
}
body div.pp_default a.pp_next:hover,
body div.pp_default a.pp_previous:hover{
background-color: transparent;
}
body div.pp_default .pp_content:hover a.pp_next,
body div.pp_default .pp_content:hover a.pp_previous{
opacity: 1;
}
body div.pp_default .pp_description{
float: left;
font-size: 14px;
line-height: 1.571428571428571em;
font-weight: 400;
color: #fff;
margin: 2px 0 0;
}
body div.pp_default .pp_nav .currentTextHolder{
left: auto;
position: relative;
float: left;
padding: 0px 20px;
font-size: 15px;
color: #ffffff;
font-weight: 400;
}
body .pp_gallery{
display: none !important;
}
body div.pp_default .pp_nav .pp_play,
body div.pp_default .pp_nav .pp_pause{
display: none;
}
body div.pp_default a.pp_arrow_previous,
body div.pp_default a.pp_arrow_next{
background: none;
position: relative;
left: 0px;
}
body div.pp_default a.pp_arrow_previous:after{
color: #FFFFFF;
content: "\f104";
font-family: 'FontAwesome',serif;
font-size: 20px;
height: 20px;
line-height: 20px;
text-align: center;
width: 20px;
text-indent: 0px;
position: absolute;
top: 0px;
left: 0px;
}
body div.pp_default a.pp_arrow_next:after{
color: #FFFFFF;
content: "\f105";
font-family: 'FontAwesome',serif;
font-size: 20px;
height: 20px;
line-height: 20px;
text-align: center;
width: 20px;
text-indent: 0px;
position: absolute;
top: 0px;
right: 0px;
}
body div.pp_default .pp_close{
background: none;
opacity: 1 !important;
}
body div.pp_default .pp_close:after{
color: #FFFFFF;
content: "\f00d";
font-family: 'FontAwesome',serif;
font-size: 15px;
height: 15px;
line-height: 30px;
text-align: center;
width: 30px;
text-indent: 0px;
position: absolute;
top: 0px;
left: 0px;
}
/* ==========================================================================
Pretty Photo style end
========================================================================== */
/* ==========================================================================
Video section styles
========================================================================== */
.section .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;
}
.section .video-overlay {
height: 3000px;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 11;
}
.section .video-overlay.active {
background-image: url("img/pixel-video.png");
background-position: 0px 0px;
background-repeat: repeat;
opacity: 1;
}
.section .video-wrap {
top: 0px;
left: 0px;
overflow: hidden;
position: absolute;
width: 100%;
z-index: 10;
}
.section .video-wrap .mejs-poster {
background-size: cover!important;
-moz-background-size: cover!important;
-webkit-background-size: cover!important;
-o-background-size: cover!important;
}
.section .video-wrap .mejs-container .mejs-controls {
display: none!important;
}
.section .video-wrap .mejs-controls .mejs-button button:focus {
outline: none!important;
}
.section .video-wrap .mejs-controls .mejs-time-rail .mejs-time-loaded {
background-color: rgba(255, 255, 255, 0.18) !important;
}
.section .video-wrap .mejs-container {
background-color: transparent!important;
background-image: none!important;
height: auto !important;
}
.section .video-wrap .mejs-mediaelement{
background: none !important;
border: 0px !important;
}
.section .video-wrap .mejs-container .mejs-poster img {
max-width: none!important;
width: 100%!important;
}
.section .video-wrap .mejs-controls button { opacity: 0.8; }
.section .video-wrap .mejs-controls button:hover, .mejs-controls .mejs-fullscreen-button:hover button { opacity: 1!important;}
.section .video-wrap .mejs-controls .mejs-time-rail .mejs-time-total {
background: #1f1f1f none repeat scroll 0 0 !important;
}
.section .video-wrap .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: transparent!important;
}
/* ==========================================================================
End of video section styles
========================================================================== */
/* ==========================================================================
Expandable section styles
========================================================================== */
.more_facts_outer{
position: relative;
display: block;
height:0; /* this is for preload until height of child element is set */
}
.more_facts_inner_holder{
opacity:0; /* this is for preload until height of child element is set */
}
.more_facts_inner{
display: inline-block;
width: 100%;
padding: 70px 0 0;
position: relative;
}
.more_facts_holder{
background: #494949 no-repeat center top;
}
.more_facts_button {
display: block;
position: relative;
margin: 0;
padding: 59px 0 38px;
color: #fff;
font-size: 17px;
line-height: 1.444444444444444em;
font-weight: 400;
cursor: pointer;
z-index: 90;
}
.more_facts_button:hover{
color: #8d8d8d;
}
.more_facts_button .more_facts_button_text,
.more_facts_button .more_facts_button_arrow{
display: block;
}
.more_facts_button .more_facts_button_text{
display: block;
padding: 0 0 7px;
-webkit-transition: color 0.15s ease-in-out;
-moz-transition: color 0.15s ease-in-out;
-ms-transition: color 0.15s ease-in-out;
-o-transition: color 0.15s ease-in-out;
transition: color 0.15s ease-in-out;
}
.more_facts_button .more_facts_button_arrow{
-webkit-transition: -webkit-transform 150ms ease-in-out;
-moz-transition: -moz-transform 150ms ease-in-out;
-ms-transition: -ms-transform 150ms ease-in-out;
-o-transition: -o-transform 150ms ease-in-out;
transition: transform 150ms ease-in-out;
-webkit-transition: color 0.15s ease-in-out;
-moz-transition: color 0.15s ease-in-out;
-ms-transition: color 0.15s ease-in-out;
-o-transition: color 0.15s ease-in-out;
transition: color 0.15s ease-in-out;
}
.more_facts_button .more_facts_button_arrow.rotate_arrow {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.more_facts_button_holder{
display: block;
position: relative;
}
.more_facts_button_holder.left{
text-align: left;
}
.more_facts_button_holder.center{
text-align: center;
}
.more_facts_button_holder.right{
text-align: right;
}
/* ==========================================================================
End of expandable section styles
========================================================================== */
/* ==========================================================================
Custom font styles
========================================================================== */
.custom_font_holder{
display: block;
}
.custom_font_holder > div:first-child {
display: inline;
}
.custom_font_holder span.show_in_border_box{
padding: 5px;
}
.custom_font_holder * {
line-height: inherit!important;
font-size: inherit!important;
text-decoration: inherit!important;
text-transform: inherit!important;
letter-spacing: inherit!important;
font-family: inherit!important;
font-weight: inherit!important;
font-style: inherit!important;
color: inherit!important;
}
.custom_font_holder p {
line-height: inherit !important;
font-size: inherit !important;
text-decoration: inherit !important;
text-transform: inherit !important;
letter-spacing: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
font-style: inherit !important;
color: inherit !important;
}
/* ==========================================================================
End of custom font styles
========================================================================== */
/* ==========================================================================
Typed Custom Font
========================================================================== */
.hidden_typed_holder {
opacity: 0;
}
.typed > span {
opacity: 0;
}
.typed-cursor{
opacity: 1;
font-weight: 100;
-webkit-animation: blink 0.7s infinite;
-moz-animation: blink 0.7s infinite;
-ms-animation: blink 0.7s infinite;
-o-animation: blink 0.7s infinite;
animation: blink 0.7s infinite;
}
@keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-ms-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-o-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
/* ==========================================================================
End of Typed Custom Font
========================================================================== */
/* ==========================================================================
Info Card Slider styles
========================================================================== */
.eltd-info-card-slider > div,
.eltd-info-card-slider-holder {
padding: 35px 0;
}
.eltd-info-card-slider-holder {
display: none;
opacity: 0;
}
.eltd-info-card-slider-item {
position: relative;
display: inline-block;
float: left;
margin: 0 10px;
text-align: center;
-webkit-perspective: 800;
height: 285px;
}
.eltd-info-card-slider-item:hover {
cursor: auto;
}
.eltd-info-card-slider-item .front-side,
.eltd-info-card-slider-item .back-side {
box-sizing: border-box;
position: absolute;
width: 100%;
height: 100%;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
padding: 45px 20px 30px;
}
.eltd-info-card-slider-item .front-side {
border: 2px solid #dadada;
background-color: #fff;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.eltd-info-card-slider-item .back-side {
padding: 0;
border: 2px solid #e5735c;
background-color: #e5735c;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
display:table;
}
.eltd-info-card-slider-item .back-side .back-side-inner {
padding: 0 25px;
display:table-cell;
top: 50%;
vertical-align: middle;
}
.eltd-info-card-slider-item:hover .front-side {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.eltd-info-card-slider-item:hover .back-side {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.eltd-info-card-slider-item .eltd-info-card-icon {
font-size: 55px;
color: #e5735c;
}
.eltd-info-card-slider-item .front-side h5 {
padding: 16px 0;
position: relative;
}
.eltd-info-card-slider-item .front-side h5:after {
content: '';
display: inline-block;
width: 25px;
height: 2px;
background-color: #dadada;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.eltd-info-card-slider-item .front-side p {
padding-top: 20px;
}
.eltd-info-card-slider-item .back-side p {
color: #ffffff;
}
.eltd-info-card-slider-pagination {
text-align: center;
}
.eltd-info-card-slider-pagination a {
display: inline-block;
position: relative;
width: 19px;
height: 19px;
box-sizing: border-box;
vertical-align: middle;
margin-right: 2px;
}
.eltd-info-card-slider-pagination a.selected {
margin-left: 4px;
margin-right: 6px;
}
.eltd-info-card-slider-pagination a span {
display: inline-block;
border-radius: 50%;
vertical-align: middle;
background-color: transparent;
width: 3px;
height: 3px;
border-width: 0;
position: relative;
top: -4px;
}
.eltd-info-card-slider-pagination a span:before{
content: "";
width: 3px;
height: 3px;
position: absolute;
border: 2px solid #dadada;
display: inline-block;
left: -4px;
top: -4px;
padding: 2px;
border-radius: 50%;
}
.eltd-info-card-slider-pagination a.selected span {
width: 9px;
height: 9px;
background-color: #e5735c;
}
.eltd-info-card-slider-pagination a.selected span:before {
width: 9px;
height: 9px;
border-color: #e5735c;
}
/* ==========================================================================
End of Info Card Slider styles
========================================================================== */
/* ==========================================================================
End of shortcodes styles
========================================================================== */
/* ==========================================================================
Sidebar and side menu styles
========================================================================== */
/**
* Common sidebar, side menu and widgets styles that are placed in this widget areas
*/
.container aside.sidebar {
position: relative;
z-index: 11;
}
aside.sidebar {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.side_menu .widget li{
margin: 0 0 7px;
font-family: inherit;
font-size: 14px;
color: inherit;
-webkit-transition: color 0.15s ease-out;
-moz-transition: color 0.15s ease-out;
-ms-transition: color 0.15s ease-out;
-o-transition: color 0.15s ease-out;
transition: color 0.15s ease-out;
}
.single_tags a,
aside.sidebar .widget .tagcloud a,
.widget .tagcloud a{
color: #464646;
border-width:2px;
border-style:solid;
border-color:#dadada;
padding: 0px 17px;
line-height:40px;
height:38px;
display:inline-block;
vertical-align:middle;
font-size:11px !important;
font-weight: 700;
text-transform:uppercase;
letter-spacing:1px;
-webkit-transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out;
-moz-transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out;
-ms-transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out;
-o-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;
}
.footer_top .widget .tagcloud a{
color: #dadada;
}
.single_tags a{
margin: 0 7px 5px 0;
}
aside.sidebar .widget .tagcloud a,
.widget .tagcloud a{
margin: 0 0px 3px 0;
}
.single_tags a:hover,
aside.sidebar .widget .tagcloud a:hover,
.widget .tagcloud a:hover {
color: #fff;
border-color: #e5735c;
background-color: #e5735c;
}
aside.sidebar .widget a{
color: #9d9d9d;
font-family: inherit;
line-height: 36px;
-webkit-transition: color 0.15s ease-out;
-moz-transition: color 0.15s ease-out;
-o-transition: color 0.15s ease-out;
-ms-transform: color 0.15s ease-out;
transition: color 0.15s ease-out;
}
aside.sidebar .widget a:hover {
color: #393939;
}
.side_menu .widget a:hover,
.side_menu .widget li:hover,
.side_menu .widget li:hover > a {
color: #fff;
}
aside.sidebar .widget ul,
.side_menu .widget ul{
list-style: none;
}
aside.sidebar .widget li:last-child,
.side_menu .widget li:last-child {
margin: 0;
}
aside.sidebar .widget.eltd-latest-posts-widget li {
border-bottom: none !important;
}
aside.sidebar .widget.eltd-latest-posts-widget .latest_post_holder > ul > li{
padding-top: 24px;
}
aside.sidebar .widget.eltd-latest-posts-widget .latest_post_holder > ul > li:first-child {
padding-top: 0;
}
aside.sidebar .widget.widget_recent_comments a{
color: #e5735c;
}
aside.sidebar .widget.widget_recent_comments .comment-author-link:before{
content: '\e005';
font-family: 'Simple-Line-Icons';
margin-right: 5px;
color: #464646;
}
.widget.widget_rss li a.rsswidget,
#wp-calendar caption {
color: #393939;
}
#wp-calendar th,
#wp-calendar td{
padding: 3px 4px;
}
#wp-calendar tbody td {
border: 1px solid #e6e6e6;
}
#wp-calendar td#prev{
padding: 0;
display: block;
}
#wp-calendar td#today {
color: #fff;
background-color: #e5735c;
}
#wp-calendar td#today a {
color: #fff;
}
#wp-calendar {
width: 100%;
text-align: center;
}
.widget.widget_rss li span.rss-date,
#wp-calendar caption {
margin: 0 0 15px;
}
.widget.widget_rss li {
margin: 0 0 25px;
}
.widget.widget_rss a.rsswidget {
font-size: 16px;
font-weight: 700;
line-height: 1.7em;
}
.widget.widget_rss > li a.rsswidget {
display: block;
}
.widget.widget_rss li .rss-date {
display: block;
font-size: 12px;
margin-bottom: 10px;
}
.textwidget > img {
vertical-align: middle;
}
.side_menu .qbutton .text_wrap{
color: inherit;
}
/* Sidebar styles
========================================================================== */
/**
* Sidebar specific styles
*/
aside.sidebar .widget.widget_search {
border-bottom: 0px;
padding: 0;
}
aside.sidebar .widget #searchform {
width: 100%;
box-sizing: border-box;
}
aside.sidebar .widget > h4 {
position:relative;
margin-bottom: 18px;
color:#464646;
font-size: 14px;
line-height: 24px;
letter-spacing: 0px;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
}
aside.sidebar .widget > h4:after{
position: absolute;
content: '';
left:0;
top:100%;
}
aside.sidebar .widget.posts_holder li.page_item_has_children > ul.children li:last-child,
aside.sidebar .widget.posts_holder li.menu-item-has-children > ul.sub-menu li:last-child {
border-bottom: 0;
}
aside.sidebar .widget.posts_holder li.page_item_has_children > ul.children,
aside.sidebar .widget.posts_holder li.menu-item-has-children > ul.sub-menu {
padding-left: 10px;
}
aside.sidebar .widget.posts_holder li.page_item_has_children > a,
aside.sidebar .widget.posts_holder li.menu-item-has-children > a{
display: block;
}
aside.sidebar .widget{
margin: 26px 0 0 0;
}
aside.sidebar .widget:first-child{
margin-top:0px;
}
aside.sidebar .widget:last-child{
margin-bottom:0px;
}
aside.sidebar .widget_nav_menu .sub-menu,
aside.sidebar .widget_pages .children {
margin-left: 5px;
margin-top: 6px;
}
/*Elated Blog shortcode*/
.widget.eltd-latest-posts-widget .latest_post_holder.image_in_box .latest_post{
display: table;
}
.widget.eltd-latest-posts-widget .latest_post_image{
display: table-cell;
vertical-align: middle;
width: 90px;
margin-right: 15px;
}
.widget.eltd-latest-posts-widget .latest_post_holder.image_in_box .latest_post_text{
padding-left: 0;
display: table-cell;
vertical-align: top;
width: 100%;
}
.widget.eltd-latest-posts-widget .latest_post_holder .post_info_section .date:before {
content: "\e075";
font-family: 'Simple-Line-Icons';
margin-right: 10px;
color: #464646;
}
.post_list .boxes_image > a .attachment-portfolio-square {
width: 100%;
height: auto;
}
.post_list .boxes_image:hover .boxes_shader a {
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}
/************* sticky sidebar styles *************/
.container aside.sidebar.sticky_sidebar,
aside.sidebar.sticky_sidebar{
position:fixed;
}
.sidebar.sticky_sidebar.sticky_sidebar_animate_top{
-moz-transition: top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1) 0.18s;
-o-transition: top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1) 0.18s;
-webkit-transition: top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1) 0.18s;
transition: top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1) 0.18s;
}
.widget_sticky-sidebar{
width:100%;
height:0px;
margin:0 !important;
padding:0 !important;
border:none !important;
background: transparent !important;
}
aside.sidebar{
position:relative;
}
/* Side menu styles
========================================================================== */
/**
* Side menu specific styles
*/
.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;
}
/* Side Menu Slides Over Content */
.right_side_menu_opened .wrapper,
.right_side_menu_opened footer.uncover{
left:-270px;
}
.side_menu_slide_from_right .wrapper{
background-color: #fff;
position: relative;
z-index: 1000;
-moz-transition: left 0.2s cubic-bezier(.645,.045,.355,1.000);
-o-transition: left 0.2s cubic-bezier(.645,.045,.355,1.000);
-webkit-transition: left 0.2s cubic-bezier(.645,.045,.355,1.000);
transition: left 0.2s cubic-bezier(.645,.045,.355,1.000);
-ms-transform:translateX(0,0);
-moz-transform:translateX(0,0);
-o-transform:translateX(0,0);
transform:translateX(0,0);
-webkit-transform:translateX(0,0);
}
.side_menu_slide_from_right.right_side_menu_opened .wrapper{
transform:translateX(-270px,0);
-ms-transform:translateX(-270px,0);
-moz-transform:translateX(-270px,0);
-webkit-transform:translateX(-270px,0);
-o-transform:translateX(-270px,0);
-moz-transition:left 0.2s cubic-bezier(.645,.045,.355,1.000);
-o-transition:left 0.2s cubic-bezier(.645,.045,.355,1.000);
-webkit-transition:left 0.2s cubic-bezier(.645,.045,.355,1.000);
transition:left 0.2s cubic-bezier(.645,.045,.355,1.000);
}
.side_menu_slide_from_right .carousel-inner {
-moz-transition: left 0.2s cubic-bezier(.645,.045,.355,1.000);
-o-transition: left 0.2s cubic-bezier(.645,.045,.355,1.000);
-webkit-transition: left 0.2s cubic-bezier(.645,.045,.355,1.000);
transition: left 0.2s cubic-bezier(.645,.045,.355,1.000);
}
.side_menu_slide_from_right .wrapper .cover{
z-index: 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
opacity: 0;
filter: alpha(opacity=0);
background:#000;
-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;
-webkit-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;
}
.side_menu_slide_from_right.right_side_menu_opened .wrapper .cover{
cursor: url('img/close.png'),pointer;
z-index: 1002;
opacity: 0.6;
filter: alpha(opacity=60);
-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;
-webkit-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;
}
.side_menu_slide_from_right .side_menu {
padding: 5% 30px 30px 30px;
top: 0;
right: -45%;
width: 45%;
z-index: 9999;
text-align: center;
visibility: hidden;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
-webkit-box-sizing:border-box;
box-sizing: border-box;
}
.right_side_menu_opened.side_menu_slide_from_right .side_menu {
right: 0px;
visibility: visible;
-moz-transition: right 0.2s ease-in-out;
-o-transition: right 0.2s ease-in-out;
-webkit-transition: right 0.2s ease-in-out;
transition: right 0.2s ease-in-out;
}
.side_menu_slide_from_right header.sticky,
.side_menu_slide_from_right header.fixed_top_header .top_header{
-moz-transition: left 0.2s cubic-bezier(.645,.045,.355,1.000), top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-o-transition: left 0.2s cubic-bezier(.645,.045,.355,1.000), top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-webkit-transition: left 0.2s cubic-bezier(.645,.045,.355,1.000), top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
transition: left 0.2s cubic-bezier(.645,.045,.355,1.000), top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
}
.side_menu_slide_from_right footer.uncover {
-moz-transition: left 0.2s cubic-bezier(.645,.045,.355,1.000);
-o-transition: left 0.2s cubic-bezier(.645,.045,.355,1.000);
-webkit-transition: left 0.2s cubic-bezier(.645,.045,.355,1.000);
transition: left 0.2s cubic-bezier(.645,.045,.355,1.000);
}
/* Side Menu Slides With Content */
body.side_menu_slide_with_content{
overflow-x: hidden;
position: relative;
left: 0;
-webkit-overflow-scrolling:auto !important;
}
body.side_menu_slide_with_content.side_menu_open .wrapper,
body.side_menu_slide_with_content.side_menu_open footer.uncover{
left: -470px;
}
body.side_menu_slide_with_content .wrapper{
-webkit-transition: left 0.2s ease, right 0.2s ease;
-moz-transition: left 0.2s ease, right 0.2s ease;
transition: left 0.2s ease, right 0.2s ease;
}
body.side_menu_slide_with_content .side_menu,
body.side_menu_slide_with_content,
body.side_menu_slide_with_content header.fixed,
body.side_menu_slide_with_content header.fixed_top_header .top_header,
body.side_menu_slide_with_content header.fixed_hiding,
body.side_menu_slide_with_content footer.uncover{
-webkit-transition: left 0.2s ease, right 0.2s ease;
-moz-transition: left 0.2s ease, right 0.2s ease;
transition: left 0.2s ease, right 0.2s ease;
}
body.side_menu_slide_with_content header.sticky{
-webkit-transition: left 0.2s ease, right 0.2s ease, top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-moz-transition: left 0.2s ease, right 0.2s ease, top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
transition: left 0.2s ease, right 0.2s ease, top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
}
body.side_menu_slide_with_content .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;
}
body.side_menu_slide_with_content.side_menu_open .side_menu {
right: 0;
}
.no-touch body.side_menu_slide_with_content.side_menu_open .carousel-inner:not(.relative_position){
left:-470px !important;
-webkit-transition: left 0.2s ease;
-moz-transition: left 0.2s ease;
transition: left 0.2s ease;
}
body.side_menu_slide_with_content .carousel-inner {
left:0 !important;
-webkit-transition: left 0.2s ease;
-moz-transition: left 0.2s ease;
transition: left 0.2s ease;
}
body.side_menu_slide_with_content.side_menu_open header.fixed,
body.side_menu_slide_with_content.side_menu_open header.fixed_top_header .top_header,
body.side_menu_slide_with_content.side_menu_open header.fixed_hiding,
body.side_menu_slide_with_content.side_menu_open header.sticky{
left: -470px;
-webkit-transition: left 0.2s ease;
-moz-transition: left 0.2s ease;
transition: left 0.2s ease;
}
/* width 270px start */
body.side_menu_slide_with_content.width_270.side_menu_open .wrapper,
body.side_menu_slide_with_content.width_270.side_menu_open footer.uncover{
left: -270px;
}
body.side_menu_slide_with_content.width_270 .side_menu{
width: 270px;
right: -270px;
}
body.side_menu_slide_with_content.width_270.side_menu_open .side_menu {
right: 0;
}
.no-touch body.side_menu_slide_with_content.width_270.side_menu_open .carousel-inner:not(.relative_position){
left:-270px !important;
}
body.side_menu_slide_with_content.width_270.side_menu_open header.fixed,
body.side_menu_slide_with_content.width_270.side_menu_open header.fixed_hiding,
body.side_menu_slide_with_content.width_270.side_menu_open header.sticky,
body.side_menu_slide_with_content.width_270.side_menu_open header.fixed_top_header .top_header{
left: -270px;
}
/* width 270px end */
/* width 370px start */
body.side_menu_slide_with_content.width_370.side_menu_open .wrapper,
body.side_menu_slide_with_content.width_370.side_menu_open footer.uncover{
left: -370px;
}
body.side_menu_slide_with_content.width_370 .side_menu{
width: 370px;
right: -370px;
}
body.side_menu_slide_with_content.width_370.side_menu_open .side_menu {
right: 0;
}
.no-touch body.side_menu_slide_with_content.width_370.side_menu_open .carousel-inner:not(.relative_position){
left:-370px !important;
}
body.side_menu_slide_with_content.width_370.side_menu_open header.fixed,
body.side_menu_slide_with_content.width_370.side_menu_open header.fixed_hiding,
body.side_menu_slide_with_content.width_370.side_menu_open header.sticky,
body.side_menu_slide_with_content.width_370.side_menu_open header.fixed_top_header .top_header{
left: -370px;
}
/* width 370px end */
/* Side Menu Slides With Content - End */
.side_menu h5,
.side_menu h6 {
margin: 0 0 12px 0;
color: #fff;
}
.side_menu .widget li {
position:relative;
}
.side_menu .widget ul li.page_item_has_children,
.side_menu .widget ul li.menu-item-has-children{
padding-right: 0;
border-bottom:none;
}
.side_menu .widget ul ul {
padding: 6px 0 0 10px;
}
.side_menu .widget {
margin: 0 0 30px;
}
.side_menu a:not(.qbutton),
.side_menu li,
.side_menu span,
.side_menu p,
.side_menu .widget.widget_rss li a.rsswidget,
.side_menu #wp-calendar caption,
.side_menu #wp-calendar th,
.side_menu #wp-calendar td {
color: #fff;
line-height: 24px;
-webkit-transition: color 0.15s ease-out;
-moz-transition: color 0.15s ease-out;
-o-transition: color 0.15s ease-out;
-ms-transform: color 0.15s ease-out;
transition: color 0.15s ease-out;
}
.side_menu .widget.widget_calendar a{
color:#fff;
}
.side_menu .widget.widget_calendar {
font-size: 14px;
}
.side_menu .widget_calendar thead tr,
.side_menu .widget_calendar tbody tr,
.side_menu #wp-calendar tbody td {
border-color: #9d9d9d;
}
.side_menu .side_menu_title {
display: block;
margin: 0 0 12px;
}
.side_menu h4,
.side_menu h5{
color: #fff;
}
.side_menu h4{
margin: 0 0 15px 0;
}
.side_menu .widget.widget_nav_menu li:last-child,
.side_menu .widget.widget_nav_menu li a {
margin: 0;
}
.side_menu .widget.widget_nav_menu li a{
padding: 15px 20px;
text-transform: uppercase;
display:inline-block;
vertical-align:middle;
font-size: 12px;
line-height: 15px;
letter-spacing: 1px;
font-weight: 800;
font-style: normal;
-webkit-transition: color 0.2s ease, background-color 0.2s ease;
transition: color 0.2s ease, background-color 0.2s ease;
}
.side_menu .widget.widget_nav_menu li{
margin:1px 0;
}
.side_menu .widget.widget_nav_menu li a:hover{
background-color: #e5735c;
}
.side_menu .close_side_menu_holder{
display: table;
height: 110px;
position: absolute;
top: 0px;
right: 38px;
z-index: 1000;
}
.side_menu .close_side_menu_holder_inner{
display: table-cell;
vertical-align: middle;
}
.side_menu a.close_side_menu .icon_close:before{
position:relative;
left: -1px;
}
.side_menu a.close_side_menu span{
display: inline-block;
height: 2px;
position: relative;
top: -2px;
vertical-align: middle;
width: 13px;
position: relative;
}
.side_menu a.close_side_menu {
display: inline-block;
height: 22px;
width: 23px;
z-index: 1000;
border:1px solid #fff;
-webkit-transition: border-color 0.15s ease-out;
transition: border-color 0.15s ease-out;
vertical-align:middle;
}
.side_menu a.close_side_menu:hover{
border-color: #e5735c;
}
.side_menu a.close_side_menu:hover .line:before,
.side_menu a.close_side_menu:hover .line:after{
background-color: #e5735c;
}
.side_menu a.close_side_menu .line:before,
.side_menu a.close_side_menu .line:after{
background-color: #fff;
content: "";
display: block;
height: 2px;
position: absolute;
-webkit-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
width: 13px;
z-index: 1;
-webkit-backface-visibility: hidden;
top:0;
}
.side_menu a.close_side_menu .line{
position:relative;
display:block;
}
.side_menu a.close_side_menu .line:before{
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.side_menu a.close_side_menu .line:after{
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
/*---------------------Side area uncovering -----------------------------*/
.side_area_uncovered_from_content .side_menu {
background-color: #1b1b1b;
height: 100%;
min-height: 100%;
overflow: hidden;
padding: 30px;
position: fixed;
top: 0;
right: -270px;
width: 210px;
z-index: 90;
visibility: hidden;
}
/*---------------------Side area uncovering end -----------------------------*/
/* Header and Footer widget areas styles
========================================================================== */
.header-widget.widget_nav_menu {
padding: 0 22px 0 0;
position: relative;
font-size: 13px;
}
.header-widget.widget_nav_menu ul ul {
display: none;
height: auto;
background-color: #fff;
z-index: 1010;
position: absolute;
padding: 15px 0;
border-style: solid;
border-width: 1px;
border-color: #ededed;
}
.header-widget.widget_nav_menu ul.menu > li > ul {
top: 33px;
left: 0;
}
.header-widget.widget_nav_menu ul.menu > li > ul ul {
top: 0;
left: 100%;
}
.header-widget.widget_nav_menu ul li:hover > ul {
display: block;
}
.header-widget.widget_nav_menu ul li{
list-style: none;
}
.header-widget.widget_nav_menu ul.menu > li {
display: inline-block;
float: left;
position: relative;
}
.header-widget.widget_nav_menu ul.menu li a {
display: inline-block;
padding: 0 0 0 15px;
color: #9d9d9d;
}
.header-widget.widget_nav_menu ul.menu > li.menu-item-has-children > a:after {
content: "\f107";
font-family: 'FontAwesome', sans-serif;
margin-left: 5px;
}
.header-widget.widget_nav_menu ul.menu li a:hover {
color: #e5735c;
}
.header-widget.widget_nav_menu ul.menu li ul li a {
color: #9d9d9d;
display: block;
white-space: nowrap;
font-size: 13px;
font-weight: 400;
line-height: 38px;
margin: 0 15px;
padding: 0;
border-bottom: 1px solid transparent;
}
.header-widget.widget_nav_menu ul.menu li ul li:last-child > a {
border: none;
}
.header-widget ul.menu li:last-child {
margin-right: 0;
border: none;
}
.header-widget.widget_text.header-left-widget {
border-right: 1px solid rgba(223,223,223,1);
padding-right: 15px;
box-sizing: border-box;
padding-left: 5px;
color: #464646;
}
.header-widget.widget_text.header-left-widget:first-child {
padding-left: 0;
}
.header-widget.widget_text.header-left-widget:last-child {
border-right: 0;
padding-right: 0;
}
.header-left-from-logo-widget,
.header-right-from-logo-widget{
display: block;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
padding: 0px 50px;
}
.header-right-from-logo-widget{
left: auto;
right: 0px;
}
header .container_inner .header-left-from-logo-widget,
header .container_inner .header-right-from-logo-widget{
padding: 0px;
}
.header-left-from-logo-widget-inner,
.header-right-from-logo-widget-inner{
display: table;
height: 100%;
}
.header-left-from-logo-widget-inner2,
.header-right-from-logo-widget-inner2{
display: table-cell;
height: 100%;
vertical-align: middle;
}
header.sticky .header-left-from-logo-widget,
header.sticky .header-right-from-logo-widget{
display: none;
}
.footer_top .widget.widget_nav_menu li {
margin: 0;
line-height: 22px;
}
.widget.widget_archive select,
.widget.widget_categories select,
.widget.widget_text select ,
.widget.widget_archive select option{
width: 100%;
overflow: hidden;
border: 1px solid #f5f5f4;;
font-size: 13px;
background-color: #f5f5f4;
outline: none;
color: #464646;
font-family: inherit;
padding: 9px 12px;
height: 38px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.widget #searchform,
.header-widget #searchform{
display: inline-block;
width: 90%;
overflow: hidden;
background-color: transparent;
border: 2px solid #dadada;
border-radius: 0;
vertical-align: middle;
}
.footer_top .widget #searchform {
background-color: transparent;
}
.header_top .woocommerce.widget_product_search #searchform{
display: inline-block;
vertical-align: middle;
}
.widget.widget_search form input[type="submit"],
.header_top #searchform input[type="submit"],
.header-widget #searchform input[type="submit"]{
width: 15%;
height: 38px;
line-height: 38px;
display: inline-block;
margin: 0;
padding: 0;
text-align: center;
outline: none;
border: none;
text-decoration: none;
background-color: transparent;
color: #595959;
font-family: 'ElegantIcons';
cursor: pointer;
white-space: nowrap;
float: right;
border-left: 2px solid #dadada;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
.header_top .textwidget {
-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;
}
.header_top #searchform input[type="submit"] {
width: 15%;
height: 30px;
line-height: 30px;
margin: 0;
background: none;
}
.header_top .header-widget #searchform input[type="submit"]:hover,
header.light .header_top .header-widget #searchform input[type="submit"]:hover {
color: #e6735c;
}
.widget.widget_search form .screen-reader-text,
.header_top #searchform .screen-reader-text,
.header-widget #searchform .screen-reader-text {
display: none;
}
.widget.widget_search form input[type="text"],
.header_top #searchform input[type="text"],
.header-widget #searchform input[type="text"]{
display: inline-block;
text-decoration: none;
border: 0;
outline: 0px;
color: #595959;
background-color: transparent;
font-family: inherit;
margin: 0;
padding: 2px 16px;
width:85%;
font-size: 12px;
text-transform: uppercase;
height: 38px;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.widget.widget_search form input[type="text"] {
width: 75%;
}
.footer_top .widget.widget_search form input[type="text"]{
width: 74%;
}
.widget.widget_search form input[type="submit"] {
width: 40px;
}
.header_top #searchform input[type="text"]{
height: 30px;
}
.widget.widget_search form input[type="text"]:focus,
.header_top #searchform input[type="text"]:focus,
.header-widget #searchform input[type="text"]:focus{
background: transparent;
}
.widget .tagcloud {
display:inline-block;
width:100%;
}
header .textwidget .eltd_icon_shortcode span,
header .textwidget .eltd_icon_shortcode i{
vertical-align: middle;
line-height: inherit !important;
}
/* ==========================================================================
End of sidebar and side menu styles
========================================================================== */
/* ==========================================================================
Image Gallery slider with no space
========================================================================== */
.eltd_image_gallery_no_space {
opacity: 0;
}
.eltd_image_gallery_no_space .eltd_image_gallery_holder {
overflow: hidden;
position: relative;
width: 100%;
}
.eltd_image_gallery_no_space ul {
margin: 0;
overflow: hidden;
padding: 0;
}
.eltd_image_gallery_no_space ul li {
float: left;
list-style: none outside none;
margin: 0px;
}
.eltd_image_gallery_no_space.highlight_active ul li img {
-webkit-transition: opacity 0.15s ease-out;
-moz-transition: opacity 0.15s ease-out;
-ms-transition: opacity 0.15s ease-out;
-o-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out;
}
.eltd_image_gallery_no_space.highlight_active ul li.no_opacity_animation img {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.eltd_image_gallery_no_space ul li div{
overflow: hidden;
position: relative;
}
.eltd_image_gallery_no_space ul li span.holder{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 10;
padding: 0px 10px;
box-sizing: border-box;
background-color: rgba(0, 0, 0, 0.7);
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 0.15s ease-out;
-moz-transition: opacity 0.15s ease-out;
-ms-transition: opacity 0.15s ease-out;
-o-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out;
}
.eltd_image_gallery_no_space ul li:hover span.holder{
visibility: visible;
opacity: 1;
}
.eltd_image_gallery_no_space ul li span.holder span.outer{
display: table;
position: relative;
width: 100%;
height: 100%;
}
.eltd_image_gallery_no_space ul li span.holder span.inner{
display: table-cell;
position: relative;
width: 100%;
height: 100%;
vertical-align: middle;
text-align: center;
}
.eltd_image_gallery_no_space ul li span.holder span.title{
position: relative;
display: block;
color: #ffffff;
text-transform: uppercase;
height: auto;
background: none;
border: 0px;
font-size: 19px;
line-height: 1em;
text-align: center;
}
.eltd_image_gallery_no_space ul li span.holder span.description{
position: relative;
display: block;
color: #ffffff;
font-size: 14px;
line-height: 1em;
}
.eltd_image_gallery_no_space ul li span.holder span.separator{
height: 1px;
width: 15px;
display: inline-block;
position: relative;
vertical-align: middle;
background-color: #ffffff;
margin: 15px 0px 15px 0px;
}
.eltd_image_gallery_no_space.on_hover ul li img {
-ms-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transform: scale(1);
-webkit-transition: transform 0.15s ease-out;
-moz-transition: transform 0.15s ease-out;
-ms-transition: transform 0.15s ease-out;
-o-transition: transform 0.15s ease-out;
transition: transform 0.15s ease-out;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.eltd_image_gallery_no_space.on_hover ul li:hover img {
-ms-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
.eltd_image_gallery_no_space.in_bottom_corner ul li span.holder{
position: absolute;
width: auto;
height: auto;
z-index: 10;
padding: 0px;
box-sizing: border-box;
background-color: transparent;
}
.eltd_image_gallery_no_space.in_bottom_corner.bottom_left ul li span.holder {
top: auto;
bottom: 20px;
left: 17px;
}
.eltd_image_gallery_no_space.in_bottom_corner.bottom_right ul li span.holder{
top: auto;
bottom: 20px;
left: auto;
right: 17px;
}
.eltd_image_gallery_no_space.in_bottom_corner ul li:hover span.holder{
opacity: 0;
visibility: hidden;
}
.eltd_image_gallery_no_space.in_bottom_corner ul li.active span.holder{
opacity: 1;
visibility: visible;
}
.eltd_image_gallery_no_space.in_bottom_corner.bottom_left ul li span.holder span.inner,
.eltd_image_gallery_no_space.in_bottom_corner.bottom_left ul li span.holder span.title,
.eltd_image_gallery_no_space.in_bottom_corner.bottom_left ul li span.holder span.description{
text-align: left;
}
.eltd_image_gallery_no_space.in_bottom_corner.bottom_right ul li span.holder span.inner,
.eltd_image_gallery_no_space.in_bottom_corner.bottom_right ul li span.holder span.title,
.eltd_image_gallery_no_space.in_bottom_corner.bottom_right ul li span.holder span.description{
text-align: right;
}
.eltd_image_gallery_no_space.in_bottom_corner ul li span.holder span.title,
.eltd_image_gallery_no_space.in_bottom_corner ul li span.holder span.description{
padding: 5px 10px;
box-sizing: border-box;
font-size: 14px;
margin-top: 3px;
display: inline-block;
width: auto;
background-color: #000000;
}
.eltd_image_gallery_no_space.in_bottom_corner ul li span.holder span.clear{
width: 100%;
position: relative;
display: block;
height: 0px;
}
.eltd_image_gallery_no_space.highlight_active ul li:not(.active) img {
opacity: 0.2;
}
.eltd_image_gallery_no_space.highlight_active ul li.active img {
opacity: 1!important;
}
.eltd_image_gallery_no_space.highlight_active ul li:not(.active) a {
cursor: default;
}
.eltd_image_gallery_no_space a.prettyphoto {
position: relative;
display: inline-block;
vertical-align: middle;
width: 100%;
height: 100%;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.eltd_image_gallery_no_space ul li img {
display: block;
position: relative;
width: 100%;
}
.eltd_image_gallery_no_space.full_screen_height ul li img {
width: auto;
height: 100%;
}
.eltd_image_gallery_no_space .controls {
width: 100%;
}
.eltd_image_gallery_no_space .controls a.prev-slide,
.eltd_image_gallery_no_space .controls a.next-slide {
position: absolute;
top: 50%;
display: inline-block;
height: 48px;
width: 48px;
line-height: 48px;
margin: -24px 0 0;
color: #fff;
background-color: transparent;
border-radius: 0;
border: 2px solid #fff;
font-size: 23px;
text-align: center;
vertical-align: middle;
z-index: 100;
-webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
-moz-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
-ms-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
-o-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;
}
.eltd_image_gallery_no_space .controls a.prev-slide span,
.eltd_image_gallery_no_space .controls a.next-slide span {
position: relative;
display: inline-block;
line-height: inherit;
}
.eltd_image_gallery_no_space.light .controls a.prev-slide,
.eltd_image_gallery_no_space.light .controls a.next-slide {
color: #fff;
background-color: transparent;
}
.eltd_image_gallery_no_space .controls a.prev-slide:hover,
.eltd_image_gallery_no_space .controls a.next-slide:hover {
background-color: transparent;
}
.eltd_image_gallery_no_space.light .controls a.prev-slide:hover,
.eltd_image_gallery_no_space.light .controls a.next-slide:hover {
color: #fff;
background-color: transparent;
}
.eltd_image_gallery_no_space .controls a.prev-slide{
left: 35px;
}
.eltd_image_gallery_no_space .controls a.next-slide{
right: 35px;
}
@media only screen and (max-width: 800px) {
.eltd_image_gallery_no_space .eltd_image_gallery_holder{
height: auto !important;
}
.eltd_image_gallery_no_space ul {
height: auto !important;
width: 100% !important;
}
.eltd_image_gallery_no_space ul li {
float: none;
}
.eltd_image_gallery_no_space ul li.-before,
.eltd_image_gallery_no_space ul li.-after {
display: none;
}
.eltd_image_gallery_no_space ul li div {
height: auto !important;
width: 100% !important;
}
.eltd_image_gallery_no_space ul li img {
height: auto;
width: 100%;
}
.eltd_image_gallery_no_space .controls { display: none; }
}
/* ==========================================================================
End of Image Gallery slider with no space
========================================================================== */
/* ==========================================================================
Empty Space
========================================================================== */
.vc_empty_space_inner .empty_space_image{
display: block;
height: 100%;
}
/* ==========================================================================
End of Empty Space
========================================================================== */
/* ==========================================================================
Layer slider styles
========================================================================== */
.ls-noskin .ls-nav-prev,
.ls-noskin .ls-nav-next {
position: absolute;
display: block !important;
margin: -23px 0 0;
top: 50%;
height: 47px;
width: 47px;
line-height: 47px !important;
z-index: 99;
cursor: pointer;
font-size: 28px;
color: #444444;
background-color: transparent;
border-radius: 0;
border: 2px solid #d3d3d3 !important;
opacity: 1 !important;
text-align: center;
-webkit-transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out !important;
-moz-transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out !important;
-o-transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out !important;
transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out !important;
overflow: hidden;
}
@media (max-width: 567px) {
.ls-noskin .ls-nav-prev:after,
.ls-noskin .ls-nav-next:after {
display: none;
}
}
.ls-noskin .ls-nav-prev:hover,
.ls-noskin .ls-nav-next:hover{
background-color: transparent;
border-color: #d3d3d3;
color: #e5735c;
}
.ls-noskin .ls-nav-prev{
left: 20px;
}
.ls-noskin .ls-nav-next{
right: 20px;
}
.ls-noskin .ls-nav-prev:after,
.ls-noskin .ls-nav-next:after{
position: relative;
display: block;
width: 100%;
height: 100%;
font-family: 'ElegantIcons';
}
.ls-noskin .ls-nav-prev:after {
content: "\34";
}
.ls-noskin .ls-nav-next:after {
content: "\35";
}
.ls-wp-fullwidth-helper {
left: 0px !important;
}
/* ==========================================================================
End of layer slider styles
========================================================================== */
/* ==========================================================================
WordPress plugins styles
========================================================================== */
/**
* Here are defined styles for all WordPress plugins that we gave support for
*/
/* ==========================================================================
WPML styles
========================================================================== */
/* ==========================================================================
WPML start styles
========================================================================== */
aside .widget.icl_languages_selector,
section.side_menu .widget.icl_languages_selector,
footer .widget.icl_languages_selector,
.header_top .widget.icl_languages_selector{
overflow: visible;
}
#lang_sel_list{
font-family: inherit !important;
}
.header_bottom #lang_sel_list{
font-family: 'Open-Sans', sans-serif !important;
}
.header_bottom .submenu-languages {
display: none;
}
#lang_sel img.iclflag,
.lang_sel_sel img.iclflag,
#lang_sel_list img.iclflag{
margin-right: 0px;
}
.lang_sel_sel img.iclflag{
margin-right: 6px;
}
aside .widget #lang_sel,
aside .widget #lang_sel_click,
footer #lang_sel,
footer #lang_sel_click,
.header_bottom #lang_sel,
.header_bottom #lang_sel_click{
height: 40px;
width: 100%;
}
section.side_menu #lang_sel,
section.side_menu #lang_sel_click{
width: auto;
text-align:left;
}
.header_bottom #lang_sel{
position: relative;
top: 4px;
}
aside .widget #lang_sel_list,
section.side_menu #lang_sel_list,
footer #lang_sel_list,
.header_top #lang_sel,
.header_top #lang_sel_click,
.header_top #lang_sel_list,
.header_bottom #lang_sel_list{
display: inline-block;
height: auto;
}
.header_top #lang_sel,
.header_top #lang_sel_click{
position: relative;
height: 36px;
float: left;
padding: 0;
z-index: 111;
}
aside.sidebar #lang_sel_click li,
section.side_menu #lang_sel_click li{
margin: 0;
}
.header_top #lang_sel_list{
width: auto !important;
}
.header_top #lang_sel li,
.header_top #lang_sel ul ul{
width: 90px !important;
}
#lang_sel li{
width: 90px !important;
}
aside .widget #lang_sel_list ul,
section.side_menu #lang_sel_list ul,
footer #lang_sel_list ul,
.header_top #lang_sel_list ul,
.header_bottom #lang_sel_list ul{
display: inline-block;
top: 0 !important;
height: auto !important;
border: none !important;
vertical-align: middle;
}
.header_top #lang_sel>ul{
display: table;
}
.header_top #lang_sel>ul>li{
float:none;
display: table-cell;
vertical-align: middle;
}
aside .widget #lang_sel > ul > li,
aside .widget #lang_sel_click > ul > li,
section.side_menu #lang_sel > ul > li,
section.side_menu #lang_sel_click > ul > li,
footer #lang_sel > ul > li,
footer #lang_sel_click > ul > li,
.header_bottom #lang_sel > ul > li,
.header_bottom #lang_sel_click > ul > li{
line-height: 36px;
}
aside .widget #lang_sel > ul > li,
aside .widget #lang_sel_click > ul > li{
background-color: #fff;
}
aside .widget #lang_sel_list.lang_sel_list_horizontal > ul > li,
.header_bottom #lang_sel_list.lang_sel_list_horizontal > ul > li,
section.side_menu #lang_sel_list.lang_sel_list_horizontal > ul > li,
footer #lang_sel_list.lang_sel_list_horizontal > ul > li,
.header_top #lang_sel_list > ul > li{
margin: 0 15px 0 0 !important;
}
.vertical_menu_area #lang_sel ul li{
width: 100%;
}
aside .widget #lang_sel_list.lang_sel_list_horizontal > ul > li:last-child,
section.side_menu #lang_sel_list.lang_sel_list_horizontal > ul > li:last-child,
footer #lang_sel_list.lang_sel_list_horizontal > ul > li:last-child,
.header_top #lang_sel_list > ul > li:last-child{
margin: 0 !important;
}
aside .widget #lang_sel ul li a,
aside .widget #lang_sel_click ul li a,
section.side_menu #lang_sel ul li a,
section.side_menu #lang_sel_click ul li a,
footer #lang_sel ul li a,
footer #lang_sel_click ul li a,
.header_top #lang_sel ul li a,
.header_top #lang_sel_click ul li a{
position: relative;
display: block;
font-weight: 400;
height: auto;
line-height: 20px !important;
margin: 0px !important;
padding: 8px 20px !important;
cursor: pointer;
background: none !important;
-webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
-moz-transition: color 0.15s ease-out, background-color 0.15s ease-out;
-o-transition: color 0.15s ease-out, background-color 0.15s ease-out;
-ms-transition: color 0.15s ease-out, background-color 0.15s ease-out;
transition: color 0.15s ease-out, background-color 0.15s ease-out;
}
.header_bottom #lang_sel ul li a,
.header_bottom #lang_sel_click > ul > li a{
position: relative;
display: block;
font-weight: 400;
height: auto;
line-height: 20px !important;
margin: 0px !important;
padding: 8px 20px !important;
cursor: pointer;
background: none !important;
font-size: 16px !important;
-webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
-moz-transition: color 0.15s ease-out, background-color 0.15s ease-out;
-o-transition: color 0.15s ease-out, background-color 0.15s ease-out;
-ms-transition: color 0.15s ease-out, background-color 0.15s ease-out;
transition: color 0.15s ease-out, background-color 0.15s ease-out;
}
.header_bottom #lang_sel ul ul a,
.header_bottom #lang_sel_click ul ul a{
font-size:14px !important;
}
.header_bottom #lang_sel{
height:auto;
}
aside .widget #lang_sel ul li a,
aside .widget #lang_sel_click ul li a,
section.side_menu #lang_sel ul li a,
section.side_menu #lang_sel_click ul li a,
footer #lang_sel ul li a,
footer #lang_sel_click ul li a{
font-size: 16px !important;
}
.header_top #lang_sel ul li a,
.header_top #lang_sel_click ul li a{
font-size: inherit !important;
}
aside .widget #lang_sel ul li a,
aside .widget #lang_sel_click ul li a,
.header_bottom #lang_sel ul li a,
.header_bottom #lang_sel_click > ul > li a{
color: #000 !important;
border: none !important;
}
.header_bottom #lang_sel ul li li a,
.header_bottom #lang_sel_click ul li ul li a{
color: #b5b5b5 !important;
}
.header_bottom #lang_sel ul li li a:hover,
.header_bottom #lang_sel_click ul li ul li a:hover{
color: #fff !important;
}
section.side_menu #lang_sel ul li a,
section.side_menu #lang_sel_click ul li a,
footer #lang_sel ul li a,
footer #lang_sel_click ul li a{
color: #a2a2a2 !important;
border: none !important;
}
section.side_menu #lang_sel > ul > li:hover > a,
section.side_menu #lang_sel_click > ul > li:hover > a,
footer #lang_sel > ul > li:hover > a,
footer #lang_sel_click > ul > li:hover > a{
color: #fff !important;
border: none !important;
}
.footer_bottom_holder #lang_sel > ul > li:hover > a,
.footer_bottom_holder #lang_sel_click > ul > li:hover > a{
color: #000 !important;
border: none !important;
}
.footer_bottom_holder #lang_sel ul li a,
.footer_bottom_holder #lang_sel_click ul li a{
color: #a2a2a2 !important;
border: none !important;
}
.header_top #lang_sel ul li a,
.header_top #lang_sel_click ul li a{
color: #464646 !important;
border: 0 !important;
}
aside .widget #lang_sel > ul > li > a:after,
aside .widget #lang_sel_click > ul > li > a:after,
section.side_menu #lang_sel > ul > li > a:after,
section.side_menu #lang_sel_click > ul > li > a:after,
footer #lang_sel > ul > li > a:after,
footer #lang_sel_click > ul > li > a:after,
.header_top #lang_sel > ul > li > a:after,
.header_top #lang_sel_click > ul > li > a:after,
.header_bottom #lang_sel > ul > li > a:after,
.header_bottom #lang_sel_click > ul > li > a:after{
font-family: 'ElegantIcons';
font-size: 16px;
content: '\33';
position: absolute;
top: 9px;
right: 14px;
}
.header_top #lang_sel > ul > li > a:after,
.header_top #lang_sel_click > ul > li > a:after{
top: -1px;
}
.header_top #lang_sel ul li a,
.header_top #lang_sel_click ul li a{
height: 36px !important;
line-height: 36px !important;
padding: 0 15px !important;
z-index: 2500;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
}
aside .widget #lang_sel_list a,
section.side_menu #lang_sel_list a,
footer #lang_sel_list a,
.header_top #lang_sel_list a,
.header_bottom #lang_sel_list a{
display: block;
font-size: 16px !important;
color: #a2a2a2 !important;
height: auto;
line-height: 36px !important;
margin: 0px !important;
padding: 0 !important;
border: 0 !important;
cursor: pointer;
background: none !important;
}
.header_bottom #lang_sel_list a{
line-height: 22px !important;
}
.header_top #lang_sel_list ul li,
.header_top #lang_sel_list ul li a{
display: inline-block !important;
width: auto !important;
float: left !important;
}
.header_top #lang_sel_list a{
line-height: 33px !important;
}
aside .widget #lang_sel_list ul li a.lang_sel_sel,
aside .widget #lang_sel_list ul li:hover > a,
.header_bottom #lang_sel_list ul li a.lang_sel_sel,
.header_bottom #lang_sel_list ul li:hover > a{
color: #000 !important;
}
aside .widget #lang_sel > ul > li:hover > a,
aside .widget #lang_sel_click > ul > li:hover > a,
.header_bottom #lang_sel ul > li:hover > a,
.header_bottom #lang_sel_click > ul > li:hover a,
.footer_bottom_holder #lang_sel_list ul li a.lang_sel_sel,
.footer_bottom_holder #lang_sel_list ul li:hover > a{
color: #000 !important;
border: none !important;
}
section.side_menu #lang_sel_list ul li a.lang_sel_sel,
section.side_menu #lang_sel_list ul li:hover > a,
footer #lang_sel_list ul li a.lang_sel_sel,
footer #lang_sel_list ul li:hover > a{
color: #fff !important;
}
.header_top #lang_sel_list ul li a.lang_sel_sel,
.header_top #lang_sel_list ul li:hover > a{
color: #000 !important;
}
aside .widget #lang_sel ul ul,
aside .widget #lang_sel_click ul ul,
footer #lang_sel ul ul,
footer #lang_sel_click ul ul,
section.side_menu #lang_sel ul ul,
section.side_menu #lang_sel_click ul ul,
.header_bottom #lang_sel ul ul,
.header_bottom #lang_sel_click ul ul{
width: 100%;
height: auto;
top: 36px;
left: 0;
padding: 0 !important;
margin: 0;
border: none !important;
z-index: 2;
}
footer #lang_sel ul ul,
footer #lang_sel_click ul ul,
.header_bottom #lang_sel ul ul,
.header_bottom #lang_sel_click ul ul
aside .widget #lang_sel ul ul,
aside .widget #lang_sel_click ul ul,
section.side_menu #lang_sel ul ul,
section.side_menu #lang_sel_click ul ul{
background-color: #fff;
}
.header_bottom #lang_sel ul ul,
.header_bottom #lang_sel_click ul ul{
background-color: #000;
}
.header_top #lang_sel ul ul,
.header_top #lang_sel_click ul ul{
position: absolute;
height: auto;
top: 36px;
left: 0;
border: 0;
z-index: 1000;
background-color: #000;
padding: 0 0 3px !important;
}
aside .widget #lang_sel ul ul a,
aside .widget #lang_sel_click ul ul a,
.header_bottom #lang_sel ul ul a,
.header_bottom #lang_sel_click ul ul a{
border: none !important;
padding: 8px 20px !important;
}
.header_top #lang_sel > ul > li > ul li:first-child,
.header_top #lang_sel_click > ul > li > ul li:first-child,
.header_bottom #lang_sel > ul > li > ul li:first-child,
.header_bottom #lang_sel_click > ul > li li:first-child{
margin-top: 15px;
}
.header_top #lang_sel > ul > li > ul li:last-child,
.header_top #lang_sel_click > ul > li > ul li:last-child,
.header_bottom #lang_sel > ul > li > ul li:last-child,
.header_bottom #lang_sel_click > ul > li li:last-child{
margin-bottom: 15px;
}
aside .widget #lang_sel ul:hover ul a,
aside .widget #lang_sel_click ul:hover ul a,
.header_bottom #lang_sel ul:hover ul a,
.header_bottom #lang_sel_click ul:hover ul a{
border: none !important;
}
footer #lang_sel ul ul a,
footer #lang_sel_click ul ul a,
section.side_menu #lang_sel ul ul a,
section.side_menu #lang_sel_click ul ul a{
color: #000 !important;
border: none !important;
}
.header_top #lang_sel ul ul a,
.header_top #lang_sel_click ul ul a{
color: #a2a2a2 !important;
border: 0 !important;
}
footer #lang_sel ul ul a,
footer #lang_sel_click ul ul a,
section.side_menu #lang_sel ul ul a,
section.side_menu #lang_sel_click ul ul a{
padding: 8px 20px !important;
}
footer #lang_sel ul ul a span,
footer #lang_sel_click ul ul a span,
section.side_menu #lang_sel ul ul a span,
section.side_menu #lang_sel_click ul ul a span{
color: #a2a2a2 !important;
-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;
}
aside .widget #lang_sel ul ul a:hover,
aside .widget #lang_sel_click ul ul a:hover,
.footer_bottom_holder #lang_sel ul ul a:hover span,
.footer_bottom_holder #lang_sel_click ul ul a:hover span,
.footer_bottom_holder #lang_sel ul ul a:hover,
.footer_bottom_holder #lang_sel_click ul ul a:hover{
color: #000 !important;
}
footer #lang_sel ul ul a:hover,
footer #lang_sel_click ul ul a:hover,
section.side_menu #lang_sel ul ul a:hover,
section.side_menu #lang_sel_click ul ul a:hover,
footer #lang_sel ul ul a:hover span,
footer #lang_sel_click ul ul a:hover span,
section.side_menu #lang_sel ul ul a:hover span,
section.side_menu #lang_sel_click ul ul a:hover span{
color: #000 !important;
}
.header_top #lang_sel > ul > li:hover > a,
.header_top #lang_sel_click > ul > li:hover > a{
color: #000 !important;
}
.header_top #lang_sel ul ul a:hover,
.header_top #lang_sel_click ul ul a:hover{
color: #fff !important;
}
#lang_sel ul ul a img,
#lang_sel_click ul ul a img{
margin-right:6px !important;
}
footer #lang_sel ul ul a span,
footer #lang_sel_click ul ul a span{
line-height: normal !important;
}
/* ==========================================================================
WPML end styles
========================================================================== */
/* ==========================================================================
End of WPML styles
========================================================================== */
/* ==========================================================================
End of WordPress plugins styles
========================================================================== */
/* ==========================================================================
Footer styles
========================================================================== */
/**
* Here are defined footer styles for all it's types, typography and widgets
*/
footer{
display: block;
width: 100%;
margin: 0px auto;
z-index: 100;
position: relative;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
}
footer.footer_overlapped{
z-index: 99; /* overlapping content over footer, content's z-index needs to be higher than footer's */
}
footer.uncover{
position: fixed;
bottom: 0px;
left: 0px;
z-index: 99;
-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);
/* -webkit-backface-visibility: hidden; disabled because of parallax sections with 0 speed */
}
footer.uncover .cf7_custom_style_2 input.wpcf7-form-control.wpcf7-text,
footer.uncover .cf7_custom_style_2 input.wpcf7-form-control.wpcf7-number,
footer.uncover .cf7_custom_style_2 input.wpcf7-form-control.wpcf7-date,
footer.uncover .cf7_custom_style_2 textarea.wpcf7-form-control.wpcf7-textarea,
footer.uncover .cf7_custom_style_2 select.wpcf7-form-control.wpcf7-select,
footer.uncover .cf7_custom_style_2 input.wpcf7-form-control.wpcf7-quiz{
transform: none;
}
.boxed footer{
width: 100% !important;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
}
footer.disable_footer{
display: none;
}
.right_side_menu_opened footer.uncover{
left: -270px;
}
footer .footer_inner{
position: relative; /* for triangle back to top and ajax transitions */
}
footer .container{
background-color: inherit;
}
footer .container_inner{
position: relative;
}
footer .container_inner > .widget{
text-align: center;
}
footer a{
text-decoration: none;
}
.footer_top_border_holder,
.footer_bottom_border_holder{
position: relative;
display: block;
width: 100%;
}
.footer_top_border_holder.in_grid,
.footer_bottom_border_holder.in_grid{
width: 1100px;
margin: 0 auto;
}
.footer_top_holder{
display: block;
background-color: #393939;
position:relative;
background-position:center center;
background-size: cover;
}
.footer_ingrid_border_holder_outer{
background-color: #393939;
}
.footer_top .container_inner{
padding: 82px 0px 76px;
}
.footer_top .widget h4{
color: #fff;
margin: 0 0 15px;
}
.footer_top ul{
list-style: none;
}
.footer_top a,
.footer_top p,
.footer_top li,
.footer_top .textwidget,
.footer_top .widget_recent_entries > ul > li > span{
color: #a2a2a2;
word-wrap: break-word;
}
.footer_top a:hover{
color: #fff;
}
.footer_top a img{
vertical-align: middle;
}
footer.footer_border_columns .footer_top .eltd_column {
border-left: 1px solid #444;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
footer.footer_border_columns .eltd_column:first-child {
border: none;
}
footer.footer_border_columns .eltd_column > .column_inner {
padding: 0 50px;
}
.footer_top .widget.widget_rss li a.rsswidget,
.footer_top #wp-calendar caption{
color: #8d8d8d;
}
.footer_top .widget_recent_entries > ul > li,
.footer_top .widget_recent_comments > ul > li,
.footer_top .widget_meta > ul > li,
.footer_top .widget_nav_menu ul li,
.footer_top .widget_pages ul li {
padding: 0px;
position: relative;
}
.footer_top .widget_nav_menu ul li ul,
.footer_top .widget_pages ul li ul{
padding: 0 0 0 10px;
}
.footer_top .widget_recent_entries > ul > li > a,
.footer_top .widget_pages > ul > li > a,
.footer_top .widget_meta > ul > li > a,
.footer_top .widget_nav_menu ul li a,
.footer_top .widget_recent_comments > ul > li > a,
.footer_top .widget_recent_entries > ul > li > span{
display: inline-block;
}
.footer_bottom_holder{
display: table;
width: 100%;
background-color: #f6f6f6;
vertical-align: middle;
text-align: center;
height: 65px;
box-sizing: border-box;
}
.footer_bottom_holder_inner{
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.footer_bottom_holder .column_inner{
text-align: center;
vertical-align: middle;
}
.footer_bottom_holder .three_columns .column1 .column_inner{
text-align: left;
}
.footer_bottom_holder .three_columns .column2 .column_inner{
text-align: center;
}
.footer_bottom_holder .three_columns .column3 .column_inner{
text-align: right;
}
.footer_bottom_holder .two_columns_50_50 .column1 .column_inner{
text-align: left;
}
.footer_bottom_holder .two_columns_50_50 .column2 .column_inner{
text-align: right;
}
.footer_bottom_border_bottom_holder{
clear: both;
}
.footer_bottom_holder p,
.footer_bottom_holder span,
.footer_bottom_holder ul li a{
margin: 0px;
color: #393939;
}
.footer_bottom_holder .qbutton .text_holder > span,
.footer_bottom_holder .qbutton .icon_holder > span {
color: #fff;
}
.footer_bottom_holder ul li a{
line-height: 44px;
}
footer .widget_calendar table thead tr, footer .widget_calendar table tbody tr, footer #wp-calendar tbody td {
border-color: #a2a2a2;
}
.footer_bottom_holder ul {
list-style: none;
}
.footer_bottom_holder ul .sub-menu {
display: none;
}
.footer_bottom_holder ul li {
display: inline-block;
margin-right: 30px;
}
.footer_bottom_holder ul li:last-child {
margin-right: 0;
}
.eltd_font_elegant_icon {
font-family: 'ElegantIcons' !important;
}
.eltd_icon_shortcode .fa{
font-family: 'fontawesome' !important;
}
.eltd_instagram_feed {
list-style-type: none;
margin-left: -5px;
margin-right: -5px;
}
.eltd_instagram_feed li {
float: left;
padding: 0 5px;
margin-bottom: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.eltd_instagram_feed li img {
display: block;
}
.eltd_instagram_feed.col_9 li {
width: 11.11111111111111%;
}
.eltd_instagram_feed.col_6 li {
width: 16.66666666666667%;
}
.eltd_instagram_feed.col_4 li {
width: 25%;
}
.eltd_instagram_feed.col_3 li {
width: 33.33%;
}
.eltd_instagram_feed.col_2 li {
width: 50%;
}
/* ==========================================================================
End of footer styles
========================================================================== */
/* ==========================================================================
Contact form 7 styles
========================================================================== */
.wpcf7{
font-family: 'Open-Sans', sans-serif;
}
input.wpcf7-form-control.wpcf7-text,
input.wpcf7-form-control.wpcf7-number,
input.wpcf7-form-control.wpcf7-date,
textarea.wpcf7-form-control.wpcf7-textarea,
select.wpcf7-form-control.wpcf7-select {
width: 100%;
}
input.wpcf7-form-control.wpcf7-text,
input.wpcf7-form-control.wpcf7-number,
input.wpcf7-form-control.wpcf7-date,
textarea.wpcf7-form-control.wpcf7-textarea,
select.wpcf7-form-control.wpcf7-select,
input.wpcf7-form-control.wpcf7-quiz {
padding: 10px 17px;
border: 1px solid #e9e9e9;
outline: 0;
resize: none;
font-family: inherit;
line-height: 18px;
background-color: #f6f6f5;
color: #7f8385;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
border-radius: 0;
}
span.wpcf7-not-valid-tip{
font-size: 14px;
text-align: left;
position: relative;
}
textarea.wpcf7-form-control.wpcf7-textarea{
padding: 15px 17px;
overflow: hidden;
vertical-align: middle;
}
input.wpcf7-form-control.wpcf7-text:focus,
input.wpcf7-form-control.wpcf7-number:focus,
input.wpcf7-form-control.wpcf7-date:focus,
textarea.wpcf7-form-control.wpcf7-textarea:focus,
select.wpcf7-form-control.wpcf7-select:focus,
input.wpcf7-form-control.wpcf7-quiz:focus{
color: #7f8385;
border-color: #e5735c;
}
input.wpcf7-form-control.wpcf7-quiz {
margin-left: 15px;
}
span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox input[type="checkbox"],
span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-radio input[type="radio"] {
position: relative;
top: 2px;
}
span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox input[type="checkbox"] {
margin-left: 5px;
}
input.wpcf7-form-control.wpcf7-range {
width: 100%;
}
div.wpcf7-response-output {
position: relative;
padding: 17px 30px 17px 55px;
color: #fff;
text-transform: uppercase;
font-weight: 500;
margin-left: 0;
margin-right: 0;
font-weight: 500;
font-size: 15px;
text-transform: uppercase;
letter-spacing: 1px;
border: none;
}
div.wpcf7-response-output:before {
font-family: 'FontAwesome', sans-serif;
width: 20px;
height: 20px;
display: inline-block;
color: #fff;
position: absolute;
left: 25px;
}
div.wpcf7-response-output.wpcf7-mail-sent-ok {
background-color: #a8ba53;
}
div.wpcf7-response-output.wpcf7-mail-sent-ok:before {
content: "\f087";
}
div.wpcf7-response-output.wpcf7-validation-errors {
background-color: #e44141;
}
div.wpcf7-response-output.wpcf7-validation-errors:before {
content: "\f12a";
}
div.wpcf7 img.ajax-loader{
margin-left: -20px;
display:none;
}
.wpcf7 .two_columns_66_33 .column_inner,
.wpcf7 .two_columns_75_25 .column_inner{
padding: 0 10px 0 0;
}
.two_columns_form_without_space,
.three_columns_form_without_space {
display:table;
width:100%;
table-layout: fixed;
}
.two_columns_form_without_space .column_left,
.three_columns_form_without_space .column_left {
display: table-cell;
vertical-align: middle;
}
.three_columns_form_without_space .column_center {
display: table-cell;
vertical-align: middle;
}
.two_columns_form_without_space .column_right,
.three_columns_form_without_space .column_right {
display: table-cell;
width: 1%;
text-align: left;
vertical-align: middle;
}
.two_columns_form_with_space,
.three_columns_form_with_space {
display:table;
width:100%;
table-layout: fixed;
}
.two_columns_form_with_space .column_left,
.three_columns_form_with_space .column_left {
display: table-cell;
vertical-align: top;
padding-right: 5px;
}
.three_columns_form_with_space .column_center {
display: table-cell;
vertical-align: top;
padding-right: 5px;
padding-left: 5px;
}
.two_columns_form_with_space .column_right,
.three_columns_form_with_space .column_right {
display: table-cell;
width: 1%;
vertical-align: top;
padding-left: 5px;
}
.two_columns_form_without_space .column_25,
.three_columns_form_without_space .column_25,
.two_columns_form_with_space .column_25,
.three_columns_form_with_space .column_25{
width:25%;
}
.two_columns_form_without_space .column_33,
.three_columns_form_without_space .column_33,
.two_columns_form_with_space .column_33,
.three_columns_form_with_space .column_33{
width:33.33%;
}
.two_columns_form_without_space .column_50,
.three_columns_form_without_space .column_50,
.two_columns_form_with_space .column_50,
.three_columns_form_with_space .column_50{
width:50%;
}
.two_columns_form_without_space .column_66,
.three_columns_form_without_space .column_66,
.two_columns_form_with_space .column_66,
.three_columns_form_with_space .column_66{
width:66.66%;
}
.two_columns_form_without_space .column_75,
.three_columns_form_without_space .column_75,
.two_columns_form_with_space .column_75,
.three_columns_form_with_space .column_75{
width:75%;
}
span.wpcf7-form-control-wrap:after{
position: absolute;
content: "\e05f";
font-family: 'Simple-Line-Icons';
right: 18px;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size:19px;
}
span.wpcf7-form-control-wrap.first-name:after{
content:"\e005";
}
span.wpcf7-form-control-wrap.email:after{
content:"\e086";
}
span.wpcf7-form-control-wrap.subject:after{
content: "\e076";
}
span.wpcf7-form-control-wrap.message{
display: block;
}
span.wpcf7-form-control-wrap.message:after{
content: "\e05f";
top: 18px;
transform: none;
}
/* ==========================================================================
End Contact form 7 styles
========================================================================== */
/* ==========================================================================
Full Screen styles
========================================================================== */
.full_screen_holder{
position: relative;
display: block;
z-index: 100;
}
.full_screen_inner{
height: 100%;
position: relative;
/* Touch detection for Windows 8 */
-ms-touch-action: none;
/* IE 11 on Windows Phone 8.1*/
touch-action: none;
visibility: hidden;
}
.fp-section {
position: relative;
-webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
-moz-box-sizing: border-box; /* <=28 */
box-sizing: border-box;
margin: 0 !important;
}
.fp-slide {
float: left;
}
.fp-slide, .fp-slidesContainer {
height: 100%;
display: block;
}
.fp-slides {
z-index:1;
height: 100%;
overflow: hidden;
position: relative;
-webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
transition: all 0.3s ease-out;
}
.fp-section.fp-table,
.fp-slide.fp-table {
display: table;
width: 100%;
}
.fp-tableCell {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
}
.fp-slidesContainer {
float: left;
position: relative;
}
.fp-controlArrow {
position: absolute;
z-index: 4;
top: 50%;
cursor: pointer;
width: 0;
height: 0;
border-style: solid;
margin-top: -28px;
}
.content.content_top_margin .fp-controlArrow{
margin-top: -78px;
}
.fp-controlArrow.fp-prev {
left: 15px;
width: 0;
border-width: 28.5px 24px 28.5px 0;
border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
right: 15px;
border-width: 28.5px 0 28.5px 24px;
border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
overflow: scroll;
}
.fp-easing {
-webkit-transition: all 0.7s ease-out; /* Safari<=6 Android<=4.3 */
transition: all 0.7s ease-out;
}
.vertical_menu_enabled .full_screen_holder{
padding-left: 290px;
}
.vertical_menu_enabled.vertical_menu_width_350 .full_screen_holder{
padding-left: 350px;
}
.vertical_menu_enabled.vertical_menu_width_400 .full_screen_holder{
padding-left: 400px;
}
.boxed.vertical_menu_enabled .full_screen_holder{
padding-left: 0;
}
@media only screen and (max-width: 1000px){
.vertical_menu_enabled .full_screen_holder,
.vertical_menu_enabled.vertical_menu_width_350 .full_screen_holder,
.vertical_menu_enabled.vertical_menu_width_400 .full_screen_holder{
padding-left: 0 !important;
padding-right: 0 !important;
}
}
.full_screen_navigation_holder{
position: fixed;
left: 0;
bottom: 45px;
width: 100%;
display: block;
text-align: center;
z-index: 10000;
visibility: hidden;
}
.full_screen_navigation_inner{
position: relative;
display: inline-block;
vertical-align: middle;
}
.full_screen_navigation_inner a{
display: inline-block;
vertical-align: middle;
color: #efe0c6;
font-size: 50px;
line-height: 1em;
-webkit-transition: opacity 0.15s ease-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-moz-transition: opacity 0.15s ease-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-ms-transition: opacity 0.15s ease-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-o-transition: opacity 0.15s ease-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out;
transition: opacity 0.15s ease-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.full_screen_navigation_inner a:hover{
color: #eac786;
}
.full_screen_navigation_inner span{
font-size: inherit;
color: inherit;
line-height: inherit;
}
.full_screen_preloader{
position: absolute;
height: 1200px;
width: 100%;
display: block;
background-color: #1c1c1c;
z-index: 10001;
}
.full_screen_preloader .ajax_loader{
display: block !important;
}
.full_screen_sections_video{
position: absolute;
left: 0;
bottom: 0;
top:0;
right:0;
width: 100%;
height: 100%;
z-index: 10;
background-size: 100% 100%;
background-color: #000; /* in case the video doesn't fit the whole page*/
background-position: center center;
background-size: contain;
object-fit: cover; /*cover video background */
}
@media only screen and (min-width: 1000px){
.vertical_menu_enabled.vertical_menu_width_290 .full_screen_navigation_inner{
margin-left: 290px;
}
.vertical_menu_enabled.vertical_menu_width_290.vertical_menu_right .full_screen_navigation_inner{
margin-left: 0;
margin-right:290px;
}
.vertical_menu_enabled.vertical_menu_width_350 .full_screen_navigation_inner{
margin-left: 350px;
}
.vertical_menu_enabled.vertical_menu_width_350.vertical_menu_right .full_screen_navigation_inner{
margin-left: 0;
margin-right:350px;
}
.vertical_menu_enabled.vertical_menu_width_400 .full_screen_navigation_inner{
margin-left: 400px;
}
.vertical_menu_enabled.vertical_menu_width_400.vertical_menu_right .full_screen_navigation_inner{
margin-left: 0;
margin-right:400px;
}
.vertical_menu_enabled.vertical_menu_width_290.vertical_menu_hidden .full_screen_navigation_inner,
.vertical_menu_enabled.vertical_menu_width_350.vertical_menu_hidden .full_screen_navigation_inner,
.vertical_menu_enabled.vertical_menu_width_400.vertical_menu_hidden .full_screen_navigation_inner{
margin-left: 40px;
}
.vertical_menu_enabled.vertical_menu_width_290.vertical_menu_hidden.vertical_menu_right .full_screen_navigation_inner,
.vertical_menu_enabled.vertical_menu_width_350.vertical_menu_hidden.vertical_menu_right .full_screen_navigation_inner,
.vertical_menu_enabled.vertical_menu_width_400.vertical_menu_hidden.vertical_menu_right .full_screen_navigation_inner{
margin-left: 0;
margin-right:40px;
}
}
/**----Fullscreen sections navigation------------**/
#fp-nav{
position: fixed;
z-index: 1000;
margin-top: -32px;
top: 50%;
opacity: 1;
}
#fp-nav.right {
right: 17px;
}
#fp-nav.left {
left: 17px;
}
#fp-nav ul{
margin: 0;
padding: 0;
}
#fp-nav li{
display: block;
margin: 13px 7px;
width: 8px;
height: 8px;
position: relative;
}
#fp-nav li a{
display: block;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
cursor: pointer;
text-decoration: none;
}
#fp-nav li .active span{
background-color: #000;
}
#fp-nav.light li .active span{
background-color: #fff;
}
#fp-nav.dark li .active span{
background-color: #000;
}
#fp-nav span{
top: 0px;
left: 0px;
width: 8px;
height: 8px;
border: 1px solid #000;
background-color: rgba(0, 0, 0, 0);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: absolute;
z-index: 1;
}
#fp-nav.light span{
border-color: #fff;
}
#fp-nav.dark span{
border-color: #000;
}
/* ==========================================================================
End Full Screen styles
========================================================================== */
/*** Flickr Widget ***/
.wpb_flickr_widget .flickr_badge_image img{
height: auto;
}
.wpb_flickr_widget.two .flickr_badge_image{
width: 47.5%;
margin: 0 5% 5% 0;
height: auto;
}
.wpb_flickr_widget.three .flickr_badge_image{
width: 30.6%;
margin: 0 4.1% 4.1% 0;
height: auto;
}
.wpb_flickr_widget.four .flickr_badge_image{
width: 22.5%;
margin: 0 3.33333333333% 3.33333333333% 0;
height: auto;
}
.wpb_flickr_widget.two .flickr_badge_image:nth-child(2n+1),
.wpb_flickr_widget.three .flickr_badge_image:nth-child(3n+1),
.wpb_flickr_widget.four .flickr_badge_image:nth-child(4n+1){
margin: 0;
}
/* ==========================================================================
End Social Icons Widget styles
========================================================================== */
/* ==========================================================================
Start of Countdown
========================================================================== */
/* jQuery Countdown styles 2.0.0. */
.countdown-rtl {
direction: rtl;
}
.countdown-row {
clear: both;
width: 100%;
padding: 0px 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%;
}
.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;
}
/*this span.countdown_separator is added in countdown plugin in plugin.js file */
.countdown_separator{
display: none;
width: 39px;
height: 2px;
background-color: #818181;
margin: 25px 0px;
opacity: 0.3;
}
.countdown.show_separator .countdown_separator{
display: inline-block;
}
.countdown.show_separator .countdown-amount {
margin: 0px;
}
.countdown-period {
display: block;
font-size: 15px;
letter-spacing: 1px;
text-transform: uppercase;
color: inherit;
}
.countdown-descr {
display: block;
width: 100%;
}
@media only screen and (max-width: 1000px){
.countdown-amount {
font-size: 50px !important;
line-height: 50px !important;
}
.countdown-period {
font-size: 15px !important;
}
.countdown_separator {
width: 30px;
}
}
@media only screen and (max-width: 600px){
.countdown-amount {
font-size: 40px !important;
line-height: 40px !important;
margin-bottom: 15px;
}
.countdown-period {
font-size: 12px !important;
}
.countdown_separator {
width: 20px;
margin: 25px 0px 20px 0px;
}
}
@media only screen and (max-width: 600px){
.countdown-amount {
font-size: 35px !important;
line-height: 35px !important;
margin-bottom: 10px;
}
.countdown-period {
font-size: 10px !important;
}
.countdown_separator {
width: 15px;
margin: 20px 0px 15px 0pc;
}
}
/* ==========================================================================
End of Countdown
========================================================================== */
/* ==========================================================================
Start of Vertical Split Screen
========================================================================== */
.vertical_split_slider{
opacity: 0;
position: relative;
margin: 0px -2px;
overflow: hidden;
}
.vertical_split_slider_preloader{
position: fixed;
height: 100%;
width: 100%;
display: block;
background-color: #1c1c1c;
left: 0px;
top: 0px;
z-index: 10001;
}
.vertical_split_slider_preloader .ajax_loader{
position: absolute;
display: block;
}
.vertical_split_slider .ms-left{
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 50%;
}
.vertical_split_slider .ms-right {
height: 100%;
position: absolute;
right: 0px;
top: 10000px;
width: 50%;
}
.ms-section {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-size: cover;
background-repeat: no-repeat;
padding: 0px 20px;
}
.vertical_split_slider .ms-left .ms-section{
background-position: 100% center !important;
}
.vertical_split_slider .ms-right .ms-section{
background-position: 0 center !important;
}
.ms-section.ms-table{
display: table;
width: 100%;
table-layout: fixed;
}
.ms-tableCell {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
box-sizing: border-box;
}
.ms-easing {
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}
#multiscroll-nav {
position: fixed;
z-index: 1000;
margin-top: -32px;
top: 50%;
opacity: 1;
transition: opacity .5s ease-out;
-webkit-transition: opacity .5s ease-out;
-moz-transition: opacity .5s ease-out;
-o-transition: opacity .5s ease-out;
}
#multiscroll-nav.right {
right: 17px;
}
#multiscroll-nav.left {
left: 17px;
}
#multiscroll-nav ul{
margin: 0;
padding: 0;
}
#multiscroll-nav li{
display: block;
width: 11px;
height: 11px;
margin: 13px 7px;
position: relative;
}
#multiscroll-nav li a{
display: block;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
cursor: pointer;
text-decoration: none;
}
#multiscroll-nav li a.active {
top:-3px;
left:-3px;
}
#multiscroll-nav li .active span{
background-color: #818181 ;
width: 9px;
height: 9px;
}
#multiscroll-nav.light li .active span{
background-color: #fff;
}
#multiscroll-nav.dark li .active span{
background-color: #818181 ;
}
#multiscroll-nav span{
top: 4px;
left: 4px;
width: 3px;
height: 3px;
background-color: rgba(0, 0, 0, 0);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: absolute;
z-index: 1;
}
#multiscroll-nav span:before {
content: "";
width: 3px;
height: 3px;
position: absolute;
border: 2px solid #818181 ;
display: inline-block;
left: -4px;
top: -4px;
padding: 2px;
border-radius: 50%;
}
#multiscroll-nav li .active span:before{
width: 9px;
height: 9px;
}
#multiscroll-nav.light span:before{
border-color: #fff;
}
#multiscroll-nav.dark span:before{
border-color: #818181 ;
}
.multiscroll-tooltip {
position: absolute;
color: #fff;
font-size: 14px;
font-family: arial, helvetica, sans-serif;
top: -2px;
white-space: nowrap;
max-width: 220px;
}
.multiscroll-tooltip.right {
right: 20px;
}
.multiscroll-tooltip.left {
left: 20px;
}
.fullscreen_search_opened #multiscroll-nav{
opacity: 0;
}
.vertical_split_slider_responsive{
display: none;
}
@media only screen and (max-width: 1000px){
.vertical_split_screen_initalized body{
overflow-y: visible !important;
height: auto !important;
}
.vertical_split_slider,
#multiscroll-nav{
display: none;
}
.vertical_split_slider_responsive{
display: block;
}
.ms-section {
background-position: center center;
}
}
/* ==========================================================================
End of Vertical Split Screen
========================================================================== */
/* ==========================================================================
Password protected box styles
========================================================================== */
.post-password-form {
width: 100%;
}
.post-password-form p {
margin-bottom: 20px;
}
/* ==========================================================================
End of password protected box styles
========================================================================== */
/* ==========================================================================
Start of preload background images
========================================================================== */
.preload_background,
.preload_parallax_layers{
background-repeat: repeat !important;
background-color: transparent !important;
background-attachment: scroll !important;
background-size: inherit !important;
animation: animatedBackground 40s linear infinite;
-webkit-animation: animatedBackground 40s linear infinite;
}
.preload_parallax_layers .image{
display:none;
}
@-webkit-keyframes animatedBackground {
from { background-position: 0 0; }
to { background-position: 100% 0; }
}
@keyframes animatedBackground {
from { background-position: 0 0; }
to { background-position: 100% 0; }
}
/* ==========================================================================
End of preload background images
========================================================================== */
/* ==========================================================================
Start of paspartu
========================================================================== */
.paspartu_outer{
padding: 0 2% 0% 2%;
z-index: 99; /* 100 is z-index of footer, so it needs to be smaller in order to prevent minus margin on left and right paspartu */
}
.paspartu_outer:not(.paspartu_on_bottom_fixed){
position: relative;
}
.paspartu_outer .content_wrapper{
padding: 0 2% 2% 2%;
box-sizing: border-box;
}
body:not(.paspartu_on_top_fixed) .paspartu_outer .content:not(.has_slider) .content_inner,
.paspartu_on_top_fixed header,
.paspartu_on_top_fixed .fixed_top_header .top_header,
.paspartu_on_top_fixed .paspartu_outer .content_wrapper{
padding-top: 2%;
}
.paspartu_left,
.paspartu_right {
position: absolute;
height: 100%;
width: 2%;
top: 0px;
left: 0px;
background-color: #ffffff;
z-index: 101; /* one more than the Slider */
}
.paspartu_outer:not(.paspartu_on_bottom_fixed):not(.disable_top_paspartu):not(disable_bottom_paspartu) .paspartu_left,
.paspartu_outer:not(.paspartu_on_bottom_fixed):not(.disable_top_paspartu):not(disable_bottom_paspartu) .paspartu_right{
/*margin: -50% 0px; *//* because of the header types when portfolio outer is not from top of window */
height: 200%;
margin: -20% 0;
}
.paspartu_right{
left: auto;
right: 0px;
}
.paspartu_top{
position: fixed;
padding-top: 2%;
height: 0;
width: 100%;
top:0px;
left: 0px;
background-color: #ffffff;
z-index: 200;
}
.paspartu_bottom,
.eltd_slider_bottom_paspartu{
position: relative;
padding-top: 2%;
height: 0;
width: 100%;
background-color: #ffffff;
z-index: 200;
}
.paspartu_on_bottom_fixed .paspartu_bottom{
position: fixed;
bottom:0px;
left: 0px;
}
.title.paspartu_below_tittle{
margin-bottom: 2%;
}
.paspartu_on_bottom_fixed footer{
margin-bottom: 2%;
}
body.paspartu_on_top_fixed.paspartu_on_bottom_fixed .popup_menu_holder_outer{
padding: 2%;
box-sizing: border-box;
}
.paspartu_enabled #multiscroll-nav.right{
padding-right: 2%;
}
.paspartu_outer .eltd_slider,
.paspartu_outer .content:not(.has_slider) .content_inner{
background-color: #ffffff;
}
body:not(.paspartu_on_top_fixed) .paspartu_outer:not(.disable_top_paspartu) .carousel-inner{
position: relative;
height: 100% !important;
}
.paspartu_outer:not(.disable_top_paspartu) .carousel-inner .item .image,
.paspartu_outer.paspartu_on_bottom_slider .carousel-inner .item .image{
height: 100%;
}
.eltd_slider_bottom_paspartu{
position: absolute;
bottom: 0px;
left: 0px;
}
.paspartu_outer.disable_top_paspartu .content:not(.has_slider) .content_inner{
padding-top: 0 !important;
}
.paspartu_outer.disable_bottom_paspartu,
.paspartu_outer.paspartu_on_bottom_fixed{
padding-bottom: 0 !important;
}
header.paspartu_header_alignment .header_bottom,
header.paspartu_header_alignment .eltd_search_form_3 .form_holder{
padding: 0px 2%;
}
header.stick_with_left_right_menu.paspartu_header_alignment .header_full_width nav.main_menu.left_side{
left: 2%;
width: 48%;
}
header.stick_with_left_right_menu.paspartu_header_alignment .header_full_width nav.main_menu.right_side{
right: 2%;
width: 48%;
}
header.paspartu_header_inside .eltd_search_form_3 .form_holder{
padding: 0px;
}
header.paspartu_header_alignment .eltd_search_form_3 .eltd_search_close,
header.paspartu_header_inside .eltd_search_form_3 .eltd_search_close{
right: 0px;
}
header.paspartu_header_inside,
.paspartu_enabled.vertical_menu_enabled header{
padding-left: 2%;
padding-right: 2%;
box-sizing: border-box;
}
.paspartu_on_top_fixed header{
z-index:202;
}
.paspartu_on_top_fixed:not(.paspartu_on_bottom_fixed) .popup_menu_holder_outer{
z-index:201;
}
.paspartu_enabled .header_inner{
position: relative; /* for search form that covers header and comes from bottom from header */
}
.paspartu_enabled .popup_menu_holder_inner,
footer.paspartu_footer_alignment .footer_top_holder,
footer.paspartu_footer_alignment .footer_bottom_holder{
padding-left: 2%;
padding-right: 2%;
}
.paspartu_enabled.paspartu_on_top_fixed .fixed_top_header .eltd_search_form_3{
margin-top: 2%;
}
header.paspartu_header_inside.fixed_top_header .top_header,
.paspartu_enabled .vertical_split_slider_preloader,
.paspartu_enabled.paspartu_on_top_fixed .fixed_top_header .eltd_search_form_3{
width: 96%;
margin-left: 2%;
margin-right: 2%;
}
.paspartu_enabled .paspartu_outer:not(.disable_top_paspartu) .vertical_split_slider{
margin-top: -2%;
}
.paspartu_enabled .paspartu_outer:not(.disable_bottom_paspartu) .vertical_split_slider{
margin-bottom: -2%;
}
.paspartu_enabled.vertical_menu_inside_paspartu aside.vertical_menu_area,
.paspartu_enabled.vertical_menu_inside_paspartu .vertical_area_background,
.paspartu_enabled.vertical_menu_inside_paspartu.vertical_menu_enabled .carousel-inner:not(.relative_position),
.paspartu_enabled.vertical_menu_inside_paspartu .vertical_menu_hidden_button{
margin-left: 2%;
}
.paspartu_enabled.vertical_menu_inside_paspartu.vertical_menu_right aside.vertical_menu_area,
.paspartu_enabled.vertical_menu_inside_paspartu.vertical_menu_right .vertical_area_background,
.paspartu_enabled.vertical_menu_inside_paspartu.vertical_menu_enabled.vertical_menu_right .carousel-inner:not(.relative_position),
.paspartu_enabled.vertical_menu_inside_paspartu.vertical_menu_right .vertical_menu_hidden_button{
margin-left: 0%;
margin-right: 2%;
}
.paspartu_enabled.vertical_menu_inside_paspartu aside.vertical_menu_area,
.paspartu_enabled.vertical_menu_inside_paspartu .vertical_area_background,
.paspartu_enabled.vertical_menu_inside_paspartu .vertical_menu_hidden_button{
margin-top: 2%;
}
.paspartu_enabled.vertical_menu_enabled.vertical_menu_width_290:not(.vertical_menu_hidden):not(.vertical_menu_transparency) .paspartu_outer:not(.disable_top_paspartu) .carousel-inner:not(.relative_position),
.paspartu_enabled.vertical_menu_enabled.vertical_menu_width_290:not(.vertical_menu_hidden):not(.vertical_menu_transparency) .paspartu_outer.paspartu_on_bottom_slider .carousel-inner:not(.relative_position),
.paspartu_enabled.vertical_menu_enabled.vertical_menu_width_350:not(.vertical_menu_hidden):not(.vertical_menu_transparency) .paspartu_outer:not(.disable_top_paspartu) .carousel-inner:not(.relative_position),
.paspartu_enabled.vertical_menu_enabled.vertical_menu_width_350:not(.vertical_menu_hidden):not(.vertical_menu_transparency) .paspartu_outer.paspartu_on_bottom_slider .carousel-inner:not(.relative_position),
.paspartu_enabled.vertical_menu_enabled.vertical_menu_width_400:not(.vertical_menu_hidden):not(.vertical_menu_transparency) .paspartu_outer:not(.disable_top_paspartu) .carousel-inner:not(.relative_position),
.paspartu_enabled.vertical_menu_enabled.vertical_menu_width_400:not(.vertical_menu_hidden):not(.vertical_menu_transparency) .paspartu_outer.paspartu_on_bottom_slider .carousel-inner:not(.relative_position),
.paspartu_enabled.vertical_menu_enabled.vertical_menu_hidden .carousel-inner:not(.relative_position){
left: 0px !important;
margin-left: 0% !important;
}
.vertical_menu_enabled.paspartu_on_top_fixed header{
padding: 0px !important;
}
/* border around content - start */
.paspartu_border_on_edges .paspartu_top:after{
content: '';
position: absolute;
bottom: 0px;
height: 1px;
background-color: #e6e6e6;
width: 96%;
left: 2%;
}
.paspartu_border_on_edges .paspartu_left{
box-sizing: border-box;
border-right: 1px solid #e6e6e6;
}
.paspartu_border_on_edges .paspartu_right{
box-sizing: border-box;
border-left: 1px solid #e6e6e6;
}
.paspartu_border_on_edges .paspartu_bottom:before{
content: '';
position: absolute;
top: 0px;
height: 1px;
background-color: #e6e6e6;
width: 96%;
left: 2%;
}
/* border around content - start */
/* outside paspartu - start */
.paspartu_enabled.vertical_menu_outside_paspartu aside.vertical_menu_area{
z-index: 500;
}
body.vertical_menu_outside_paspartu.paspartu_on_top_fixed .paspartu_outer{
padding-top: 2%;
}
body.paspartu_on_top_fixed.vertical_menu_outside_paspartu .paspartu_outer .content .content_inner{
padding-top: 0% !important;
}
@media only screen and (min-width: 1000px) {
.vertical_menu_outside_paspartu.vertical_menu_left.vertical_menu_width_290 .content_wrapper{
margin-left: 2%;
padding-left: 290px;
width: 98%;
}
.vertical_menu_outside_paspartu.vertical_menu_left.vertical_menu_width_350 .content_wrapper{
margin-left: 2%;
padding-left: 350px;
width: 98%;
}
.vertical_menu_outside_paspartu.vertical_menu_left.vertical_menu_width_400 .content_wrapper{
margin-left: 2%;
padding-left: 400px;
width: 98%;
}
.vertical_menu_outside_paspartu.vertical_menu_right.vertical_menu_width_290 .content_wrapper{
margin-right: 2%;
padding-right: 290px;
width: 98%;
}
.vertical_menu_outside_paspartu.vertical_menu_right.vertical_menu_width_350 .content_wrapper{
margin-right: 2%;
padding-right: 350px;
width: 98%;
}
.vertical_menu_outside_paspartu.vertical_menu_right.vertical_menu_width_400 .content_wrapper{
margin-right: 2%;
padding-right: 400px;
width: 98%;
}
.vertical_menu_outside_paspartu.vertical_menu_width_290 .paspartu_middle_inner{
padding-left: 290px;
}
.vertical_menu_outside_paspartu.vertical_menu_width_290 .paspartu_left{
left: 290px;
}
.vertical_menu_outside_paspartu.vertical_menu_width_350 .paspartu_middle_inner{
padding-left: 350px;
}
.vertical_menu_outside_paspartu.vertical_menu_width_350 .paspartu_left{
left: 350px;
}
.vertical_menu_outside_paspartu.vertical_menu_width_400 .paspartu_middle_inner{
padding-left: 400px;
}
.vertical_menu_outside_paspartu.vertical_menu_width_400 .paspartu_left{
left: 400px;
}
.vertical_menu_outside_paspartu.vertical_menu_right.vertical_menu_width_290 .paspartu_middle_inner{
padding-left: 0px;
padding-right: 290px;
}
.vertical_menu_outside_paspartu.vertical_menu_right.vertical_menu_width_290 .paspartu_left{
left: 0px;
}
.vertical_menu_outside_paspartu.vertical_menu_right.vertical_menu_width_290 .paspartu_right{
right: 290px;
}
.vertical_menu_outside_paspartu.vertical_menu_right.vertical_menu_width_350 .paspartu_middle_inner{
padding-left: 0px;
padding-right: 350px;
}
.vertical_menu_outside_paspartu.vertical_menu_right.vertical_menu_width_350 .paspartu_left{
left: 0px;
}
.vertical_menu_outside_paspartu.vertical_menu_right.vertical_menu_width_350 .paspartu_right{
right: 350px;
}
.vertical_menu_outside_paspartu.vertical_menu_right.vertical_menu_width_400 .paspartu_middle_inner{
padding-left: 0px;
padding-right: 400px;
}
.vertical_menu_outside_paspartu.vertical_menu_right.vertical_menu_width_400 .paspartu_left{
left: 0px;
}
.vertical_menu_outside_paspartu.vertical_menu_right.vertical_menu_width_400 .paspartu_right{
right: 400px;
}
body.vertical_menu_outside_paspartu.page-template-blog-masonry-full-width-php.vertical_menu_enabled.vertical_menu_width_290.vertical_menu_left:not(.vertical_menu_hidden) .content .full_width{
padding-left: 0px;
padding-right:0px;
}
body.vertical_menu_outside_paspartu.page-template-blog-masonry-full-width-php.vertical_menu_enabled.vertical_menu_width_350.vertical_menu_left:not(.vertical_menu_hidden) .content .full_width{
padding-left: 0px;
padding-right:0px;
}
body.vertical_menu_outside_paspartu.page-template-blog-masonry-full-width-php.vertical_menu_enabled.vertical_menu_width_400.vertical_menu_left:not(.vertical_menu_hidden) .content .full_width{
padding-left: 0px;
padding-right:0px;
}
body.vertical_menu_outside_paspartu.page-template-blog-masonry-full-width-php.vertical_menu_enabled.vertical_menu_width_290.vertical_menu_right:not(.vertical_menu_hidden) .content .full_width{
padding-right:0px;
padding-left:0px;
}
body.vertical_menu_outside_paspartu.page-template-blog-masonry-full-width-php.vertical_menu_enabled.vertical_menu_width_350.vertical_menu_right:not(.vertical_menu_hidden) .content .full_width{
padding-right:0px;
padding-left:0px;
}
body.vertical_menu_outside_paspartu.page-template-blog-masonry-full-width-php.vertical_menu_enabled.vertical_menu_width_400.vertical_menu_right:not(.vertical_menu_hidden) .content .full_width{
padding-right:0px;
padding-left:0px;
}
}
.vertical_menu_outside_paspartu.vertical_menu_enabled .eltd_slider,
.vertical_menu_outside_paspartu.vertical_menu_enabled .full_width,
.vertical_menu_outside_paspartu.vertical_menu_enabled .content .container,
.vertical_menu_outside_paspartu.vertical_menu_enabled .title_outer,
/* .vertical_menu_outside_paspartu.vertical_menu_enabled footer, no need for footer to be excluded*/
.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_350 .eltd_slider,
.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_350 .full_width,
.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_350 .content .container,
.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_350 .title_outer,
.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_350 footer,
.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_400 .eltd_slider,
.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_400 .full_width,
.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_400 .content .container,
.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_400 .title_outer,
.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_400 footer,
.vertical_menu_outside_paspartu.vertical_menu_enabled .full_screen_holder,
.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_350 .full_screen_holder,
.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_400 .full_screen_holder{
padding-left: 0px;
padding-right: 0px;
}
body.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_290:not(.vertical_menu_hidden) .ajax_loader,
body.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_350:not(.vertical_menu_hidden) .ajax_loader,
body.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_400:not(.vertical_menu_hidden) .ajax_loader,
body.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_290.vertical_menu_right:not(.vertical_menu_hidden) .ajax_loader,
body.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_350.vertical_menu_right:not(.vertical_menu_hidden) .ajax_loader,
body.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_400.vertical_menu_right:not(.vertical_menu_hidden) .ajax_loader,
body.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right .ajax_loader{
margin-left: 0px;
}
/* outside paspartu - end */
@media only screen and (min-width: 1024px) {
header.paspartu_header_alignment:not(.stick_with_left_right_menu) .header_inner_left {
left: 2%;
}
header.paspartu_header_alignment.stick.compound .bottom_right{
right: 2%;
}
}
@media only screen and (max-width: 1024px) {
.paspartu_outer,
.paspartu_outer .content_wrapper {
padding: 0 2% 0% 2% !important;
}
body:not(.paspartu_on_top_fixed) .paspartu_outer .content:not(.has_slider) .content_inner,
.paspartu_top,
.paspartu_bottom,
.paspartu_on_top_fixed header,
.paspartu_on_top_fixed .fixed_top_header .top_header,
.paspartu_on_top_fixed .paspartu_outer .content_wrapper,
.eltd_slider_bottom_paspartu{
padding-top: 2% !important;
}
.paspartu_left,
.paspartu_right {
width: 2% !important;
}
header.paspartu_header_alignment .header_bottom,
header.paspartu_header_alignment .eltd_search_form_3 .form_holder{
padding: 0px 2% !important;
}
header.paspartu_header_inside,
.paspartu_enabled.vertical_menu_enabled header{
padding-left: 2% !important;
padding-right: 2% !important;
}
.title.paspartu_below_tittle{
margin-bottom: 2% !important;
}
.paspartu_on_bottom_fixed footer{
margin-bottom: 2% !important;
}
body.paspartu_on_top_fixed.paspartu_on_bottom_fixed .popup_menu_holder_outer{
padding: 2% !important;
}
.paspartu_enabled #multiscroll-nav.right{
padding-right: 2% !important;
}
.paspartu_enabled .popup_menu_holder_inner,
footer.paspartu_footer_alignment{
padding-left: 2% !important;
padding-right: 2% !important;
}
.paspartu_enabled.paspartu_on_top_fixed .fixed_top_header .eltd_search_form_3{
margin-top: 2%;
}
header.paspartu_header_inside.fixed_top_header .top_header,
.paspartu_enabled .vertical_split_slider_preloader,
.paspartu_enabled.paspartu_on_top_fixed .fixed_top_header .eltd_search_form_3{
width: 96% !important;
margin-left: 2% !important;
margin-right: 2% !important;
}
.paspartu_enabled .paspartu_outer:not(.disable_top_paspartu) .vertical_split_slider{
margin-top: -2% !important;
}
.paspartu_enabled .paspartu_outer:not(.disable_bottom_paspartu) .vertical_split_slider{
margin-bottom: -2% !important;
}
.paspartu_enabled.vertical_menu_inside_paspartu aside.vertical_menu_area,
.paspartu_enabled.vertical_menu_inside_paspartu .vertical_area_background,
.paspartu_enabled.vertical_menu_inside_paspartu.vertical_menu_enabled .carousel-inner:not(.relative_position),
.paspartu_enabled.vertical_menu_inside_paspartu .vertical_menu_hidden_button{
margin-left: 2% !important;
}
.paspartu_enabled.vertical_menu_inside_paspartu.vertical_menu_right aside.vertical_menu_area,
.paspartu_enabled.vertical_menu_inside_paspartu.vertical_menu_right .vertical_area_background,
.paspartu_enabled.vertical_menu_inside_paspartu.vertical_menu_enabled.vertical_menu_right .carousel-inner:not(.relative_position),
.paspartu_enabled.vertical_menu_inside_paspartu.vertical_menu_right .vertical_menu_hidden_button{
margin-left: 0% !important;
margin-right: 2% !important;
}
.paspartu_enabled.vertical_menu_inside_paspartu aside.vertical_menu_area,
.paspartu_enabled.vertical_menu_inside_paspartu .vertical_area_background,
.paspartu_enabled.vertical_menu_inside_paspartu .vertical_menu_hidden_button{
margin-top: 2% !important;
}
body.vertical_menu_outside_paspartu.paspartu_on_top_fixed .paspartu_outer{
padding-top: 2% !important;
}
}
.paspartu_enabled #back_to_top:not(.center):not(.left){
margin-right: 2%;
}
.paspartu_enabled #back_to_top.left{
margin-left: 2%;
}
/* ==========================================================================
End of paspartu
========================================================================== */
/* ==========================================================================
#Overlapping content styles - start
========================================================================== */
.overlapping_content .title_outer {
position: relative;
z-index: 50; /* smaller than the content, so content could be over title */
}
.overlapping_content .content > .container {
background-color: #fff;
}
.overlapping_content .content .content_inner > .container .overlapping_content,
.overlapping_content .content .content_inner > .full_width .full_width_inner {
margin-top: -40px;
margin-bottom: 0px;
position: relative;
z-index: 100; /* higher than the title, so content could be over title */
}
.overlapping_content.frame_around_overlapping_content .content .content_inner > .container .overlapping_content,
.overlapping_content.frame_around_overlapping_content .content .content_inner > .full_width .full_width_inner {
padding: 15px;
background-image: url("img/space_around_content_patern.png");
background-repeat: repeat;
background-position: 0px 0px;
}
.overlapping_content .title .title_holder .container {
padding-bottom: 40px;
box-sizing: border-box;
}
.overlapping_content .content .content_inner > .container {
text-align: center;
}
.overlapping_content .content .content_inner > .container .overlapping_content {
display: inline-block;
vertical-align: middle;
margin-right: auto;
margin-left: auto;
}
.transparent_content.overlapping_content .content .content_inner > .container,
.transparent_content.overlapping_content .content .content_inner > .full_width > .full_width_inner {
/* full_width_inner because of the negative margin on it */
background-color: #fff;
}
.overlapping_content .content .content_inner > .container .overlapping_content .overlapping_content_inner {
overflow: hidden;
text-align: left;
padding: 0px 40px;
background-color: #fff;
}
.overlapping_content_margin {
margin: 0px -40px;
display: block;
position: relative;
}
.animate_overlapping_content .overlapping_content,
.animate_overlapping_content .full_width {
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-webkit-transition-duration: 0.7s;
transition-duration: 0.7s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
opacity: 0;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
.animate_overlapping_content .overlapping_content.start_animation,
.animate_overlapping_content .full_width.start_animation {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
@media only screen and (max-width: 1200px) {
.overlapping_content .content .content_inner > .container .overlapping_content .overlapping_content_inner {
padding: 0px 20px !important;
}
.overlapping_content_margin {
margin: 0px -20px !important;
}
}
@media only screen and (max-width: 1000px) {
header .overlapping_content_margin {
margin: 0px !important;
}
}
/* ==========================================================================
#Overlapping content styles - end
========================================================================== */
/* ==========================================================================
Predefined grid - START
========================================================================== */
@media only screen and (min-width: 1400px) {
body.grid_1300.has_general_padding .title_holder .container_inner,
.grid_1300:not(.has_general_padding) .container_inner,
.grid_1300.boxed:not(.has_general_padding) .section .section_inner,
.grid_1300:not(.has_general_padding) .grid_section .section_inner,
.grid_1300:not(.has_general_padding) .parallax_grid_section .parallax_section_inner,
.grid_1300 .carousel-inner .slider_content_outer,
.grid_1300 .container_inner nav.content_menu,
.grid_1300 nav.content_menu ul,
.grid_1300.boxed nav.content_menu.fixed,
.grid_1300 .footer_top_border_holder.in_grid,
.grid_1300 .footer_bottom_border_holder.in_grid,
.grid_1300 .header_top_bottom_holder .container_inner,
.grid_1300 footer .container_inner{
width: 1300px;
}
body.boxed.grid_1300 .wrapper_inner,
body.boxed.grid_1300 .footer_inner,
body.boxed.grid_1300 .content_wrapper,
body.boxed.grid_1300 .header_inner,
body.boxed.grid_1300.vertical_menu_enabled .carousel-inner,
body.boxed.grid_1300 .carousel-inner{
width: 1350px;
}
}
@media only screen and (min-width: 1300px) {
body.grid_1200.has_general_padding .title_holder .container_inner,
.grid_1200:not(.has_general_padding) .container_inner,
.grid_1200.boxed:not(.has_general_padding) .section .section_inner,
.grid_1200:not(.has_general_padding) .grid_section .section_inner,
.grid_1200:not(.has_general_padding) .parallax_grid_section .parallax_section_inner,
.grid_1200 .carousel-inner .slider_content_outer,
.grid_1200 .container_inner nav.content_menu,
.grid_1200 nav.content_menu ul,
.grid_1200.boxed nav.content_menu.fixed,
.grid_1200 .footer_top_border_holder.in_grid,
.grid_1200 .footer_bottom_border_holder.in_grid,
.grid_1200 .header_top_bottom_holder .container_inner,
.grid_1200 footer .container_inner{
width: 1200px;
}
body.boxed.grid_1200 .wrapper_inner,
body.boxed.grid_1200 .footer_inner,
body.boxed.grid_1200 .content_wrapper,
body.boxed.grid_1200 .header_inner,
body.boxed.grid_1200.vertical_menu_enabled .carousel-inner,
body.boxed.grid_1200 .carousel-inner{
width: 1250px;
}
}
@media only screen and (min-width: 1200px) {
body.grid_1000.has_general_padding .title_holder .container_inner,
.grid_1000:not(.has_general_padding) .container_inner,
.grid_1000.boxed:not(.has_general_padding) .section .section_inner,
.grid_1000:not(.has_general_padding) .grid_section .section_inner,
.grid_1000:not(.has_general_padding) .parallax_grid_section .parallax_section_inner,
.grid_1000 .carousel-inner .slider_content_outer,
.grid_1000 .container_inner nav.content_menu,
.grid_1000 nav.content_menu ul,
.grid_1000.boxed nav.content_menu.fixed,
.grid_1000 .footer_top_border_holder.in_grid,
.grid_1000 .footer_bottom_border_holder.in_grid,
.grid_1000 .header_top_bottom_holder .container_inner,
.grid_1000 footer .container_inner{
width: 1000px;
}
body.boxed.grid_1000 .wrapper_inner,
body.boxed.grid_1000 .footer_inner,
body.boxed.grid_1000 .content_wrapper,
body.boxed.grid_1000 .header_inner,
body.boxed.grid_1000.vertical_menu_enabled .carousel-inner,
body.boxed.grid_1000 .carousel-inner{
width: 1050px;
}
}
@media only screen and (max-width: 1399px) and (min-width: 1300px){
body.boxed.has_general_padding:not(.grid_1000):not(.grid_1200) .wrapper_inner{
width:1150px;
}
}
/* not sure if this property is needed */
@media only screen and (max-width: 1299px){
body.boxed.has_general_padding:not(.grid_1000):not(.grid_1200) .wrapper_inner{
width:1150px;
}
}
@media only screen and (min-width: 1300px) {
body.boxed.has_general_padding:not(.grid_800):not(.grid_1000):not(.grid_1200):not(.grid_1300) .wrapper_inner{
width:1150px;
}
}
@media only screen and (min-width: 1000px) {
body.grid_800.has_general_padding .title_holder .container_inner,
.grid_800 .title_holder .container_inner,
.grid_800:not(.has_general_padding) .container_inner,
.grid_800.boxed:not(.has_general_padding) .section .section_inner,
.grid_800:not(.has_general_padding) .grid_section .section_inner,
.grid_800:not(.has_general_padding) .parallax_grid_section .parallax_section_inner,
.grid_800 .carousel-inner .slider_content_outer,
.grid_800 .container_inner nav.content_menu,
.grid_800 nav.content_menu ul,
.grid_800.boxed nav.content_menu.fixed,
.grid_800 .footer_top_border_holder.in_grid,
.grid_800.boxed .footer_top_border_holder.in_grid,
.grid_800 .footer_bottom_border_holder.in_grid,
.grid_800.boxed .footer_bottom_border_holder.in_grid,
.grid_800 .header_top_bottom_holder .container_inner,
.grid_800 footer .container_inner{
width: 800px;
}
body.boxed.grid_800 .wrapper .wrapper_inner,
body.boxed.grid_800 .footer_inner,
body.boxed.grid_800 .content_wrapper,
body.boxed.grid_800 .header_inner,
body.boxed.grid_800.vertical_menu_enabled .carousel-inner,
body.boxed.grid_800 .carousel-inner{
width: 850px;
}
}
/* ==========================================================================
Predefined grid - END
========================================================================== */
/* Masonry gallery */
.grid-sizer {
width: 25%;
}
/*Masonry gallery with three columns*/
.masonry_three_columns .grid-sizer {
width: 33.33333%;
}
.masonry_gallery_holder{
margin: -10px -10px 0 -10px;
opacity: 0;
}
.masonry_gallery_holder .masonry_gallery_item {
box-sizing: border-box;
padding: 10px;
z-index: 1;
}
.masonry_gallery_holder .masonry_gallery_item.parallax_item {
z-index: 0;
}
/*one column shortcode*/
.masonry_gallery_holder.one_column .masonry_gallery_item.square_big,
.masonry_gallery_holder.one_column .masonry_gallery_item.square_small,
.masonry_gallery_holder.one_column .masonry_gallery_item.rectangle_landscape,
.masonry_gallery_holder.one_column .masonry_gallery_item.rectangle_portrait,
.masonry_gallery_holder.one_column .grid-sizer{
width: 100%;
}
/*end of one column shortcode*/
/*two columns shortcode*/
.masonry_gallery_holder.two_columns .masonry_gallery_item.square_small,
.masonry_gallery_holder.two_columns .masonry_gallery_item.rectangle_portrait,
.masonry_gallery_holder.two_columns .grid-sizer{
width: 50%;
}
.masonry_gallery_holder.two_columns .masonry_gallery_item.square_big,
.masonry_gallery_holder.two_columns .masonry_gallery_item.rectangle_landscape{
width: 100%;
}
/*end of two columns shortcode*/
/*three columns shortcode*/
.masonry_gallery_holder.three_columns .masonry_gallery_item.square_small,
.masonry_gallery_holder.three_columns .masonry_gallery_item.rectangle_portrait,
.masonry_gallery_holder.three_columns .grid-sizer{
width: 33.33333333%;
}
.masonry_gallery_holder.three_columns .masonry_gallery_item.square_big,
.masonry_gallery_holder.three_columns .masonry_gallery_item.rectangle_landscape{
width: 66.66666666%;
}
/*end of three columns shortcode*/
.masonry_gallery_item.square_small {
width: 25%;
}
.masonry_gallery_item.square_big {
width: 50%;
}
.masonry_gallery_item.rectangle_landscape {
width: 50%;
}
.masonry_gallery_item.rectangle_portrait {
width: 25%;
}
/*Masonry gallery with three columns*/
.masonry_three_columns .masonry_gallery_item.square_small,
.masonry_three_columns .masonry_gallery_item.rectangle_portrait {
width: 33.33333%;
}
.masonry_three_columns .masonry_gallery_item.square_big,
.masonry_three_columns .masonry_gallery_item.rectangle_landscape {
width: 66.66666%;
}
.masonry_gallery_holder .masonry_gallery_item .masonry_gallery_image_holder{
height: 100%;
width: 100%;
position: relative;
overflow: hidden;
}
.masonry_gallery_holder .masonry_gallery_item > a {
display: block;
height: 100%;
}
.masonry_gallery_holder .masonry_gallery_item.rectangle_landscape .masonry_gallery_image_holder img{
max-height: inherit;
}
.masonry_gallery_holder .masonry_gallery_item.rectangle_portrait .masonry_gallery_image_holder img{
max-width: inherit;
width: auto;
}
.masonry_gallery_item img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
vertical-align: middle;
max-height: 100%;
}
.masonry_gallery_item .masonry_gallery_item_outer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
box-sizing: border-box;
padding: 10px;
}
.masonry_gallery_item .masonry_gallery_item_inner {
position: relative;
height: 100%;
width: 100%;
display: table;
table-layout: fixed;
}
.masonry_gallery_item_inner .masonry_gallery_item_content {
display: table-cell;
vertical-align: middle;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding:0 10% 0 10%;
}
.masonry_gallery_item.with_icon .masonry_gallery_item_inner,
.masonry_gallery_item.with_button .masonry_gallery_item_inner{
background-color: rgba(0,0,0,0.8);
}
.masonry_gallery_item.standard .masonry_gallery_item_inner{
opacity: 0;
background-color: rgba(0,0,0,0.75);
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.masonry_gallery_item.standard:hover .masonry_gallery_item_inner{
opacity: 1;
}
.masonry_gallery_item_content h3,
.masonry_gallery_item_icon {
color: #fff;
}
.masonry_gallery_item .masonry_gallery_item_subtitle{
padding-bottom: 20px;
color: #fff;
}
.masonry_gallery_item .masonry_gallery_item_icon {
color: #fff;
margin: 0 0 10px;
}
.masonry_gallery_item_content h3 {
text-transform: uppercase;
padding: 0 0 20px 0;
}
.masonry_gallery_item .qbutton{
margin: 20px 0 0 0;
}
.masonry_gallery_item_content .masonry_gallery_item_text {
color: #fff;
}
.masonry_gallery_item .vc_text_separator .separator_content{
padding: 0 15px;
color: inherit;
line-height: inherit;
font-weight: inherit;
letter-spacing: 0;
}
.masonry_gallery_item .vc_text_separator.right .separator_content{
padding: 0 0 0 12px;
}
.masonry_gallery_item .vc_text_separator.left .separator_content{
padding: 0 12px 0 0;
}
/* Masonry Animation - fade from bottom - start */
.portfolio_main_holder.portfolio_fade_from_bottom article {
opacity: 0;
-ms-transform: translateY(150px);
-webkit-transform: translateY(150px);
transform: translateY(150px);
-ms-transition: opacity 0.8s ease, -ms-transform 0.8s ease;
-webkit-transition: opacity 0.8s ease, -webkit-transform 0.8s ease;
transition: opacity 0.8s ease, transform 0.8s ease;
}
.portfolio_main_holder.portfolio_fade_from_bottom article.show {
opacity: 1;
margin-top: 0px;
-ms-transform: translateY(0px);
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.portfolio_main_holder.portfolio_fade_from_bottom article.shown{
-ms-transition: all 0s ease;
-webkit-transition: all 0s ease;
transition: all 0s ease;
}
/* Masonry Animation - fade from bottom - end */
/* ==========================================================================
Search Results
============================================================================ */
.search.search-results .post .post_corner_info_holder {
position: relative;
display: inline-block;
width: 15%;
}
.search.search-results .post .blog_title_post_info_holder {
padding-bottom: 30px;
}
.search.search-results .post .blog_title_post_info_holder .post_text {
display: inline-block;
padding-top: 0;
margin-top: -5px;
vertical-align: top;
width: 80%;
}
.search.search-results .page .blog_title_post_info_holder .post_text {
display: inline-block;
padding-left: 0;
margin-top: -10px !important;
width: 80%;
}
.search.search-results .post .blog_title_post_info_holder .post_text_inner {
background-color: inherit !important;
}
.search.search-results .product .blog_title_post_info_holder .post_text_inner {
padding-top: 0;
}
.search.search-results .post .blog_title_post_info_holder .post_text_inner h2 {
line-height: 33px;
}
.search.search-results .post .post_content_holder > .post_text .post_text_inner {
background-color: inherit !important;
padding: 20px;
}
.search.search-results .blog_title_post_info_holder > .post_text > .post_text_inner {
padding: 10px 20px 20px !important;
}
/* ==========================================================================
END Search Results
============================================================================ */
/* ==========================================================================
Visual Composer Grid Elements
============================================================================ */
.vc_grid-container .vc_row.vc_grid .vc_grid-item .vc_btn,
.vc_grid-container .vc_row.vc_grid .vc_pageable-load-more-btn .vc_btn {
position: relative;
display: inline-block;
width: auto;
height: 45px;
line-height: 45px;
margin: 0;
padding: 0 23px;
border: 1px solid #e5735c;
font-size: 12px;
font-weight: 500;
font-family: inherit;
text-align: left;
color: #fff;
background-color: #e5735c;
text-decoration: none;
cursor: pointer;
outline: none;
font-style: normal;
text-transform: uppercase;
text-shadow: none;
letter-spacing: 2px;
white-space: nowrap;
-webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
-moz-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
-ms-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
-o-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: initial !important;
-moz-box-sizing: initial !important;
box-sizing: initial !important;
border-radius: 0;
}
.vc_grid-container .vc_row.vc_grid .vc_grid-item .vc_btn:hover,
.vc_grid-container .vc_row.vc_grid .vc_pageable-load-more-btn .vc_btn:hover {
color: #e5735c !important;
background-color: transparent;
border-color: #e5735c;
}
.vc_grid-container .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-radio_dots .vc_grid-owl-dot span,
.vc_grid-container .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-square_dots .vc_grid-owl-dot span {
border: 2px solid #f5f5f5;
background-color: transparent !important;
}
.vc_grid-container .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-radio_dots .vc_grid-owl-dot.active span,
.vc_grid-container .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-radio_dots .vc_grid-owl-dot span:hover,
.vc_grid-container .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-square_dots .vc_grid-owl-dot.active span,
.vc_grid-container .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-square_dots .vc_grid-owl-dot span:hover {
background-color: #e5735c !important;
border-color: #e5735c !important;
}
.vc_grid-container .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-radio_dots .vc_grid-owl-dot span {
border-radius: 50%;
}
.vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-round_fill_square_dots .vc_grid-owl-dot span,
.vc_grid-container .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-point_dots .vc_grid-owl-dot span,
.vc_grid-container .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-fill_square_dots .vc_grid-owl-dot span {
background-color: #f5f5f5 !important;
}
.vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-round_fill_square_dots .vc_grid-owl-dot.active span,
.vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-round_fill_square_dots .vc_grid-owl-dot span:hover,
.vc_grid-container .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-point_dots .vc_grid-owl-dot.active span,
.vc_grid-container .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-point_dots .vc_grid-owl-dot span:hover,
.vc_grid-container .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-fill_square_dots .vc_grid-owl-dot.active span,
.vc_grid-container .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-fill_square_dots .vc_grid-owl-dot span:hover {
background-color: #e5735c !important;
}
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list > li > a {
position: relative;
display: inline-block;
width: 44px;
line-height: 36px;
margin: 0;
color: #464646;
background-color: #f5f5f5;
border: 1px solid;
border-color: #f5f5f5;
font-size: 15px;
font-weight: 400;
vertical-align: middle;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;
white-space: nowrap;
outline: none;
text-shadow: none;
-webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
-moz-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
-ms-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
-o-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;
box-sizing: content-box;
float:left;
opacity: 1;
margin: 2px;
}
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list > li.vc_grid-active > a,
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list > li > a:hover {
background-color: #e5735c;
border-color: #e5735c;
color: #fff;
}
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_square_dark > li > a,
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_rounded_square_dark > li > a,
.vc_grid-container .vc_grid-pagination-list.vc_grid-pagination_default_dark > li > a,
.vc_grid-container .vc_grid-pagination-list.vc_grid-pagination_rounded_dark > li > a {
border-color: #464646;
}
.vc_grid-container .vc_grid-pagination-list.vc_grid-pagination_default_light > li > a:hover {
border-color: #fff;
}
.vc_grid-container .vc_grid-pagination-list.vc_grid-pagination_default_light > li > a:hover,
.vc_grid-container .vc_grid-pagination-list.vc_grid-pagination_default_light > li.vc_grid-active > a,
.vc_grid-container .vc_grid-pagination-list.vc_grid-pagination_default_dark > li > a:hover,
.vc_grid-container .vc_grid-pagination-list.vc_grid-pagination_default_dark > li.vc_grid-active > a,
.vc_grid-container .vc_grid-pagination-list.vc_grid-pagination_rounded_dark > li > a:hover,
.vc_grid-container .vc_grid-pagination-list.vc_grid-pagination_rounded_dark > li.vc_grid-active > a,
.vc_grid-container .vc_grid-pagination-list.vc_grid-pagination_rounded_light > li > a:hover,
.vc_grid-container .vc_grid-pagination-list.vc_grid-pagination_rounded_light > li.vc_grid-active > a,
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_square_light > li > a:hover,
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_square_light > li.vc_grid-active > a,
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_square_dark > li > a:hover,
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_square_dark > li.vc_grid-active > a,
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_rounded_square_dark > li > a:hover,
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_rounded_square_dark > li.vc_grid-active > a,
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_rounded_square_light > li > a:hover,
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_rounded_square_light > li.vc_grid-active > a {
background-color: #e5735c !important;
}
.vc_grid-container .vc_grid-pagination-list.vc_grid-pagination_rounded_light > li > a,
.vc_grid-container .vc_grid-pagination-list.vc_grid-pagination_rounded_dark > li > a,
.vc_grid-container .vc_grid-pagination-list.vc_grid-pagination_rounded > li > a {
border-radius: 30px !important;
}
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_square > li > a,
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_square_light > li > a,
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_square_dark > li > a {
border-radius: 0 !important;
}
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_stripes_dark > li > a,
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_stripes_light > li > a {
width: 22px;
height: 36px;
line-height: 36px;
}
.vc_grid.vc_row.vc_grid-gutter-30px {
margin-bottom: 0 !important;
}
.vc_grid-container .vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item {
border: none !important;
}
.vc_grid-container .vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item:hover,
.vc_grid-container .vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item.vc_active {
background: transparent;
}
/* ==========================================================================
End of Visual Composer Grid Elements
============================================================================ */
/* ==========================================================================
Start of Parallax Layers
============================================================================ */
.eltd_parallax_layers{
width: 100%;
height: 500px;
position: relative;
overflow: hidden;
}
.eltd_parallax_layers_holder{
position: relative;
width: 110%;
height: 110%;
top: -5%;
left: -5%;
}
.eltd_parallax_layers_holder .image{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
transform: translateZ(0px);
-webkit-transform: translateZ(0px);
background-repeat:no-repeat;
}
.eltd_parallax_layers_holder .paralax_layers_content_holder{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.eltd_parallax_layers_holder .paralax_layers_content{
display: table;
width: 100%;
height: 100%;
}
.eltd_parallax_layers_holder .paralax_layers_content_inner{
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
text-align: center;
}
/* ==========================================================================
End of Parallax Layers
============================================================================ */
/*------------------Separator with text animation----------------*/
.vc_text_separator.animate_width .eltd_line_before,
.vc_text_separator.animate_width .eltd_line_after{
-webkit-transition: width 1.2s ease-in, opacity 0.1s ease-in;
transition: width 1.2s ease-in, opacity 0.1s ease-in;
opacity:0;
width:0;
}
/*------------------------------------------Contact form 7 input hover --------------------------------------------*/
.animate_input_holder {
position:relative;
}
.animate_input_holder .animate_input_text_wrap {
width: 100%;
text-align: left;
position: absolute;
bottom: 50%;
pointer-events: none;
overflow: hidden;
padding: 0 17px;
-webkit-transform: translateY(50%);
transform: translateY(50%);
-webkit-transition: -webkit-transform 0.2s ease, bottom 0.2s ease;
transition: transform 0.2s ease, bottom 0.2s ease;
box-sizing: border-box;
}
.animate_input_holder.textarea_holder .animate_input_text_wrap{
bottom: 80%;
}
.animate_input_holder .animate_input_text {
-webkit-transition: -webkit-transform 0.2s ease;
transition: transform 0.2s ease;
position: relative;
display: block;
}
.animate_input_holder .animate_input_text:after {
content: attr(data-content);
position: absolute;
bottom: 100%;
left: 0;
height: 100%;
width: 100%;
color: #e5735c;
padding: 0 0 2px 0;
}
.animate_input_holder.filled .animate_input_text_wrap{
-webkit-transform: translateY(0);
transform: translateY(0);
bottom: 100%;
}
.animate_input_holder.filled .animate_input_text {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.animate_input_holder input,
.animate_input_holder textarea{
-webkit-transition: background-color 0.2s ease, border-color 0.2s ease;
transition: background-color 0.2s ease, border-color 0.2s ease;
margin: 0 !important;
}
/* ==========================================================================
#Twitter feed
========================================================================== */
.eltd_twitter_widget li {
margin-bottom: 15px;
}
.eltd_twitter_widget .eltd_tweet_time {
margin-top: 7px;
}
/* ==========================================================================
#End of twitter feed
========================================================================== */
/* ==========================================================================
#Magnified Image
========================================================================== */
.eltd_magnified_image_holder {
position:relative;
}
.eltd_magnified_image_holder .magnifier_holder {
position:absolute;
z-index: 10;
top:-5%;
left:12%;
width: 25%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
box-shadow:2px 2px 3px #ebebeb;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
overflow: hidden;
border: 6px solid #fff;
box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.48);
background-color: #fff;
}
.eltd_magnified_image_holder img {
display: block;
}
.eltd_magnified_image_holder .overlay_holder_wrapper{
position:absolute;
z-index: 9;
top:0;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
}
.eltd_magnified_image_holder .overlay_holder{
position:absolute;
z-index: 9;
top:0;
left:-49%;
height: 100%;
width: 49%;
background-color: #fff;
-webkit-transition: left 0.3s ease-in-out;
-moz-transition: left 0.3s ease-in-out;
-o-transition: left 0.3s ease-in-out;
transition: left 0.3s ease-in-out;
overflow: hidden;
box-sizing: border-box;
padding: 23% 30px 0px;
text-align: center;
}
.eltd_magnified_image_holder:hover .overlay_holder{
left:0;
}
.eltd_magnified_image_holder .overlay_holder .vc_text_separator.full .separator_content{
font-size:24px;
line-height: 28px;
}
.eltd_magnified_image_holder .overlay_holder .subtitle_hodler {
margin-bottom: 18px;
}
.eltd_magnified_image_holder .overlay_holder .title_hodler {
margin-bottom: 30px;
}
.eltd_magnified_image_holder .overlay_holder .text_hodler {
margin-bottom: 35px;
}
/* ==========================================================================
#Magnified Image
========================================================================== */
/* ==========================================================================
#Image Stack
========================================================================== */
.image_stack {
height: 895px;
position: relative;
overflow: hidden;
}
.image_stack .slide_out_image_holder .image {
background-size: cover;
background-repeat: no-repeat;
background-position: top;
position: absolute;
bottom: 0;
width: 31.75%;
}
.image_stack:not(.stacked) .image {
box-shadow: 0px 66px 2px 4px rgba(0,0,0,0.0);
}
.image_stack .slide_out_image_holder .image.inner {
z-index:44;
opacity:0;
filter: alpha(opacity=0);
-webkit-transition:left .5s ease-in-out .25s, right .5s ease-in-out .25s, opacity .25s ease-in-out .35s, box-shadow .2s ease-in-out .6s;
transition:left .5s ease-in-out .25s, right .5s ease-in-out .25s, opacity .25s ease-in-out .35s, box-shadow .2s ease-in-out .6s;
}
.image_stack .slide_out_image_holder .image.outer {
z-index:55;
opacity:0;
filter: alpha(opacity=0);
-webkit-transition:left .6s ease-in-out .5s, right .6s ease-in-out .5s, -webkit-transform .6s ease-in-out .5s, opacity .25s ease-in-out .6s, box-shadow .2s ease-in-out .85s;
transition:left .6s ease-in-out .5s, right .6s ease-in-out .5s, transform .6s ease-in-out .5s, opacity .25s ease-in-out .6s, box-shadow .2s ease-in-out .85s;
}
.image_stack.stacked .image {
-webkit-box-shadow: 0px 66px 2px 4px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 66px 2px 4px rgba(0,0,0,0.1);
box-shadow: 0px 66px 2px 4px rgba(0,0,0,0.1);
}
.image_stack .slide_out_image_holder .image_3of5 {
z-index:66;
opacity: .88;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: -webkit-transform .5s ease-in-out .22s, opacity .3s ease-in-out .1s, box-shadow .3s ease 1s, box-shadow .2s ease-in-out .6s;
transition: transform .5s ease-in-out .22s, opacity .3s ease-in-out .1s, box-shadow .2s ease-in-out .6s;
}
.image_stack:not(.stacked) .slide_out_image_holder .image_3of5 {
-webkit-transform: translateX(-50%) scale(1.2,1.2);
-ms-transform: translateX(-50%) scale(1.2,1.2);
transform: translateX(-50%) scale(1.2,1.2);
}
.image_stack.stacked .slide_out_image_holder .image_3of5 {
left: 50%;
-webkit-transform: translateX(-50%) scale(1,1);
-ms-transform: translateX(-50%) scale(1,1);
transform: translateX(-50%) scale(1,1);
z-index: 99;
opacity:1 !important;
filter: alpha(opacity=100);
}
.image_stack:not(.stacked) .slide_out_image_holder .image_1of5,
.image_stack:not(.stacked) .slide_out_image_holder .image_2of5 {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.image_stack:not(.stacked) .slide_out_image_holder .image_4of5,
.image_stack:not(.stacked) .slide_out_image_holder .image_5of5 {
right: 50%;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
}
.image_stack.stacked .slide_out_image_holder .image_2of5 {
left: 35%;
-webkit-transform: translateX(-65%);
-ms-transform: translateX(-65%);
transform: translateX(-65%);
z-index: 88;
opacity:1;
filter: alpha(opacity=100);
}
.image_stack.stacked .slide_out_image_holder .image_4of5 {
right: 35%;
-webkit-transform: translateX(65%);
-ms-transform: translateX(65%);
transform: translateX(65%);
z-index: 88;
opacity:1;
filter: alpha(opacity=100);
}
.image_stack.stacked .slide_out_image_holder .image_1of5 {
left: 0;
z-index: 77;
opacity:1;
filter: alpha(opacity=100);
}
.image_stack.stacked .slide_out_image_holder .image_5of5 {
right: 0;
-webkit-transform: translateX(33%);
-ms-transform: translateX(33%);
transform: translateX(33%);
z-index: 77;
opacity:1;
filter: alpha(opacity=100);
}
.pop_up_image_holder {
content: '';
position: absolute;
top: 46%;
left: 66%;
width: 345px;
height: 345px;
z-index: 111;
border: 4px solid #fff;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
overflow: hidden;
background-color: #fff;
box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.3);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
-webkit-transition: opacity .3s ease-out 1.25s, -webkit-transform .4s ease-out;
transition: opacity .3s ease-out 1.25s, transform .4s ease-out;
}
.image_stack:not(.stacked) .pop_up_image_holder {
opacity: 0;
filter: alpha(opacity=0);
}
.image_stack.stacked .pop_up_image_holder {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate(-50%,-50%) translateZ(0);
transform: translate(-50%,-50%) translateZ(0);
}
.pop_up_image_holder > a {
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 555;
}
.image_stack .pop_up_image_holder .shader {
content: '';
position: absolute;
width: 120%;
height: 100%;
background-color: #fff;
opacity: .3;
filter: alpha(opacity=30);
-webkit-transform: rotate(45deg) translate(0%,-30%) translateZ(0);
transform: rotate(45deg) translate(0%,-30%) translateZ(0);
-webkit-transition: left .18s ease 1.3s, top .18s ease 1.3s, -webkit-transform .22s ease;
transition: left .18s ease 1.3s, top .18s ease 1.3s, transform .22s ease;
}
.image_stack:not(.stacked) .pop_up_image_holder .shader {
top: -125% ;
left: 120% ;
}
.image_stack.stacked .pop_up_image_holder .shader {
border-radius: 50% / 100%;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
height: 120px;
left: 8%;
padding-top: 50px;
top: 17%;
width: 345px;
}
.pop_up_image {
position: absolute;
top: 0;
width: 100%;
height: 100%;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
-webkit-transition: opacity .12s ease-out .55s, -webkit-transform .4s ease-out .65s;
transition: opacity .12s ease-out .55s, transform .4s ease-out .65s;
}
.image_stack:not(.stacked) .pop_up_image {
opacity: 0;
filter: alpha(opacity=0);
}
.image_stack.stacked .pop_up_image {
opacity: 1;
filter: alpha(opacity=100);
}
.responsive_overlay {
position: absolute;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
filter: alpha(opacity=0);
z-index: 100;
-webkit-transition: opacity .22s ease-out;
transition: opacity .22s ease-out;
background-color: rgba(0,0,0,0.7);
}
/*resize animation*/
.image_stack.stacked.resized .slide_out_image_holder .image.inner {
-webkit-transition: left .4s ease-in-out .2s, right .4s ease-in-out .2s, -webkit-transform .4s ease-out .15s, opacity .5s ease-in-out .15s;
transition: left .4s ease-in-out .2s, right .4s ease-in-out .2s, transform .4s ease-out .15s, opacity .5s ease-in-out .15s;
}
.image_stack.stacked.resized .slide_out_image_holder .image.outer {
-webkit-transition: opacity .4s ease .2s;
transition: opacity .4s ease .2s;
}
.image_stack.stacked.resized .pop_up_image_holder{
webkit-transition: opacity .12s ease-out .65s, -webkit-transform .4s ease-out .25s;
transition: opacity .12s ease-out .65s, transform .4s ease-out .25s;
}
/* ==========================================================================
#End Image Stack
========================================================================== */