.column-1,
.column-2,
.column-3,
.column-4 {
float: left;
padding: 0 20px 40px;
}
.column-1 {
width:100%;
}
.column-2 {
width: 50%;
}
.column-3 {
width: 33.33%;
}
.column-4 {
width: 25%;
}
.column-2:nth-child(2n+3),
.column-3:nth-child(3n+4),
.column-4:nth-child(4n+5) {
clear: both;
}
#colophon .column-1,
#colophon .column-2,
#colophon .column-3,
#colophon .column-4 {
margin-bottom: 30px;
padding: 0 15px;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
} .left-sidebar-layout #primary {
float: right;
padding-right: 0px;
}
.left-sidebar-layout #secondary {
border-left: none;
padding-right: 40px;
padding-left: 0px;
float: left;
} .no-sidebar-layout #main {
max-width: 708px;
margin: 0 auto;
} .social-links ul li a:before {
content: '\f0c1';
}
.social-links ul li a:hover {
background-color: #999;
color: #fff;
}
.social-links ul li a[href*="youtube.com"]:before {
content: '\f16a';
}
.social-links ul li a[href*="youtube.com"]:hover {
background-color: #DE1A2A;
color: #FFF;
}
.social-links ul li a[href*="vimeo.com"]:before {
content: '\f27d';
}
.social-links ul li a[href*="vimeo.com"]:hover {
background-color: #17B3E8;
color: #FFF;
}
.social-links ul li a[href*="skype.com"]:before {
content: '\f17e';
}
.social-links ul li a[href*="skype.com"]:hover {
background-color: #00ADEF;
color: #FFF;
}
.social-links ul li a[href*="xing.com"]:before {
content: '\f168';
}
.social-links ul li a[href*="xing.com"]:hover {
background-color: #005A5F;
color: #FFF;
}
.social-links ul li a[href*="slack.com"]:before {
content: '\f198';
}
.social-links ul li a[href*="slack.com"]:hover {
background-color: #5D3A58;
color: #FFF;
}
.social-links ul li a[href*="wordpress.com"]:before,
.social-links ul li a[href*="wordpress.org"]:before {
content: '\f19a';
}
.social-links ul li a[href*="wordpress.com"]:hover,
.social-links ul li a[href*="wordpress.org"]:hover {
background-color: #464442;
color: #FFF;
}
.social-links ul li a[href*="github.com"]:before {
content: '\f09b';
}
.social-links ul li a[href*="github.com"]:hover {
background-color: #000000;
color: #FFF;
}
.social-links ul li a[href*="bitbucket.org"]:before {
content: '\f171';
}
.social-links ul li a[href*="bitbucket.org"]:hover {
background-color: #1F5081;
color: #FFF;
}
.social-links ul li a[href*="jsfiddle.net"]:before {
content: '\f1cc';
}
.social-links ul li a[href*="jsfiddle.net"]:hover {
background-color: #4679A4;
color: #FFF;
}
.social-links ul li a[href*="codepen.io"]:before {
content: '\f1cb';
}
.social-links ul li a[href*="codepen.io"]:hover {
background-color: #000000;
color: #FFF;
}
.social-links ul li a[href*="tumblr.com"]:before {
content: '\f173';
}
.social-links ul li a[href*="tumblr.com"]:hover {
background-color: #314358;
color: #FFF;
}
.social-links ul li a[href*="tripadvisor.com"]:before {
content: '\f262';
}
.social-links ul li a[href*="tripadvisor.com"]:hover {
background-color: #56933F;
color: #FFF;
}
.social-links ul li a[href*="soundcloud.com"]:before {
content: '\f1be';
}
.social-links ul li a[href*="soundcloud.com"]:hover {
background-color: #FF6A22;
color: #FFF;
}
.social-links ul li a[href*="digg.com"]:before {
content: '\f1a6';
}
.social-links ul li a[href*="digg.com"]:hover {
background-color: #1B5891;
color: #FFF;
}
.social-links ul li a[href*="reddit.com"]:before {
content: '\f1a1';
}
.social-links ul li a[href*="reddit.com"]:hover {
background-color: #FF4500;
color: #FFF;
}
.social-links ul li a[href*="stumbleupon.com"]:before {
content: '\f1a4';
}
.social-links ul li a[href*="stumbleupon.com"]:hover {
background-color: #EB4823;
color: #FFF;
}
.social-links ul li a[href*="getpocket.com"]:before {
content: '\f265';
}
.social-links ul li a[href*="getpocket.com"]:hover {
background-color: #ED4054;
color: #FFF;
}
.social-links ul li a[href*="dropbox.com"]:before {
content: '\f16b';
}
.social-links ul li a[href*="dropbox.com"]:hover {
background-color: #007EE6;
color: #FFF;
}
.social-links ul li a[href*="vine.co"]:before {
content: '\f1ca';
}
.social-links ul li a[href*="vine.co"]:hover {
background-color: #00BF8F;
color: #FFF;
}
.social-links ul li a[href*="vk.com"]:before {
content: '\f189';
}
.social-links ul li a[href*="vk.com"]:hover {
background-color: #55779B;
color: #FFF;
}
.social-links ul li a[href*="whatsapp.com"]:before {
content: '\f232';
}
.social-links ul li a[href*="whatsapp.com"]:hover {
background-color: #0DC143;
color: #FFF;
}
.social-links ul li a[href*="last.fm"]:before {
content: '\f202';
}
.social-links ul li a[href*="last.fm"]:hover {
background-color: #B90000;
color: #FFF;
}
.social-links ul li a[href*="forumbee.com"]:before {
content: '\f211';
}
.social-links ul li a[href*="forumbee.com"]:hover {
background-color: #85AB2E;
color: #FFF;
}
.social-links ul li a[href*="foursquare.com"]:before {
content: '\f180';
}
.social-links ul li a[href*="foursquare.com"]:hover {
background-color: #FA4778;
color: #FFF;
}
.social-links ul li a[href*="500px.com"]:before {
content: '\f26e';
}
.social-links ul li a[href*="500px.com"]:hover {
background-color: #000;
color: #FFF;
}
.social-links ul li a[href*="paypal.com"]:before {
content: '\f1ed';
}
.social-links ul li a[href*="paypal.com"]:hover {
background-color: #003087;
color: #FFF;
}
.social-links ul li a[href*="viadeo.com"]:before {
content: '\f2a9';
}
.social-links ul li a[href*="viadeo.com"]:hover {
background-color: #f07355;
color: #FFF;
}
.social-links li a[href*="telegram.org"]:before {
content: '\f2c6';
}
.social-links li a[href*="telegram.org"]:hover {
background-color: #27A5E7;
color: #fff;
}
.social-links li a[href*="dropbox.com"]:before {
content: '\f16b';
}
.social-links li a[href*="dropbox.com"]:hover {
background-color: #0070E0;
color: #fff;
}
.social-links li a[href*="google.com/wallet"]:before {
content: '\f1ee';
}
.social-links li a[href*="google.com/wallet"]:hover {
background-color: #0f9d58;
color: #fff;
}
.social-links li a[href*="git-scm.com"]:before {
content: '\f1d3';
}
.social-links li a[href*="git-scm.com"]:hover {
background-color: #f14e32;
color: #fff;
}
.social-links li a[href*="git-scm.com"]:before {
content: '\f1d3';
}
.social-links li a[href*="git-scm.com"]:hover {
background-color: #f14e32;
color: #fff;
}
.social-links li a[href*="stackoverflow.com"]:before {
content: '\f16c';
}
.social-links li a[href*="stackoverflow.com"]:hover {
background-color: #f48024;
color: #fff;
}
.social-links li a[href*="wikipedia.org"]:before {
content: '\f266';
}
.social-links li a[href*="wikipedia.org"]:hover {
background-color: #000;
color: #fff;
}
.social-links li a[href*="/feed"]:before {
content: '\f09e';
}
.social-links li a[href*="/feed"]:hover {
background-color: #FFA500;
color: #fff;
}
.social-links li a[href*="ok.ru"]:before {
content: '\f263';
}
.social-links li a[href*="ok.ru"]:hover {
background-color: #F58220;
color: #fff;
}
.social-links li a[href*="mixcloud.com"]:before {
content: '\f289';
}
.social-links li a[href*="mixcloud.com"]:hover {
background-color: #31455C;
color: #fff;
}
.social-links li a[href*="/itunes/"]:before {
content: '\f001';
}
.social-links li a[href*="/itunes/"]:hover {
background-color: #ff6932;
background: linear-gradient(135deg,  #ff6932 20%,#d600fc 50%,#3cf2fc 80%);
color: #fff;
}
.social-links li a[href*="behance.net"]:before { 
content: '\f1b4'; 
}
.social-links li a[href*="behance.net"]:hover {
background-color: #131418;
color: #fff;
}
.social-links li a[href*="mailto:"]:before {
content: '\f0e0';
}
.social-links li a[href*="mailto:"]:hover {
background-color: #000000;
color: #fff;
}
.social-links li a[href*="twitch.tv"]:before {
content: '\f1e8';
}
.social-links li a[href*="twitch.tv"]:hover { 
background-color: #9147ff;
color: #fff;
}
.social-links li a[href*="mastercard.us"]:before {
content: '\f1f1';
}
.social-links li a[href*="mastercard.us"]:hover {
background-color: #CF4500;
color: #fff;
}
.social-links li a[href*="stripe.com"]:before {
content: '\f1f5';
}
.social-links li a[href*="stripe.com"]:hover {
background-color: #635bff;
color: #fff;
}
.social-links li a[href*="visa.com"]:before {
content: '\f1f0';
}
.social-links li a[href*="visa.com"]:hover {
background-color: #1951B1;
color: #fff;
}
.social-links li a[href*="tiktok.com"]:before {
content: '\e07b';
}
.social-links li a[href*="tiktok.com"]:hover {
background-color: #000000;
color: #fff;
} .latest-blog-box {
background-color: #fff;
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 65px 0 40px;
}
.latest-blog-content {
background-clip: content-box;
background-color: #f8f8f8;
border: 1px solid #eee;
margin-bottom: 40px;
padding: 3px;
}
.latest-blog-content .post {
display: inline-block;
margin-bottom: 0;
padding: 30px 30px 0;
width: 100%;
}
.latest-blog-image {
float: left;
margin-bottom: 30px;
overflow: hidden;
padding-right: 30px;
position: relative;
width: calc(30% + 30px);
}
.latest-blog-image .post-featured-image a:after {
color: rgba(255, 255, 255, 0.9);
content: '\f08e';
font-family: "FontAwesome";
font-size: 28px;
left: 0;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
position: absolute;
right: 0;
text-align: center;
top: 20%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
.latest-blog-image .post-featured-image a:before {
background-color: rgba(255, 255, 255, 0.3);
bottom: 200px;
content: "";
left: 200px;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
position: absolute;
right: 200px;
top: 200px;
-webkit-transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out;
-o-transition: all 500ms ease-out;
-ms-transition: all 500ms ease-out;
transition: all 500ms ease-out;
z-index: 1;
}
.latest-blog-image .post-featured-image a:hover:after {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
top: 50%;
}
.latest-blog-image .post-featured-image a:hover:before {
bottom: 10px;
left: 10px;
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
right: 10px;
top: 10px;
}
.latest-blog-image .post-featured-image {
margin-bottom: 0;
overflow: hidden;
position: relative;
}
.latest-blog-image .post-featured-image a img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out;
-o-transition: all 500ms ease-out;
-ms-transition: all 500ms ease-out; 
transition: all 500ms ease-out;
}
.latest-blog-image .post-featured-image a:hover img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.latest-blog-image .post-featured-image a:focus img {
transform: none;
transition: all 0ms ease-out;
}
.latest-blog-text {
width: 100%;
}
.latest-blog-box .entry-footer {
display: none;
}
.latest-blog-text .entry-meta span {
font-style: italic;
}
.latest-blog-box .latest-blog-content:nth-child(2n) .latest-blog-image {
float: right;
padding-left: 30px;
padding-right: 0;
} .timeline-box {
background-color: #fff;
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 65px 0 0;
position: relative;
text-align: center;
}
.timeline-column {
margin: 0 auto;
overflow: hidden;
padding: 30px 0 65px;
position: relative;
}
.timeline-column:before {
background-color: #e8e8e8;
bottom: 0;
content: " ";
left: calc(50% - 1px);
margin-left: 0;
position: absolute;
top: 0;
width: 2px;
}
.timeline-column .timeline-content {
background: #fafafa;
border: 1px solid #e8e8e8;
clear: both;
display: block;
float: left;
list-style-type: none;
margin: 0 2.5% 3em;
padding: 25px;
position: relative;
width: 45%;
z-index: 15;
text-align: left;
-webkit-transition: all 300ms ease-in-out 0s;
-moz-transition: all 300ms ease-in-out 0s;
-o-transition: all 300ms ease-in-out 0s;
-ms-transition: all 300ms ease-in-out 0s;
transition: all 300ms ease-in-out 0s;
}
.timeline-icon {
float: left;
}
.timeline-icon img {
float: left;
height: 35px;
width: 35px;
}
.timeline-title {
padding-left: 50px;
}
.timeline-column .timeline-content:hover:after {
background-color: #dc143c;
}
.timeline-column .timeline-content:after {
background-color: #fff;
border: 2px solid #dc143c;
border-radius: 50%;
content: " ";
display: block;
height: 15px;
position: absolute;
right: -7.15%;
top: 1.5em;
width: 15px;
}
.timeline-column .timeline-content:first-child {
margin-top: 0;
}
.timeline-column .timeline-content:nth-of-type(n):before {
border-color: transparent #e8e8e8;
border-style: solid;
border-width: 10px 0 10px 10px;
content: " ";
display: inline-block;
position: absolute;
right: -10px;
top: 20px;
}
.timeline-column .timeline-content:nth-of-type(2n) {
clear: right;
float: right;
margin-bottom: 0;
margin-top: 3em;
}
.timeline-column .timeline-content:nth-of-type(2n):before {
border-color: transparent #e8e8e8;
border-style: solid;
border-width: 10px 10px 10px 0;
content: " ";
display: inline-block;
left: -10px;
position: absolute;
right: auto;
top: 20px;
}
.timeline-column .timeline-content:nth-child(2n):after {
left: -7.15%;
right: auto;
}
.timeline-content:hover, .timeline-content:focus {
-webkit-box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.7);
box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.7);
-webkit-transform: translate(0, -7px);
-moz-transform: translate(0, -7px);
-o-transform: translate(0, -7px);
-ms-transform: translate(0, -7px);
transform: translate(0, -7px);
} .client-box {
margin-bottom: 0;
margin-bottom: -1px;
text-align: center;
}
.client-box .box-title:after {
margin: 10px auto 0;
width: 50px;
}
.client-box .box-title {
font-size: 16px;
}
.client-content-box {
max-width: 1025px;
margin: 0 auto;
}
.client-content {
background-color: #fafafa;
border-top: 1px solid rgba(0, 0, 0, 0.07);
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
padding: 20px 0;
}
.client-slider {
background-color: transparent;
border: none;
}