WARNING !!
YOUR LAYOUT IS INCOMPLETE!
ADD THE FOLLOWING CODE TO YOUR PAGE / SITE TO COMPLETE IT NOW!
↓
Custom CSS > ADD THIS TO COMPLETE THE LAYOUT! ↓
/* Start Background Custom Column */
.background_1.et_pb_column {
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background: linear-gradient(
rgba(31, 31, 29, 0.70),
rgba(31, 31, 29, 0.80)
),
url(https://creativechildthemes.com/about-template/wp-content/uploads/sites/15/2016/05/team-5-1.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.background_2.et_pb_column {
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background: linear-gradient(
rgba(31, 31, 29, 0.70),
rgba(31, 31, 29, 0.80)
),
url(https://creativechildthemes.com/about-template/wp-content/uploads/sites/15/2016/05/team-4-1.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.background_3.et_pb_column {
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background: linear-gradient(
rgba(31, 31, 29, 0.70),
rgba(31, 31, 29, 0.80)
),
url(https://creativechildthemes.com/about-template/wp-content/uploads/sites/15/2016/05/team-1.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.background_4.et_pb_column {
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background: linear-gradient(
rgba(31, 31, 29, 0.70),
rgba(31, 31, 29, 0.80)
),
url(https://creativechildthemes.com/about-template/wp-content/uploads/sites/15/2016/05/team-3.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.background_5.et_pb_column {
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background: linear-gradient(
rgba(31, 31, 29, 0.70),
rgba(31, 31, 29, 0.80)
),
url(https://creativechildthemes.com/about-template/wp-content/uploads/sites/15/2016/05/team-2.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.background_6.et_pb_column {
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background: linear-gradient(
rgba(31, 31, 29, 0.70),
rgba(31, 31, 29, 0.80)
),
url(https://creativechildthemes.com/about-template/wp-content/uploads/sites/15/2016/05/team-1.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
/* ————–End Background Custom Column ——————*/
.blurb_about .et_pb_blurb .button_blurb {
border: 2px solid #4c4c4c;
border-radius: 0px !important;
color: #4c4c4c;
display: block;
font-size: 15px;
font-weight: 600;
margin: 5% auto;
max-width: 70%;
padding: 0.6em 1.9em;
position: relative;
transition: 0.3s;
}
.blurb_about .et_pb_blurb .button_blurb:hover {
background-color: #4c4c4c;
color: #fff;
}
.blurb_about .et_pb_blurb h4 {
-webkit-transform: translate3d(0,88px,0);
transform: translate3d(0,88px,0);
-webkit-transition: -webkit-transform .35s;
transition: transform .35s;
}
.blurb_about .et_pb_blurb p {
-webkit-transform: translate3d(0,40px,0);
transform: translate3d(0,40px,0);
-webkit-transition: opacity .1s,-webkit-transform .35s;
transition: opacity .1s,transform .35s;
filter: alpha(opacity=0);
opacity: 0;
padding-top: 5%;
zoom: 1;
}
.blurb_about .et_pb_blurb_content {
height: 300px;
padding: 5%;
position: relative;
}
.blurb_about .et_pb_blurb_content:hover {
height: 300px;
padding: 4% 12%;
position: relative;
}
.blurb_about .et_pb_column {
transition: .3s;
}
.blurb_about .et_pb_column:hover {
background: #fafafa;
}
.blurb_about .et_pb_column:hover h4 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
color: #6c6c6c !important;
font-size: 22px !important;
}
.blurb_about .et_pb_column:hover p {
-webkit-transform: translate3d(0,0,0);
-webkit-transition-delay: .05s;
-webkit-transition-duration: .35s;
filter: alpha(opacity=1);
opacity: 1;
transform: translate3d(0,0,0);
transition-delay: .05s;
transition-duration: .35s;
zoom: 1;
}
/*********************************************************
******** COUNTER COSTUMERS ABOUT PAGE ***********
*******************************************************/
@media only screen and (min-width: 981px) {
.counter_custom,.et_pb_number_counter .percent p {
margin-left: -30%;
}
}
/*********************************************************
*************** ICON SOCIAL IMAGE TEAM **************
*******************************************************/
.social_about {
-moz-transform: translateX(355px);
-ms-transform: translateX(355px);
-o-transform: translateX(355px);
-webkit-transform: translateX(355px);
transform: translateX(355px);
margin-top: -22% !important;
position: relative;
width: 27%;
}
.social_blurb {
margin: -80px 0 0 20px !important;
position: relative !important;
z-index: 5 !important;
}
@media only screen and (min-width: 981px) {
.et_pb_gutters2 .et_pb_column, .et_pb_gutters2.et_pb_row .et_pb_column {
margin-right: 1.5% !important;
}
}
/**********************************************************
***************** EFFECT BLACK & WHITE ***************
*******************************************************/
.et_pb_main_blurb_image {
-moz-filter: grayscale(100%);
-moz-transition: .5s ease-in-out;
-o-filter: grayscale(100%);
-o-transition: .5s ease-in-out;
-webkit-filter: grayscale(100%);
-webkit-transition: .5s ease-in-out;
}
.filter_grey img {
-moz-filter: grayscale(100%);
-moz-transition: .5s ease-in-out;
-o-filter: grayscale(100%);
-o-transition: .5s ease-in-out;
-webkit-filter: grayscale(100%);
-webkit-transition: .5s ease-in-out;
}
.filter_grey:hover img {
-moz-filter: grayscale(0%);
-moz-transition: .5s ease-in-out;
-o-filter: grayscale(0%);
-o-transition: .5s ease-in-out;
-webkit-filter: grayscale(0%);
-webkit-transition: .5s ease-in-out;
}
/**********************************************************
******** ANIMATION BOTTOM TO TOP ******************
*******************************************************/
.bottom-animated.et-animated {
opacity: 1;
-webkit-animation: fadeBottom 1.5s 1 cubic-bezier(0.77,0,.175,2);
-moz-animation: fadeBottom 1.5s 1 cubic-bezier(0.77,0,.175,2);
-o-animation: fadeBottom 1.3s 1 cubic-bezier(0.77,0,.175,2);
animation: fadeBottom 1.3s 1 cubic-bezier(0.77,0,.175,2);
}
/**********************************************************
**** BUTTON CALL TO ACTION CUSTOM (Footer) ********
*******************************************************/
.button_custom.et_pb_button{
min-width: 50% !important;
line-height: 2.4em !important ;
}