body {

  margin:0;

  font-family: 'Open Sans', sans-serif;

  background-position: top;

  background-size:cover;

}

/*page color styles*/

.homepage_bg {
   background-image: url('../img/homepage.jpg');
}

.about_bg {
   background-image: url('../img/about.jpg');
}
.identity_bg {
   background-image: url('../img/identity.jpg');
}
.expect_bg {
   background-image: url('../img/expect.jpg');
}
.contact_bg {
   background-image: url('../img/contact.jpg');
}
.sermon_bg {
   background-color: #f1f1f1;
}
/*navigation links*/
li.selected {
    background-color: rgba(255, 255, 255, 0.14);
}

.intro {
         max-width: 480px;
         background-color: rgba(110, 146, 47, 0.48);
         border-radius: 4px;
}

.main-header-title-intro {
    width: 80%;
    margin: 100px auto;
    /*font-size: 1.8em;*/
    text-shadow: 2px 2px 3px #035d26;
}


.grad-intro {
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.96) 1%, rgba(255,255,255,0) 45%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.96) 1%,rgba(255,255,255,0) 45%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.96) 1%,rgba(255,255,255,0) 45%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}

.linknavcolor {
   /*background-color: rgb(101, 177, 69);*/
}
 

.sharetab {
    height: 20px;
    width: 100%;
    background-color: #fb9d5d;
    font-size: 0.6em;
    color: #fff;
    text-align: right;
    text-transform: uppercase;
    line-height: 2;
    }
.sharetab-o {
    max-width: 80%;
    margin: 0 auto;
}

.sharetab-o ul{ text-align: right; }

.sharetab-o ul li {
   display: inline-block;
   margin-right: 20px;
   letter-spacing: 2px;
   }

.about, .grad-about {

    background-color: rgba(67, 140, 171, 0.90);
    border-radius: 4px;

}

.identity, .grad-identity {

    background-color: rgba(230, 210, 70, 0.90);
    border-radius: 4px;

}


.expect, .grad-expect {

    background-color: rgba(167, 65, 38, 0.90);
    border-radius: 4px;

}

.contact, .grad-contact {

    background-color: rgba(205, 220, 57, 0.90);
    border-radius: 4px;

}
.languages {

    background-color: rgb(72, 165, 76);
	/*margin-left:4px;*/

}

.languages1 {

    background-color: rgba(251, 157, 93, 0.9);

}


/*text colors*/

.light-txt {
    color: #fff;
    text-shadow: 2px 2px 3px #4b5055;
}
.dark-txt {
	color:#006676;
}

.main-header {
  max-width: 100%;
  margin: 0 auto;
  height:960px;
  /*background-color:rgba(0,0,0,0.15);*/
}

.main-header-archive {
   max-width: 100%;
   margin: 0 auto;
}

.main-header-docs {
  height:200px;
}

.contactform {
position: absolute;
margin-top: -125px;
z-index: -9999;
width: 100%;
height: 1000px;
}

.navigation {

    float: right;

    width: 60%;

    text-align: right;

    margin-right: 80px;

  /*margin-top:80px;*/

}
.logo {
    width: 80%;
    margin: 0 auto;
    padding: 20px 0px;
}

.icons_ {
    float: left;
	position: absolute;
    top: 430px;
left:0px;
}

.icons_ ul {
    list-style: none;
    padding: 0px 0px;
}

.icons_ li {
    height: 24px;
    width: 24px;
    line-height: 20px;
    margin-left: 4px;
    float: left;
    padding-top: 20px;
}

.header-left a {
    color: #6e922f;
    line-height: 0.8;
    padding-top: 20px;
}

h1.logo_txt {

    line-height: 0.8;

    padding: 0;

    color: #6e922f;

    font-size: 2.2em;

    margin: 0px;

    font-family: serif;
	
	color:#000;

}

p.churchinfo {

    color: #6e922f;
    margin-top: 20px;
    line-height: 1.2;
    font-size: 0.64em;
    background-color: #ffffff;
    text-transform: uppercase;
    font-family: sans-serif;
    border-top: #66ea47;
    border-top-style: double;
    border-top-width: 4px;
    letter-spacing: 1px;
    padding: 12px 0px;
    max-width: 460px;
    text-align: center;

}

