@charset "utf-8";
/* CSS Document */

/*****************************************
  
 
    
 *****************************************/
/*
  TABLE OF CONTENTS
  ---------------------------
   01. Body
   02. Background Image & Overlay Color
   03. Vertical Menu
   04. HomePage
   05. About Us
   06. Our Services
   07. Contact Me
   08. Subscribe Now
   09. CountDown
   10. Next&Back Buttons
  
 **  *************************************** **/

h3{
   text-align:left;
} 


blockquote{ 
  font-size:14px
}



.pef{
  
  text-align:left;
}

/* == 01. Body == */
body {
  margin:0;
  overflow:hidden;
  font-family: 'Raleway', sans-serif;
}

.MJC {
  color:#ccc7a9 !important;
}

/*Start PreLoader*/
.loader {position: fixed;z-index: 10000;top: 0;right: 0;bottom: 0;left: 0;background:#fff;}
.loaderimg {left:50%;width:30px;height:30px;background:url(images/1.gif) no-repeat; position:absolute;top:50%;margin-left:-15px;margin-top:-15px;}
/*End PreLoader*/

/*Clear Div*/
.clear {clear:both;}
/*A Space*/
.aspace {margin-top:30px;}
/* == 02. Background Image & Overlay Color == */

.bgimg {
  background:url(images/DesignerMJC.png) no-repeat center;
  background-size:cover;
  width:100%;
  position:fixed;
  left:0;
  bottom:0;
  right:0;
  top:0;
  z-index:-9999;
}
.bgimg2 {
  background:url(images/DesignMJC.png) no-repeat center;
  background-size:cover;
  width:100%;
  position:fixed;
  left:0;
  bottom:0;
  right:0;
  top:0;
  z-index:-9999;
}
.overlaybg {position:fixed;left:0;right:0;top:0;bottom:0;z-index:-1;background: rgba();}



/* == 04. HomePage == */

#mc_embed_signup{
p.clear {
    clear: both;
}
}

.per{
  text-align:justify;
  padding-bottom: 15px
  }

.containerhome {
  width:100%;
  position:absolute;
  top:60%;
  overlay:scroll;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align:center;
}
.containerhome h1 {color:#282c33;font-size:85px;font-weight:300;letter-spacing:10px;padding-top: 14px;}
.containerhome p {color:#363e48;font-size:15px;font-weight:300;letter-spacing:1.5px;}
.subscribenow {width:170px;height:42px;margin-left:auto;margin-right:auto;margin-top:30px;margin-bottom: 30px;}
.subscribenow a {
  width:100%;
  height:100%;
  float:left;
  border:2px solid #282c33;
  padding-top:9px;
  text-transform:uppercase;
  letter-spacing:1px;
  font-size:14px;
  font-weight:400;
  color:#282c33;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.subscribenow a:hover {background:#282c33;color:#fff;text-decoration:none;}


}
.containerservices h3 {font-size:45px;font-weight:400;color:#282c33;text-transform:uppercase;letter-spacing: 4px;}


/* == 10. Begin Next&Back Buttons == */

/*NextButton*/

.nextbut {
  width:200px;
  height:46px;
  margin-top:20px;
  margin-left:auto;
  margin-right:auto;
  background: rgba(255, 255, 255, .5);
}
.nextb {
  width:100%;
  height:46px;
  float:left;
  font-family: 'Open Sans', sans-serif;
  color:#53575f;
  text-align:center;
  font-size:14px;
  padding-top:13px;
  text-transform:uppercase;
  letter-spacing:1.2px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.nextb:hover {color:#53575f;background: rgba(255, 255, 255, .7);}

/*BackButton*/

.backbut {
  width:70px;
  height:50px;
  background: rgba(255, 255, 255, .5);
  position:absolute;
  top:0;
  left:50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
}
.backb {
  width:100%;
  height:50px;
  float:left;
  text-align:center;
  font-size:30px;
  padding-top:2px;
  color:#d8d8d8;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.backb:hover {
  color:#d8d8d8;
  background: rgba(255, 255, 255, .7);
}