.column-1,
.column-2,
.column-3,
.column-4 {
float: left;
padding: 0 15px 30px;
}
.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 #primary {
float: inherit;
margin: 0 auto;
max-width: 708px;
} .full-width-layout #primary {
width: 100%;
} .social-links li a:before {
content: '\f0c1';
}
.social-links li a:hover {
color: #999;
}
.social-links li a[href*="youtube.com"]:before {
content: '\f16a';
}
.social-links li a[href*="youtube.com"]:hover {
color: #DE1A2A;
}
.social-links li a[href*="vimeo.com"]:before {
content: '\f27d';
}
.social-links li a[href*="vimeo.com"]:hover {
color: #17B3E8;
}
.social-links li a[href*="skype.com"]:before {
content: '\f17e';
}
.social-links li a[href*="skype.com"]:hover {
color: #00ADEF;
}
.social-links li a[href*="xing.com"]:before {
content: '\f168';
}
.social-links li a[href*="xing.com"]:hover {
color: #005A5F;
}
.social-links li a[href*="slack.com"]:before {
content: '\f198';
}
.social-links li a[href*="slack.com"]:hover {
color: #5D3A58;
}
.social-links li a[href*="wordpress.com"]:before,
.social-links li a[href*="wordpress.org"]:before {
content: '\f19a';
}
.social-links li a[href*="wordpress.com"]:hover,
.social-links li a[href*="wordpress.org"]:hover {
color: #464442;
}
.social-links li a[href*="github.com"]:before {
content: '\f09b';
}
.social-links li a[href*="github.com"]:hover {
color: #000000;
}
.social-links li a[href*="bitbucket.org"]:before {
content: '\f171';
}
.social-links li a[href*="bitbucket.org"]:hover {
color: #1F5081;
}
.social-links li a[href*="jsfiddle.net"]:before {
content: '\f1cc';
}
.social-links li a[href*="jsfiddle.net"]:hover {
color: #4679A4;
}
.social-links li a[href*="codepen.io"]:before {
content: '\f1cb';
}
.social-links li a[href*="codepen.io"]:hover {
color: #000000;
}
.social-links li a[href*="tumblr.com"]:before {
content: '\f173';
}
.social-links li a[href*="tumblr.com"]:hover {
color: #314358;
}
.social-links li a[href*="tripadvisor.com"]:before {
content: '\f262';
}
.social-links li a[href*="tripadvisor.com"]:hover {
color: #56933F;
}
.social-links li a[href*="soundcloud.com"]:before {
content: '\f1be';
}
.social-links li a[href*="soundcloud.com"]:hover {
color: #FF6A22;
}
.social-links li a[href*="digg.com"]:before {
content: '\f1a6';
}
.social-links li a[href*="digg.com"]:hover {
color: #1B5891;
}
.social-links li a[href*="reddit.com"]:before {
content: '\f1a1';
}
.social-links li a[href*="reddit.com"]:hover {
color: #FF4500;
}
.social-links li a[href*="stumbleupon.com"]:before {
content: '\f1a4';
}
.social-links li a[href*="stumbleupon.com"]:hover {
color: #EB4823;
}
.social-links li a[href*="getpocket.com"]:before {
content: '\f265';
}
.social-links li a[href*="getpocket.com"]:hover {
color: #ED4054;
}
.social-links li a[href*="dropbox.com"]:before {
content: '\f16b';
}
.social-links li a[href*="dropbox.com"]:hover {
color: #007EE6;
}
.social-links li a[href*="vine.co"]:before {
content: '\f1ca';
}
.social-links li a[href*="vine.co"]:hover {
color: #00BF8F;
}
.social-links li a[href*="vk.com"]:before {
content: '\f189';
}
.social-links li a[href*="vk.com"]:hover {
color: #55779B;
}
.social-links li a[href*="whatsapp.com"]:before {
content: '\f232';
}
.social-links li a[href*="whatsapp.com"]:hover {
color: #0DC143;
}
.social-links li a[href*="last.fm"]:before {
content: '\f202';
}
.social-links li a[href*="last.fm"]:hover {
color: #B90000;
}
.social-links li a[href*="forumbee.com"]:before {
content: '\f211';
}
.social-links li a[href*="forumbee.com"]:hover {
color: #85AB2E;
}
.social-links li a[href*="foursquare.com"]:before {
content: '\f180';
}
.social-links li a[href*="foursquare.com"]:hover {
color: #FA4778;
}
.social-links li a[href*="500px.com"]:before {
content: '\f26e';
}
.social-links li a[href*="500px.com"]:hover {
color: #000;
}
.social-links li a[href*="paypal.com"]:before {
content: '\f1ed';
}
.social-links li a[href*="paypal.com"]:hover {
color: #003087;
}
.social-links li a[href*="viadeo.com"]:before {
content: '\f2a9';
}
.social-links li a[href*="viadeo.com"]:hover {
color: #f07355;
}
.social-links li a[href*="telegram.org"]:before {
content: '\f2c6';
}
.social-links li a[href*="telegram.org"]:hover {
color: #27A5E7;
}
.social-links li a[href*="dropbox.com"]:before {
content: '\f16b';
}
.social-links li a[href*="dropbox.com"]:hover {
color: #0070E0;
}
.social-links li a[href*="google.com/wallet"]:before {
content: '\f1ee';
}
.social-links li a[href*="google.com/wallet"]:hover {
color: #0f9d58;
}
.social-links li a[href*="git-scm.com"]:before {
content: '\f1d3';
}
.social-links li a[href*="git-scm.com"]:hover {
color: #f14e32;
}
.social-links li a[href*="git-scm.com"]:before {
content: '\f1d3';
}
.social-links li a[href*="git-scm.com"]:hover {
color: #f14e32;
}
.social-links li a[href*="stackoverflow.com"]:before {
content: '\f16c';
}
.social-links li a[href*="stackoverflow.com"]:hover {
color: #f48024;
}
.social-links li a[href*="wikipedia.org"]:before {
content: '\f266';
}
.social-links li a[href*="wikipedia.org"]:hover {
color: #000;
}
.social-links li a[href*="/feed"]:before {
content: '\f09e';
}
.social-links li a[href*="/feed"]:hover {
color: #FFA500;
}
.social-links li a[href*="ok.ru"]:before {
content: '\f263';
}
.social-links li a[href*="ok.ru"]:hover {
color: #F58220;
}
.social-links li a[href*="mixcloud.com"]:before {
content: '\f289';
}
.social-links li a[href*="mixcloud.com"]:hover {
color: #31455C;
}
.social-links li a[href*="/itunes/"]:before {
content: '\f001';
}
.social-links li a[href*="/itunes/"]:hover {
color: #000;
} .client-content-box {
background-color: #fff;
padding: 50px 0;
}
.client-content-box .box-header:after {
content: "";
height: 2px;
background-color: #ff4530;
width: 60%;
display: block;
margin: 0 auto;
}
.client-content-box .client-wrap:nth-of-type(2n) .box-header:after {
background-color: #a85ad4;
}
.client-content-box .client-wrap:nth-of-type(3n) .box-header:after {
background-color: #3dace1;
}
.client-content-box .box-header {
margin-bottom: 40px;
text-align: center;
}
.client-slider .slides li a:hover {
opacity: 0.7;
}
.client-slider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
html[xmlns] .client-slider .slides {
display: block;
}
* html .client-slider .slides {
height: 1%;
}
.client-slider:before,
.client-slider:after {
background: #fff; background: -webkit-linear-gradient(left,rgba(255,255,255,1), rgba(255,255,255,0)); background: -o-linear-gradient(right,rgba(255,255,255,1), rgba(255,255,255,0)); background: -moz-linear-gradient(right,rgba(255,255,255,1), rgba(255,255,255,0)); background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0)); bottom: 0;
content: "";
position: absolute;
top: 0;
width: 100px;
z-index: 1;
}
.client-slider:after {
right: 0;
transform: rotate(180deg);
}
.client-slider {
background-color: transparent;
position: relative;
}
.client-content-box .client-wrap:nth-of-type(2n) {
margin: 50px auto 0;
width: 90%;
}
.client-content-box .client-wrap:nth-of-type(3n) {
margin: 50px auto 0;
width: 80%;
}  .animation-left .layer-slider li .slider-title,
.animation-left .layer-slider li .slider-text,
.animation-left .layer-slider li .slider-buttons {
-webkit-animation-duration: .1s;
animation-duration: .1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
.animation-left .layer-slider li.flex-active-slide .slider-content .slider-title,
.animation-left .layer-slider li.flex-active-slide .slider-content .slider-text,
.animation-left .layer-slider li.flex-active-slide .slider-content .slider-buttons {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
.animation-left .layer-slider li.flex-active-slide .slider-content .slider-title {
-webkit-animation-delay: .8s;
animation-delay: .8s;
}
.animation-left .layer-slider li.flex-active-slide .slider-content .slider-text {
-webkit-animation-delay: .6s;
animation-delay: .6s;
}
.animation-left .layer-slider li.flex-active-slide .slider-content .slider-buttons {
-webkit-animation-delay: 1s;
animation-delay: 1s;
} .animation-right .layer-slider li .slider-title,
.animation-right .layer-slider li .slider-text,
.animation-right .layer-slider li .slider-buttons {
-webkit-animation-duration: .1s;
animation-duration: .1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
.animation-right .layer-slider li.flex-active-slide .slider-content .slider-title,
.animation-right .layer-slider li.flex-active-slide .slider-content .slider-text,
.animation-right .layer-slider li.flex-active-slide .slider-content .slider-buttons {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
.animation-right .layer-slider li.flex-active-slide .slider-content .slider-title {
-webkit-animation-delay: .8s;
animation-delay: .8s;
}
.animation-right .layer-slider li.flex-active-slide .slider-content .slider-text {
-webkit-animation-delay: .6s;
animation-delay: .6s;
}
.animation-right .layer-slider li.flex-active-slide .slider-content .slider-buttons {
-webkit-animation-delay: 1s;
animation-delay: 1s;
} .animation-top .layer-slider li .slider-title,
.animation-top .layer-slider li .slider-text,
.animation-top .layer-slider li .slider-buttons {
-webkit-animation-duration: .1s;
animation-duration: .1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeOutTop;
animation-name: fadeOutTop;
}
.animation-top .layer-slider li.flex-active-slide .slider-content .slider-title,
.animation-top .layer-slider li.flex-active-slide .slider-content .slider-text,
.animation-top .layer-slider li.flex-active-slide .slider-content .slider-buttons {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInTop;
animation-name: fadeInTop;
}
.animation-top .layer-slider li.flex-active-slide .slider-content .slider-title {
-webkit-animation-delay: .8s;
animation-delay: .8s;
}
.animation-top .layer-slider li.flex-active-slide .slider-content .slider-text {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.animation-top .layer-slider li.flex-active-slide .slider-content .slider-buttons {
-webkit-animation-delay: .6s;
animation-delay: .6s;
} @-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
} @-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
} @-webkit-keyframes fadeInTop {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInTop {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes fadeOutTop {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutTop {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
} .team-slider-off .slides > li {
display: inline-block;
float: left;
padding: 10px;
width: 25%;
}
.team-slider-off .slides > li:nth-child(4n+5) {
clear: both;
}
@media only screen and (max-width: 1023px) {
.team-slider-off .slides > li {
width: 33.33%;
}
.team-slider-off .slides > li:nth-child(3n+4) {
clear: both;
}
.team-slider-off .slides > li:nth-child(4n+5) {
clear: none;
}
}
@media only screen and (max-width: 767px) {
.team-slider-off .slides > li {
width: 50%;
}
.team-slider-off .slides > li:nth-child(2n+3) {
clear: both;
}
.team-slider-off .slides > li:nth-child(3n+4) {
clear: none;
}
}
@media only screen and (max-width: 480px) {
.team-slider-off .slides > li {
width: 100%;
}
}