.navigation a{

  text-decoration:none;

  color:#fff;

  font-size:0.6em;

  letter-spacing:2px;

  text-transform: uppercase;

  font-family: sans-serif;

}



.navigation ul {

    list-style-type: none;

    margin: 0;

    padding: 0;

    overflow: hidden;

}



.navigation li {

    float: right;

    /*background-color: #65e744;*/

}



.navigation li a {

    display: block;

    color: white;

    text-align: center;

    padding: 16px;

    text-decoration: none;

}



.navigation li a:hover {

    background-color: #6e922f;

}



.main-header-title {
    width: 80%;
    clear: both;
    margin: 100px auto;
    /*min-height: 200px;*/
}

.inner-content {
    max-width: 84%;
    min-width: 400px;
    min-height: 500px;
    margin: 0 auto;
    padding: 40px;
    background-color: #ffffff;
}
.inner-content h2 {
color: #6E922F;
}

h2.about, h2.expect, h2.contact {
   max-width: 220px;
}

.main-header-archive h2 {
   color:000#;
}

.main-header h2 {
    color: white;
    font-size: 1.4em;
    line-height: 1;
    font-weight: 100;
    padding: 40px;
    letter-spacing: 0px;
    border-bottom: #ffffff solid 4px;
}
.li03 {
    /*height: 280px;*/
    margin-top: 10px;
}

#item-nav {
  float: left;
  clear: both;
  font-size:0.8em;
  letter-spacing:2px;
  text-transform: uppercase;
  border-radius: 4px;
}



ul#item-nav {

  list-style:none;

  background-color: rgba(255, 59, 0, 0.78);

  padding:0px;

}



ul#item-nav li{

  color:#fff;

  border-bottom:1px solid rgba(255, 255, 255, 0.5);

  padding:10px 8px;

  width:220px;

  text-align:center;

}

ul#item-nav li a{

  color:#fff;

  text-decoration: none;

  text-transform:uppercase;

  letter-spacing:2px;

  font-size:0.8em;

}



* {

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

#logo {

    float: left;

    background-color: #ffffff;

    padding: 20px;

    width: 220px;

    height: 180px;

    margin-left:10px;

  border-bottom: #169c19 solid 4px;

}

.headerimage {

  width:100%;

  background-repeat: no-repeat;

  background-attachment: fixed;

  position:relative;

  z-index:-1;

}

#first-shape .wrapper {

  display:block;

  /*float:left;

  margin:50px auto 200px;

  padding:0 5%;*/

  margin-top:50px;

  margin-left:auto;

  margin-right:auto;

  margin-bottom:60px;

  width:100%;

  max-width:1400px;

  min-height:500px;

  /*background-color:rgba(0,0,0,0.10);*/

  transform:skew(0deg,-5deg);

-ms-transform:skew(0deg,-10deg);

-webkit-transform:skew(0deg,-5deg);

}



.text h3 {

    color: #fff;

    font-size: 1.8em;

    line-height: 1.4;

    font-weight: 300;
    
    text-shadow:2px 2px 3px #2c032d;

}

.text small {

    font-size: 0.4em;

}



#second-shape .wrapper {

  display:block;

  /*float:left;

  margin:50px auto 200px;

  padding:0 5%;*/

  margin-top:50px;

  margin-left:auto;

  margin-right:auto;

  margin-bottom:60px;

  width:100%;

  max-width:1400px;

  min-height:500px;

  /*background-color:rgba(0,0,0,0.10);*/

  transform:skew(0deg,-5deg);

-ms-transform:skew(0deg,-10deg);

-webkit-transform:skew(0deg,-5deg);

}



#third-shape .wrapper {
display: block;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
margin-bottom: 60px;
width: 100%;
max-width: 960px;
transform:skew(0deg,-5deg);
-ms-transform:skew(0deg,-10deg);
-webkit-transform:skew(0deg,-5deg);
}

.second-txt{
  padding: 20px 0px;
}

.link_left a, .link_right a {
    color: #fff;
}
.link_left_full a, .link_right_full a {
    color: #7f7f7f;
}

.logolink {
    padding:20px;
}


.wrapper .text{

  padding:8% 5%;

  max-width:900px;

  margin: 0 auto;

  line-height:1.5;

}



.wrapper p{

  text-align:justify ;

}

