/*
Theme Name: OptimizeWP
Theme URI: http://optimize.mikado-themes.com/
Description: SEO, Digital Marketing, Social Media Theme
Author: Mikado Themes
Author URI: http://themeforest.net/user/mikado-themes
Version: 1.3.1
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/

@import col-service-2url('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');

.col-service-1 .mkdf-icon-element:hover, .col-service-2 .mkdf-icon-element:hover,
.col-service-3 .mkdf-icon-element:hover, .col-service-4 .mkdf-icon-element:hover,
.col-service-5 .mkdf-icon-element:hover, .col-service-6 .mkdf-icon-element:hover {
          transform: scale(1.6);
}

.col-service-1 .mkdf-icon-element, .col-service-2 .mkdf-icon-element,
.col-service-3 .mkdf-icon-element, .col-service-4 .mkdf-icon-element, 
.col-service-5 .mkdf-icon-element, .col-service-6 .mkdf-icon-element{
        -moz-transition: transition:0.3s cubic-bezier(0,1.2,.2,1.5) !important;
    -webkit-transition: 0.3s cubic-bezier(0,1.2,.2,1.5) !important;
    transition: transition:0.3s cubic-bezier(0,1.2,.2,1.5) !important;
  
}


.col-service-1 .mkdf-icon-element, .col-service-2 .mkdf-icon-element,
.col-service-3 .mkdf-icon-element, .col-service-4 .mkdf-icon-element,
.col-service-5 .mkdf-icon-element, .col-service-6 .mkdf-icon-element {
font-size: 60px  !Important;
}


.mkdf-page-header .mkdf-sticky-header .mkdf-sticky-holder {
    background-color: #fff;
    border: 1px solid whitesmoke !important;
      height: 128% !important;
    padding: 13px !important;
}


#position-top-sticky-header .mkdf-position-right, #position-top-sticky-header #social {
    display: inline !important;
    margin-top: -40px;
}

#btn-contact-us:hover{
    background-color: #323232;
}


#mid-col-nav {
margin-top: 15px;
}

#position-bot-sticky-header {
display: none
}

#menu-primary-menu-3 a{
  color: black !important;
}
#menu-primary-menu-3 a:hover{
  color: #0070ba !important;
}


.mkdf-page-header .mkdf-grid {
margin-top: 1%;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1366px) 
and (orientation : portrait) {
  .col-service-5 i, .col-service-5{
        height: auto;
  }
}



.mkdf-menu-area .mkdf-logo-wrapper{
display: none}

.home .mkdf-page-header .mkdf-menu-area .mkdf-vertical-align-containers .mkdf-position-left{
float: right;
}

.home .mkdf-page-header .mkdf-menu-area .mkdf-vertical-align-containers .mkdf-position-right{
float: left;
}

.home .widget_mkdf_call_to_action_button .mkdf-call-to-action-button{
    height: 60%;
    margin-top: 20px;
}


.img-top-header-logo{
    margin-top: -28px;
    position: relative;
    height: 50% !important;
    width: 67% !important;
}

.mkdf-logo-wrapper a img {
      height: 182% !important;
    margin-top: -23px !important;
}

.mkdf-top-bar{
    height: 92px;
    background: white;
    /* border-bottom: 1px solid #f2f2f2; */
    box-shadow: 2px 2px #3333;
}



body{
overflow-y: hidden !important;
}

/*header.mkdf-mobile-header{
     height: 100px !important;
} */

.mkdf-mobile-header .mkdf-mobile-logo-wrapper img {
    width: 100% !important;
    margin-top: -10px !important;
}

/*.home .mkdf-icon-shortcode.circle .mkdf-icon-element, .mkdf-icon-shortcode.square .mkdf-icon-element{
margin-left: 17px;
} */

.mkdf-vertical-align-containers .mkdf-position-center{
  top: 37px;
}


@media screen and (min-width: 320px){
.mkdf-mobile-header .mkdf-mobile-logo-wrapper img {
      height: 250% !important;
    width: 100% !important;
    margin-top: -33px !important;

}

.home .vc_custom_1495106078779{
padding-top: 0px !important;
}

}


@media screen and (min-width: 767px)
{
.mkdf-mobile-header .mkdf-mobile-logo-wrapper img {
    height: 233% !important;
    width: auto !important;
    margin-top: -31px !important;
}


}


