/*
Theme Name:     Cre8 Child Theme
Theme URI: 		http://themeforest.net/user/artbees
Description:    Child theme for the Cre8 theme 
Author:         Your name here
Theme URI: 		http://themeforest.net/user/artbees
Template:       cre8
Version:        1.0
*/



/*
Sample : remove the comment and start adding your own custom CSS rules.

body {
	background-color:#fff;
}

*/

#mk-footer .footer-wrapper {
    padding: 50px 0px 0px 0px;
}
#home{
       border-radius: 50%;
       position: relative;
      left:16%;
}
#phone{
       border-radius: 50%;
       position: relative;
      left:10%;
}
#envelope{
       border-radius: 50%;
       position: relative;
      left:16%;
}
.mk-padding-wrapper #text-2{
    color: #fff;
    font-size: 32px;
}
.mk-padding-wrapper #text-4,.mk-padding-wrapper #text-3,.mk-padding-wrapper #text-5{
    color: #fff;
 }
#mk-footer {
    background-color: #4b4b4b !important;
}

#cre-lets h2 {
   display: none;
}
#cre-lets h2 {
    text-align: center;
    color: #fff;
    padding-top: 12px;
    font-weight: 600 !important;
 padding-top: 12px;
}
.header-style-3.header-align-center .mk-dashboard-trigger {
      display: none;
}
@media only screen 
  and (min-width: 320px) 
  and (max-width: 768px)
 {
#home{
       border-radius: 50%;
       position: inherit;
 
}
#phone{
       border-radius: 50%;
       position: inherit;
   
}
#envelope{
       border-radius: 50%;
       position: inherit;
     
}
#mk-footer .mk-col-1-5{
   width:60% !important;
   margin:auto !important;
}
.cre-out p {
     margin-top: -18px;
}
.header-align-center.header-style-3 .header-logo a{
 padding-left: 0px;
}
.fit-logo-img a{
   display: block;
 }

.header-align-center.header-style-3 .header-logo img{
     transform: none;
}
.header-style-3.header-align-center .header-logo img {
    transform: none;
}
.header-logo img{
 margin: auto;
transform: none;
position: relative !important;
}
.mk-clients .client-logo {
     opacity: 1;

}
}
.sticky_content {
    display: none;
}

#mk-footer {
       overflow: hidden;
}
@media only screen 
  and (min-width: 320px) 
  and (max-width: 767px)
   {

.sticky_content {
    width: 100%;
    display: block !important;
    margin: 0 auto;
    position: fixed;
    z-index: 111;
    background-color: rgba(0,0,0,0.6);
    bottom: 0
}
.main_row {
    display: flex;
    padding: 25px 0 23px 0;
}
#main_col1 {
    width: 22%;
    text-align: center;
}
#main_col1 a {
    border: 1px solid #ffffff;
    border-radius: 28px;
    padding: 10px;
    background-color: #b8d432;
}
#main_col1 img {
  display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
  }
#main_col2 {
    width: 56%;
    text-align: center;
}
#main_col2 a {
    background-color: rgba(0, 0, 0, 0);
    color: #ffffff;
    border-radius: 45px;
    background-color: #b8d432;
    font-weight: 600;
    font-size:16px;
    padding: 10px 35px;
    text-align: center;
}
#main_col3 {
    width: 22%;
    text-align: center;
}
#main_col3 a {
    border: 1px solid #ffffff;
    border-radius: 28px;
    padding: 10px;
    background-color: #b8d432;
}
#main_col3 img {
   display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
}
}