.link_left-simple {
    width: 100%;
    height: auto;
    line-height: 2;
    float: left;
    background-color: #6E922F;
    padding: 20px;
    color: #fff;
    font-family: sans-serif;
    border-radius: 4px;
}

.link_left {
    width: 48%;
    height: 100px;
    float: left;
    background-color: #E6D246;
    padding: 20px;
    color: #fff;
    font-family: sans-serif;
    border-radius: 4px;
}
.link_left_donation {
    width: 100%;
    height: 80px;
    float: left;
    background-color: #08ca0e;
    padding: 20px;
    color: #fff;
    font-family: sans-serif;
    margin-bottom:20px;
}

.link_right {
    width: 48%;
    height: 100px;
    float: right;
    background-color: #A74126;
    padding: 20px;
    color: #fff;
    font-family: sans-serif;
    border-radius: 4px;
}

.full_section {
    width: 100%;
    height: 300px;
    /*background-color: #ffffff;*/
	margin-bottom:200px;
}

.link_left_full {
    width: 50%;
    height: 400px;
    float: left;
    background-color: #e6e6e6;
    padding: 60px;
    color: #7f7f7f;
    border-radius: 4px 0px 0px 4px;
}

.link_right_full {
    width: 50%;
    height: 400px;
    float: right;
    background-color: #ffffff;
    padding: 60px;
    color: #7f7f7f;
    border-radius: 0px 4px 4px 0px;
}

.link_right_full_green {
    width: 50%;
    height: 400px;
    float: right;
    background-color: #6e922f;
    padding: 60px;
    color: #ffffff;
}


.photo-left {

  float:left;

  width:29%;

  min-height:260px;

  text-align: center;

  margin:2% ;

  transform:skew(0deg,-5deg);

-ms-transform:skew(0deg,-10deg); /* IE 9 */

-webkit-transform:skew(0deg,0deg); /* Safari and Chrome */

}

#first-shape, #second-shape, #third-shape {

  z-index:1;

  display:block;

  float:left;

  margin-top:-100px;

  margin-bottom:300px;

  width:100%;

  /**background:white;*/

  transform:skew(0deg,10deg);

-ms-transform:skew(0deg,10deg); /* IE 9 */

-webkit-transform:skew(0deg,5deg); /* Safari and Chrome */

}

.contact_color {
    background-color: rgb(205, 220, 57);
}



.light {

  background-color: rgba(255, 255, 255, 0.88);

}

