Search Engine Optimization techniques and strategies.
.imagescale,
.imagescalein {
display: block;
overflow: hidden;
}
.imagescale img,
.imagescalein img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
.imagescale:hover img {
-webkit-transform: scale(1);
transform: scale(1);
}
.imagescalein img {
-webkit-transform: scale(1);
transform: scale(1);
}
.imagescalein:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.grayscale {
filter: brightness(80%) grayscale(1) contrast(90%);
-webkit-filter: brightness(80%) grayscale(1) contrast(90%);
-moz-filter: brightness(80%) grayscale(1) contrast(90%);
-o-filter: brightness(80%) grayscale(1) contrast(90%);
-ms-filter: brightness(80%) grayscale(1) contrast(90%);
transition: 1s filter ease;
-webkit-transition: 1s -webkit-filter ease;
-moz-transition: 1s -moz-filter ease;
-ms-transition: 1s -ms-filter ease;
-o-transition: 1s -o-filter ease;
}
.grayscale:hover {
filter: brightness(100%) grayscale(0);
-webkit-filter: brightness(100%) grayscale(0);
-moz-filter: brightness(100%) grayscale(0);
-o-filter: brightness(100%) grayscale(0);
-ms-filter: brightness(100%) grayscale(0);
}
/* MOVING BG - TESTIMONIALS */
.bganimate {
-webkit-animation:BgAnimated 30s infinite linear;
-moz-animation:BgAnimated 30s infinite linear;
-ms-animation:BgAnimated 30s infinite linear;
-o-animation:BgAnimated 30s infinite linear;
animation:BgAnimated 30s infinite linear;
}
@-webkit-keyframes BgAnimated {
from {background-position:0 0;}
to {background-position:0 400px;}
}
@-moz-keyframes BgAnimated {
from {background-position:0 0;}
to {background-position:0 400px;}
}
@-ms-keyframes BgAnimated {
from {background-position:0 0;}
to {background-position:0 400px;}
}
@-o-keyframes BgAnimated {
from {background-position:0 0;}
to {background-position:0 400px;}
}
@keyframes BgAnimated {
from {background-position:0 0;}
to {background-position:0 400px;}
}
.input-block-level {
display: block;
width: 100% !important;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.vertical-middle {
height: auto !important;
left: 0;
}
.magnific-max-width .mfp-content { max-width: 800px; }
/* ----------------------------------------------------------------
Sections
-----------------------------------------------------------------*/
.section {
position: relative;
margin: 60px 0;
padding: 60px 0;
background-color: #F9F9F9;
overflow: hidden;
}
.parallax {
background-color: transparent;
background-attachment: fixed;
background-position: 50% 0;
background-repeat: no-repeat;
overflow: hidden;
}
.mobile-parallax,
.video-placeholder {
background-size: cover !important;
background-attachment: scroll !important;
background-position: center center;
}
.section .container { z-index: 2; }
.section .container + .video-wrap { z-index: 1; }
.revealer-image {
position: relative;
bottom: -100px;
transition: bottom .3s ease-in-out;
-webkit-transition: bottom .3s ease-in-out;
-o-transition: bottom .3s ease-in-out;
}
.section:hover .revealer-image { bottom: -50px; }
/* ----------------------------------------------------------------
Columns & Grids
-----------------------------------------------------------------*/
.postcontent { width: 860px; }
.postcontent.bothsidebar {
width: 580px;
padding: 20px;
background: white;
}
.sidebar { width: 240px; }
.col_full { width: 100%; }
.col_half { width: 48%; }
.col_one_third { width: 30.63%; }
.col_two_third { width: 65.33%; }
.col_one_fourth { width: 22%; }
.col_three_fourth { width: 74%; }
.col_one_fifth { width: 16.8%; }
.col_two_fifth { width: 37.6%; }
.col_three_fifth { width: 58.4%; }
.col_four_fifth { width: 79.2%; }
.col_one_sixth { width: 13.33%; }
.col_five_sixth { width: 82.67%; }
body.stretched .container-fullwidth {
position: relative;
/* padding: 0 60px; */
width: 100%;
}