.home .cf7_custom_style_3  .wpcf7-text,
.home .cf7_custom_style_3 .wpcf7-textarea
{
/*background: rgba(25, 119, 183, 0.9) !important;
color: white !important; */

    background: #1d7ab7 !important;
    color: white !important;
    /* content: ' '; */
    /* display: block; */
    /* position: absolute; */
    left: 0;
    top: 0;
    width: 90% !important;
    height: 100%;
    z-index: 5;
    opacity: 0.9;
    margin-left: 40px; 


}

.home .cf7_custom_style_3 .wpcf7-submit{ 
background: #ecf5fa !important;
border-color: #ecf5fa !important;
color: black !important;
    text-align: center;
        margin-left: 40px;
    position: absolute;
}

footer .mkdf-footer-bottom-holder{
background: white !important;
    height: 0px !important; 
}


/* Footer */
.container-footer {
    margin-left: 58px;
    margin-right: 100px;
    padding: 15px;
}



.card-img{
    width: 230px;
    height: 60px;
    background: url(https://www.webstepup.com.au/wp-content/uploads/2017/12/webstepupwcolorNew.png) no-repeat;
}
 
.card-img:hover {  
background: url(https://www.webstepup.com.au/wp-content/uploads/2017/12/webstepUpColorF.png) no-repeat;
    }

.container-footer .pull-right{
    margin-top: -63px !important;
}


.img-footer-logo {
background: url('https://www.webstepup.com.au/wp-content/uploads/2017/12/webstepupwcolorNew.png');
}

::-webkit-input-placeholder { /* WebKit browsers */
color: white!important;
opacity: 1;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #000 !important;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #000 !important;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #000 !important;
opacity: 1;
}


@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');

.smGlobalBtn1{
    background: transparent !Important;
        box-shadow: 0 2px 2px transparent !Important;

}

.smGlobalBtn{ /* global button class */
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 50px;
    height: 50px;
    box-shadow: 0 2px 2px #999;
    padding: 0px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 25px;
    font-weight: normal;
    line-height: 2em;
    border-radius: 0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
}

/* facebook button class*/
.facebookBtn{
    background: #4060A5;
}

.facebookBtn:before{ /* use :before to add the relevant icons */
    font-family: "FontAwesome";
    content: "\f09a"; /* add facebook icon */
}

.facebookBtn:hover{
    color: #4060A5;
    background: #fff;
}

/* twitter button class*/
.twitterBtn{
    background: #00ABE3;
}

.twitterBtn:before{
      font-family: "FontAwesome";
      content: "\f099"; /* add twitter icon */
}

.twitterBtn:hover{
      color: #00ABE3;
      background: #fff;
}

/* google plus button class*/
.googleplusBtn{
    background: #e64522;
}

.googleplusBtn:before{
      font-family: "FontAwesome";
      content: "\f0d5"; /* add googleplus icon */
}

.googleplusBtn:hover{
      color: #e64522;
      background: #fff;
}

/* linkedin button class*/
.linkedinBtn{
    background: #0094BC;
}

.linkedinBtn:before{
      font-family: "FontAwesome";
      content: "\f0e1"; /* add linkedin icon */
}

.linkedinBtn:hover{
      color: #0094BC;
      background: #fff;
}

/* pinterest button class*/
.pinterestBtn{
    background: #cb2027;
}

.pinterestBtn:before{
      font-family: "FontAwesome";
      content: "\f0d2"; /* add pinterest icon */
}

.pinterestBtn:hover{
      color: #cb2027;
      background: #fff;
}

/* tumblr button class*/
.tumblrBtn{
    background: #3a5876;
}

.tumblrBtn:before{
      font-family: "FontAwesome";
      content: "\f173"; /* add tumblr icon */
}

.tumblrBtn:hover{
      color: #3a5876;
      background: #fff;
}

/* rss button class*/
.rssBtn{
    background: #e88845;
}

.rssBtn:before{
      font-family: "FontAwesome";
      content: "\f09e"; /* add rss icon */
}

.rssBtn:hover{
      color: #e88845;
      background: #fff;
}


#social-fa-vimeo{
     background: red;
    width: 50px;
    top: 16px;
    position: absolute;
    right: 0px;

}

#allrightR{
       margin-top: -12px;
    color: gray;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}