.orange {

  background: #f97805; /* Old Browsers */

background: -webkit-radial-gradient(center,#f97805,#d84709); /*Safari 5.1-6*/

background: -o-radial-gradient(center,#f97805,#d84709); /*Opera 11.1-12*/

background: -moz-radial-gradient(center,#f97805,#d84709); /*Fx 3.6-15*/

background: radial-gradient(ellipse at center, #f97805, #d84709); /*Standard*/

}





.green {

background: #22de75; /* Old Browsers */

background: -webkit-radial-gradient(center,rgba(34, 222, 117, 0.7),rgba(76, 175, 80, 0.7)); /*Safari 5.1-6*/

background: -o-radial-gradient(center,rgba(34, 222, 117, 0.7),rgba(76, 175, 80, 0.7)); /*Opera 11.1-12*/

background: -moz-radial-gradient(center,rgba(34, 222, 117, 0.7),rgba(76, 175, 80, 0.7)); /*Fx 3.6-15*/

background: radial-gradient(ellipse at center, rgba(34, 222, 117, 0.7), rgba(76, 175, 80, 0.7)); /*Standard*/

}



.yellow {

background: #ffdd00; /* Old Browsers */

background: -webkit-radial-gradient(center,rgba(255, 221, 0, 0.7),rgba(255, 168, 0, 0.7)); /*Safari 5.1-6*/

background: -o-radial-gradient(center,rgba(255, 221, 0, 0.7),rgba(255, 168, 0, 0.7)); /*Opera 11.1-12*/

background: -moz-radial-gradient(center,rgba(255, 221, 0, 0.7),rgba(255, 168, 0, 0.7)); /*Fx 3.6-15*/

background: radial-gradient(ellipse at center, rgba(255, 221, 0, 0.7), rgba(255, 168, 0, 0.7)); /*Standard*/

}

.red {
	background: #ff3019;
background: -moz-radial-gradient(center, ellipse cover, #ff3019 0%, #cf0404 100%);
background: -webkit-radial-gradient(center, ellipse cover, #ff3019 0%,#cf0404 100%);
background: radial-gradient(ellipse at center, #ff3019 0%,#cf0404 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=1 );
}


.blueshade {
	background: rgb(67,140,171);
background: radial-gradient(circle, rgba(67,140,171,0.9) 0%, rgba(46,107,133,0.9) 100%);
}

#themennonites h2 {
    margin-top: 30px;
}

.paragraph-area {
    padding-bottom: 100px;
}

.gmap{

  float:right;

  width:50%;

}



.adress {

  float:left;

  width:50%;

  min-height:400px;

  padding:40px;

  background-color: rgba(255, 255, 255, 0.48);
  border-radius: 4px 0px 0px 4px;

}



.services {
  float:left;
  width:49%;
  min-height:400px;
  padding:40px;
  background-color: rgba(110, 146, 47, 0.78);
  color:#fff;
  margin-top:20px;
  font-size: 0.90em;
  border-radius: 4px;
}

.services ul {

    list-style: none;

    padding: 0;

}

.services li {

    height: 161px;

    border-bottom: #80d0a1 solid 1px;

    padding-bottom: 30px;

    padding-top: 20px;

}


.logo h1 {
   color:#6e922f;
   font-family: 'PT Serif', serif;
   line-height:0.8;
}


.transit {
    float: right;
    width: 49%;
    min-height: 400px;
    padding: 40px;
    background-color: rgba(255, 255, 255, 0.88);
    color: #6E922F;
    margin-top: 20px;
    font-size: 0.90em;
    border-radius: 4px;
}

.transit ul {

    list-style: none;

    padding: 0;

}

.transit li {

    height: 161px;

    border-bottom: #b1dc12 solid 1px;

    padding-bottom: 30px;

    padding-top: 20px;

    /*padding-left: 120px;*/

    padding-right: 20px;

}



span.area_title {

    font-size: 1.6em;

    font-weight: 100;

    font-family: sans-serif;

}

.transition {

    height: 300px;

    display: block;

    float: left;

    width: 100%;

    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);

    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);

    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );

}

.footer {

  z-index:2;

  /*margin-top:-12em;*/

  position:relative;

  width:100%;

  display:block;

  float:left;

  height:200px;

}

footer.clearfix {
    padding-top: 400px;
}

.footer .wrapper {

    /*margin-top:200px;*/

    height: 600px;

    padding-top:40px;

    background-color:#fff;

    background-image: url(http://mfmtl.org/img/montreal-skyline.png);

    background-position: top;

    background-repeat: no-repeat;

    background-size:cover;

}



#footer-nav {

	height: 84px;

	background-color: #000;

  min-width:600px;

  max-width:1200px;

}



.table {

	display: table;   /* Allow the centering to work */

	margin: 0 auto;

}



ul#horizontal-list {

	min-width: 1200px;

	list-style: none;

	padding-top: 20px;

  text-align:center;

  font-family:sans-serif;

  text-transform:uppercase;

  font-size:0.8em;

	}

	ul#horizontal-list li {

		display: inline;

    margin: 2px 10px;

	}





/* Menu */

html,

body {

  height: 100%;

  overflow-x: hidden;

}



body {

  margin: 0;

  padding: 0;

  background-color: #fff;

}



.content-wrapper {

  min-height: 100%;

  transform: translate3d(0,0,0);

  transition: transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);

}



body.open .content-wrapper {

  transform: translate3d(-46px,0,0);

}



/* demo styles */



.content-wrapper {

  /*padding-top: 1px;*/

  box-sizing: border-box;

  /*background-color: #fff;*/

}



.spec-link {

  color: #fff;

  display: table;

  margin: 100px auto 0;

}

/* Landscape phones and down */
@media (max-width: 480px) {
	.transit, .services, .gmap, .adress {
        width: 100%;
        }
        .adress {
        height: auto;
        }
        .transit li {
        height: auto;
        }
        .link_left_full, .link_right_full, .link_right_full_green {
        width: 100%;
        padding: 40px;
        height: auto;
        }
        .link_left {
        width: 98%;
        }
        .link_left-simple {
         width: 100%;
         line-height: 2;
         height: auto;
         }

}