.tp-bgimg{
    opacity: 0.24 !important;
}


#rev_slider_3_1 .tp-caption{
    color: black !Important;
}

.home #improve-google1 {
 min-height:100%;
  background:url(http://lorempixel.com/800/600/nature/2);
  background-size:cover;
  box-shadow:inset 0 0 0 2000px rgba(56, 155, 196, 0.8);
}


/*.page-id-3526 #rev_slider_3_1_forcefullwidth,
.page-id-252 #rev_slider_3_1_forcefullwidth,
.blog #rev_slider_3_1_forcefullwidth,
.page-id-299 #rev_slider_3_1_forcefullwidth,
.page-id-732 #rev_slider_3_1_forcefullwidth,
.page-id-3434 */


.home #rev_slider_3_1_forcefullwidth{
    display: block !important;
}

.single-post #rev_slider_3_1_forcefullwidth,
.blog #rev_slider_3_1_forcefullwidth,
.page-template-full-width #rev_slider_3_1_forcefullwidth{
    display: none;
}

.mkdf-page-header .mkdf-menu-area{
    box-shadow: 2px 2px #3333;
}




/* Mouse Header slider */


.mouse {
  margin: 0 auto;
  opacity: 0.6;
  position: relative;
  transition: opacity 0.9s;
  width: 34px;
}
.mouse:hover {
  opacity: 1;
}
.mouse:hover .help-mouse-wheel:before,
.mouse:hover .help-mouse-wheel:after {
  animation: indicator-up-down 1.5s infinite ease-in-out;
  height: 8px;
  opacity: 0;
}
.mouse:hover .help-down {
  animation: arrow-down 0.3s infinite alternate;
}
.help-mouse-down {
  border: 2px solid #333;
  border-radius: 17px;
  height: 50px;
  margin: 15px auto 10px;
  position: relative;
  width: 30px;
  border-width: 2px !important;
}
.help-mouse-wheel {
  position: relative;
  left: 50%;
  transition: opacity 0.5s;
  top: 33%;
}
.help-mouse-wheel:before,
.help-mouse-wheel:after {
  content: '';
  background: #333;
  border-radius: 50%;
  margin-left: -2px;
  height: 4px;
  position: absolute;
  top: 5px;
  transition: top 0.5s, height 0.5s, opacity 0.5s;
  width: 4px;
}
.help-mouse-wheel:before {
  animation: scroll 1.5s 0.75s infinite ease-in-out;
}
.help-mouse-wheel:after {
  animation: scroll 1.5s infinite ease-in-out;
}
.help-down {
  animation: arrow-down 0.6s infinite alternate ease-in-out;
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
  display: block;
  height: 5px;
  margin: 0 auto;
  transform: rotate(45deg);
  transition: opacity 0.5s;
  width: 5px;
}
@-moz-keyframes scroll {
  0% {
    top: 5px;
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
  100% {
    top: 15px;
    opacity: 0;
  }
}
@-webkit-keyframes scroll {
  0% {
    top: 5px;
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
  100% {
    top: 15px;
    opacity: 0;
  }
}
@-o-keyframes scroll {
  0% {
    top: 5px;
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
  100% {
    top: 15px;
    opacity: 0;
  }
}
@keyframes scroll {
  0% {
    top: 5px;
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
  100% {
    top: 15px;
    opacity: 0;
  }
}
@-moz-keyframes indicator-up-down {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    top: 20px;
  }
}
@-webkit-keyframes indicator-up-down {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    top: 20px;
  }
}
@-o-keyframes indicator-up-down {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    top: 20px;
  }
}
@keyframes indicator-up-down {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    top: 20px;
  }
}
@-moz-keyframes arrow-down {
  0% {
    margin-top: 5px;
  }
  100% {
    margin-top: 15px;
  }
}
@-webkit-keyframes arrow-down {
  0% {
    margin-top: 5px;
  }
  100% {
    margin-top: 15px;
  }
}
@-o-keyframes arrow-down {
  0% {
    margin-top: 5px;
  }
  100% {
    margin-top: 15px;
  }
}
@keyframes arrow-down {
  0% {
    margin-top: 5px;
  }
  100% {
    margin-top: 15px;
  }
}