/*

La Grande Loge Française de Memphis-Misraïm

*/

body {
	background: #ffffff;
	font-family: 'Open sans', sans-serif;
	font-weight: 300;
}

html,
body {
	width: 100%;
	overflow-x: hidden;
}

html {
	font-size: 100%;
}


/* Typography */

h1,
h2,
h3,
h6,
.btn {
	line-height: 1.4;
	text-align-last: center;	
	font-family: 'Open sans', sans-serif;
    font-weight: 400;
}

h1 {
	font-weight: bold;
	font-size: 50px;
	text-align-last: center;
}

h2 {
	color: #428bca;
	text-transform: uppercase;
	text-align: center;
	font-family: 'Verdana', sans-serif;
}

#contact h2 {
	color: #ffffff;
}

h3 {
	color: #444;
	font-size: 18px;
}

#menu h3 {
	color: #555;
}

h4 {
	color: #428bca;
	text-transform: uppercase;
	text-align: center;
	font-family: 'Verdana', sans-serif;
}

h5 {
	color: #444;
}

h6 {
	color: #428bca;
	text-transform: uppercase;
	text-align: justify;
	text-align-last: center;
}

p {
	text-align: justify;
	color: #000000 !important;
	text-indent: 5%;
}

a {
	text-decoration: none !important;
}

a:visited,
a:focus {
	outline: none;
	text-decoration: none !important;
}


/* hover min css */

.hvr-bounce-to-bottom:before,
.hvr-bounce-to-top:before {
	background-color: #ffffff;
}


/* All Section styles */

#rite,
#feature,
#video,
#menu,
#team,
#structure,
#gallery,
#Actualites,
#contact {
	color: #656565;
	background-position: center center;
}

#feature,
#rite,
#video,
#team,
#structure,
#gallery,
#contact {
	text-align: center;
	background-size: cover;
	background-position: center center;
	position: relative;
	background-color: rgba(255,255,255, 0.6)

}

#feature {
	background-image: url('../images/Ankh.gif'), url('../images/Background.gif');
	background-position: center center, center center!important;
	background-repeat: no-repeat, no-repeat;
	background-size: 50% 70%, 100% 100%;	
}
	
#rite, #team, #structure, #gallery {
	background-image: url('../images/Background.gif');
	background-position: center center!important;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#feature .overlay {
	background: rgba(255,255,255, 0.1);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}


/* section title */

.section-head {
	padding-bottom: 70px;
}

.section-title {
	padding-bottom: 70px;
	left: 20%;
	right: 20%;
	text-align: center;
}

#contact .section-title {
	color: #f0f0f0;
}


/* Preloader section  */

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  background: none repeat scroll 0 0 #ffffff;
}
.sk-spinner-pulse {
  width: 60px;
  height: 60px;
  background-color: #222;
  border-radius: 100%;
  -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
          animation: sk-pulseScaleOut 1s infinite ease-in-out; }
@-webkit-keyframes sk-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }
@keyframes sk-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }


/* Home section */

#home {
	color: #ffffff;
	display: flex;
	text-align: center;
	height: 100vh;
	overflow: hidden;
	position: relative;
	align-items: center;
}

#home .gradient-overlay {
	background: #428bca;
	background: linear-gradient(to left, #428bca, #ffc500);
	background: #0777d6;
	background: linear-gradient(to left, #0777d6, #ffffff);
	opacity: 0.8;
	position: absolute;
	top: 0;
	width: 0%;
	height: 100vh;
}

#home .btn {
	background: transparent;
	border: 3px solid #ffffff;
	color: #ffffff;
	font-size: 12px;
	letter-spacing: 2px;
	padding: 13px 30px;
	margin-top: 34px;
	text-transform: uppercase;
}

#home .btn:hover,
#home .btn:focus {
	color: #428bca;
}


/* Navigation section */

.navbar-default {
	background: #ffffff;
	border: none;
	box-shadow: 1px 2px 8px 0px rgba(50, 50, 50, 0.15);
	margin: 0 !important;
}

.navbar-default .navbar-brand {
	color: #505050;
	font-size: 28px;
	font-weight: 600;
	letter-spacing: 2px;
	line-height: 40px;
	margin: 0;
}

.navbar-default .navbar-nav li a {
	color: #757575;
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
	transition: all 0.4s ease-in-out;
}

.navbar-default .navbar-nav>li a:hover {
	color: #428bca !important;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
	color: #606060;
	background-color: transparent;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
	color: #428bca;
	background-color: transparent;
}

.navbar-default .navbar-toggle {
	border: none;
	padding-top: 10px;
}

.navbar-default .navbar-toggle .icon-bar {
	border-color: transparent;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: transparent;
}

.navbar-menu {
	float: right;
	padding: 6px;
	margin-top: 8px;
	border: none;
	color: #428bca!important;
	font-size: 15px;
	font-weight: 400;
	font-style: italic;
}


/* Franc-maconerie section */

#feature .feature-thumb {
	position: relative;
}

#feature .feature-icon {
	background-color: #222;
	width: 85px;
	height: 85px;
	margin: 0 auto;
	top: 0;
	margin-top: -70px;
	margin-bottom: 30px;
	position: relative;
	border-radius: 50%;
	display: table;
	text-align: center;
	transition: all 0.4s ease-in-out;
}

#feature .feature-icon:hover {
	background-color: #428bca;
}

#feature .feature-icon span {
	display: table-cell;
	vertical-align: middle;
}

#feature .feature-icon .fa {
	color: #ffffff;
	font-size: 36px;
	margin: 0;
	padding: 0;
}

#feature h3 {
	padding-top: 14px;
	padding-bottom: 10px;
}


/* Section Introduction*/

.intro-form {
	padding-top: 0px !important;
	padding-bottom: 10px !important;
}

.titre-prin {
	padding-bottom: 20px;
}


/* Rite section  */

#rite h3 {
	padding-bottom: 0px;
}

#rite .team-des h4 {
	color: #ffffff;
	padding-top: 0px;
	padding-bottom: 10px;
}

#rite img {
	width: 100%;
}

#rite .team-thumb {
	width: 100%;
	position: relative;
}

#rite .team-des {
	background: rgba(66, 139, 202, 0.8);
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 90px;
	overflow: hidden;
	transition: height 450ms;
}

#rite .team-thumb:hover .team-des {
	color: #ffffff;
	height: 100%;
	background-color: #428bca;
	padding-top: 30%;
	opacity: 0.9;
}

#rite .team-thumb:hover h3,
#rite .team-thumb:hover h4,
#rite .team-thumb:hover .social-icon li a {
	color: #eee;
}

#rite .join-team {
	background-color: #428bca;
	color: #f0f0f0;
	padding: 30px 20px;
	text-align: center;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	display: block;
}

#rite .join-team .fa {
	font-size: 32px;
	padding-bottom: 14px;
}

#rite .join-team .btn {
	background-color: transparent;
	border: 3px solid #ffffff;
	color: #ffffff;
	font-size: 18px;
	padding: 6px 26px;
	margin-top: 18px;
}

#rite .join-team .btn:hover {
	color: #222;
}

#rite .col-md-6 {
	padding-top: 62px;
}

#rite .col-md-6 h2 {
	padding-bottom: 16px;
}


/* Video section  */

#video {
	background: url('../images/Video-BG.gif') 50% 0 repeat-y fixed;
	background-size: cover;
	background-position: center center;
	position: relative;
	color: #999;
}

#video .overlay {
	background: rgba(03, 03, 03, 0.5);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}

#video h2 {
	color: #ffffff;
	padding-top: 20px;
	padding-bottom: 16px;
}

#video .fa {
	position: relative;
	border: 2px solid #ffffff;
	border-radius: 100px;
	color: #ffffff;
	font-size: 28px;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	vertical-align: middle;
	margin-top: 22px;
}


/* Structure section */

#menu .media {
	padding-bottom: 20px;
}

#menu .media-object img {
	width: 220px;
	padding-right: 12px;
	position: relative;
}

#menu .media-object span.menu-price {
	position: absolute;
	background-color: #ffffff;
	color: #222;
	font-size: 20px;
	font-weight: bold;
	padding: 6px 20px;
	top: 50%;
	left: 3%;
}


/* Structure Section */

#structure h3 {
	padding-bottom: 0px;
}

#structure .team-des h4 {
	color: #ffffff;
	padding-top: 0px;
	padding-bottom: 10px;
}

#structure img {
	width: 100%;
}

#structure .struc-thumb {
	width: 100%;
	position: relative;
	padding-top: 20px;
}

#structure .team-des {
	background: rgba(66, 139, 202, 0.8);
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 90px;
	overflow: hidden;
	transition: height 450ms;
}

#structure .struc-thumb:hover .team-des {
	color: #ffffff;
	height: 100%;
	background-color: #428bca;
	padding-top: 30%;
	opacity: 0.9;
}

#structure .struc-thumb:hover h3,
#structure .struc-thumb:hover h4,
#structure .struc-thumb:hover .social-icon li a {
	color: #eee;
}

#structure .join-team {
	background-color: #428bca;
	color: #f0f0f0;
	padding: 30px 20px;
	text-align: center;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	display: block;
}

#structure .join-team .fa {
	font-size: 32px;
	padding-bottom: 14px;
}

#structure .join-team .btn {
	background-color: transparent;
	border: 3px solid #ffffff;
	color: #ffffff;
	font-size: 18px;
	padding: 6px 26px;
	margin-top: 18px;
}

#structure .join-team .btn:hover {
	color: #222;
}

#structure .col-md-6 {
	padding-top: 62px;
}

#structure .col-md-6 h2 {
	padding-bottom: 16px;
}


/* Travaux Operatifs section */

#team h3 {
	padding-bottom: 0px;
}

#team .team-des h4 {
	color: #ffffff;
	padding-top: 0px;
	padding-bottom: 10px;
}

#team img {
	width: 100%;
}

#team .team-thumb {
	width: 100%;
	position: relative;
}

#team .team-des {
	background: rgba(66, 139, 202, 0.8);
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 90px;
	overflow: hidden;
	transition: height 450ms;
}

#team .team-thumb:hover .team-des {
	color: #ffffff;
	height: 100%;
	background-color: #428bca;
	padding-top: 30%;
	opacity: 0.9;
}

#team .team-thumb:hover h3,
#team .team-thumb:hover h4,
#team .team-thumb:hover .social-icon li a {
	color: #eee;
}

#team .join-team {
	background-color: #428bca;
	color: #f0f0f0;
	padding: 30px 20px;
	text-align: center;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	display: block;
}

#team .join-team .fa {
	font-size: 32px;
	padding-bottom: 14px;
}

#team .join-team .btn {
	background-color: transparent;
	border: 3px solid #ffffff;
	color: #ffffff;
	font-size: 18px;
	padding: 6px 26px;
	margin-top: 18px;
}

#team .join-team .btn:hover {
	color: #222;
}

#team .col-md-6 {
	padding-top: 62px;
}

#team .col-md-6 h2 {
	padding-bottom: 16px;
}


/* Librairie section */

#gallery .gallery-thumb {
	position: relative;
	overflow: hidden;
	margin: 0;
}

#gallery .gallery-thumb .gallery-overlay {
	background: #428bca;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 5%;
	width: 90%;
	height: 100%;
	opacity: 0;
	transition: all 0.4s ease-in-out;
	text-align: center;
}

#gallery .gallery-thumb:hover .gallery-overlay {
	opacity: 0.9;
}

#gallery .gallery-thumb .gallery-overlay .gallery-item {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#gallery .gallery-thumb .fa {
	background: #ffffff;
	border-radius: 100%;
	font-size: 24px;
	color: #222;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	vertical-align: middle;
}


/*filter css*/

.filter-wrapper {
	width: 100%;
	overflow: hidden;
}

.filter-wrapper li {
	display: inline-block;
	margin: 4px;
}

.filter-wrapper li a {
	color: #666;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 2px;
	padding: 8px 17px;
	margin-right: 2px;
	margin-left: 2px;
	text-transform: uppercase;
	display: block;
	text-decoration: none;
	transition: all 0.4s ease-in-out;
}

/* .filter-wrapper li a:hover, */
.filter-wrapper li a:focus {
	color: #428bca;
}


/*isotope box css*/

.iso-box-section {
	width: 100%;
}

.iso-box-wrapper {
	width: 100%;
	padding: 0;
	clear: both;
	position: relative;
}

.iso-box {
	position: relative;
	min-height: 50px;
	float: left;
	overflow: hidden;
	margin-bottom: 5px;
}

.iso-box>a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.fluid-img {
	width: 100%;
	display: block;
}

.hidebox {
	visibility: hidden;
}


/* Actualites section */

#Actualites .col-md-4 ul {
	padding-top: 4px;
	padding-left: 28px;
}

#Actualites .col-md-4 ul li {
	color: #777;
	font-size: 18px;
	font-weight: 400;
	padding-top: 10px;
	padding-bottom: 2px;
}


/* Contact section  */

#contact {
	background: url('../images/Contact-BG.jpg') 50% 0 repeat-y fixed;
	background-size: cover;
	background-position: center center;
	position: relative;
}

#contact .overlay {
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}

#contact .form-control {
	background: transparent;
	border: none;
	border-bottom: 1px solid #aaa;
	border-radius: 0px;
	box-shadow: none;
	color: #ffffff;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 16px;
	transition: all 0.4s ease-in-out;
}

#contact .form-control:hover {
	border-color: #ddd;
}

#contact input {
	height: 45px;
}

#contact input[type='button'] {
	background: #ffffff;
	border-radius: 4px;
	color: #428bca;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 2px;
	height: 50px;
	margin-top: 20px;
	transition: all 0.4s ease-in-out;
}

#contact input[type='button']:hover {
	background-color: #428bca;
	border-color: transparent;
	color: #ffffff;	
}

#contact .col-md-6 {
	padding-left: 0px !important;
}

/* Footer section  */

footer {
	color: #ffffff;
}

footer h3 {
	color: #ffffff;
	text-transform: uppercase;
	padding-bottom: 14px;
}

footer strong {
	color: #f0f0f0;
	font-size: 20px;
	display: block;
	padding-top: 6px;
	padding-bottom: 2px;
}

footer {
	text-align: center;
}


}


/* /* Bootstrap Customizations */

.modal {
	z-index: 1002 !important;
}
.modal-backdrop {
	z-index: 1001 !important;
}
.modal-open {
	padding-right: 0px!important
}
.modal-dialog {
	top: 8% !important;
}
.modal-lg {
	margin:0px auto !important;
	top:6% !important;
	bottom:6% !important;
	position:relative;
	margin: 10px;
	max-height: 90%;
	width: 80% !important;
	font-weight: 250;
	font-size: 20px;
}
.modal-content {
	min-height: 100%;
	border-radius: 0;
}
.vertical-alignment-helper {
	display:table;
	height: 100%;
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
}
.vertical-align-center {
	display: table-cell;
	vertical-align: middle;
}
.modal-header {
	border-bottom: 0 none !important;
}
.modal-footer {
	border-top: 0 none !important;
}
.modal.fade .modal-lg {
	transform:translate(0,-25%);
	transition:transform .3s ease-out;
}
.modal.in .modal-lg {
	transform:translate(0,0)
}

.modal-title {
	color: #428bca;
}

/* Transparent Image */
.transparent {
	background-color: transparent;
	border: none display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2%;
	max-width: 30%;
	box-shadow: 1px 2px 4px rgba(0,0,0,.5);
}

/* Modal Image */
.modalimage {
	background-color: transparent;
	border: none display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2%;
	margin-bottom: 2%;
	max-width: 30%;
}

/* h1 modification */
.h1-md {
	font-weight: bold;
	font-size: 40px;
	text-shadow: 2px 2px #000000;
}

/* Image section FM */
.img-md {
	max-height: 250px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

/* Image Section Rite */
.imgrite-md {
	max-height: 3600px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

/* Image section Biblio*/
.biblio-md {
	max-height: 10%;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
}

/* Image section Travaux Operatifs*/
.trav-md {
	max-width: 90%;
	max-height: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10%;
	padding-top: 10%	;
}

/* Image section Structure */
.structure-md {
	max-width: 80%;
	max-height: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10%;
}

/* Button Hover */
.tohover:hover {
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}
.tohover1:hover {
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
	width: 40% !important;
}

/* Text Hover */
.txthover:hover {
	font-size: 18px;
	font-weight: bold;
}

/* Rounded Image */
.img-circle {
	width: 40%;
}
.img-circ {
	border-radius:50%;
	width: auto;
}

/* Row Size */
.row-md {
	margin-right:0px!important;
	margin-left:0px!important;
	margin-bottom:0px!important;
	margin-top:0px!important;
}

/* Rite Padding */
.rite-padd {
	padding-bottom:90px;
}
.clearfix {
	overflow: auto;
}

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  color: #ffffff;
  text-align: center;
}


/* Mobile Responsive */

@media (max-width: 1000px) {
	#home {
		height: 100vh;
	}
	#feature {
		height: 100vh;
		background-image: url('../images/Ankh.gif'), url('../images/Background.gif');
		background-position: center center, center center!important;
		background-repeat: no-repeat, no-repeat;
		background-size: 150% , 100% 100%;	
	}
	#feature .col-md-4:last-child,
	#feature .col-md-4 {
		margin-bottom: 20px;
	}
	#rite {
		height: 100vh;
	}
	#rite .col-md-4,
	#Actualites .col-md-4 {
		margin-top: 20px;
	}
	#team .team-thumb {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	#team .join-team {
		padding: 71px 50px;
		margin-top: 20px;
	}
	.img-circle {
		width: 50% !important;
	}
	.titre-prin {
		padding-bottom: 10px;
	}
	h1 {
		font-size: 30px;
	}
	h2 {
		font-size: 20px!important;
	}
	h3 {
		font-size: 16px!important;
	}
	h4 {
		font-size: 15px;
	}
	h6 {
		font-size: 9px!important;
	}
	.h1-md {
		font-size: 25px;
	}
	.modal-lg {
		font-size: 15px;
	}
	.navbar-default .navbar-brand {
		line-height: 46px;
	}
	.navbar-default .navbar-nav li a {
		line-height: 20px;
	}
	#feature .col-md-4,
	#rite .col-md-5,
	#Actualites .col-md-5 {
		padding-top: 20px;
		padding-bottom: 20px;
	}	
	#rite .team-des,
	#structure .team-des,
	#team .team-des {
		height: 70px;	
	}
	.filter-wrapper {
		padding: 0px;
	}
	.rite-padd {
		padding-bottom:10px!important;
	}
	.structure-md, .trav-md {
		max-width: 90%;
	}
	.section-title {
		padding-bottom: 20px;
	}
	/* Modal Image */
	.modalimage {
		max-width: 50%;
	}
	
/* Modal backgrounds */
	.CONSORDModal-Back {
		background-size: contain!important;
	}

	.CONSNATModal-Back {
		background-size: contain!important;
	}
	
	.SOUVGENModal-Back {
		background-size: contain!important;
	}

	.SOUVNATModal-Back {
		background-size: contain!important;
	}
	
	.GMNATIONAUX-Back {
		background-size: contain!important;
	}
	
	.GMGENERAL-Back {
		background-size: contain!important;
	}

	.ORGANEDIRECModal-Back {
		background-size: contain;
	}
}



/* Modal backgrounds */
	.CONSORDModal-Back {
		background: url('../images/Conseil-Ordre-Faded.gif');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 25%;
	}

	.CONSNATModal-Back {
		background: url('../images/CSN-Faded.gif');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 30%;
	}
	
	.SOUVGENModal-Back {
		background: url('../images/SSG-Faded.gif');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 30%;
	}

	.SOUVNATModal-Back {
		background: url('../images/SSN-Faded.gif');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 30%;
	}
	
	.GMNATIONAUX-Back {
		background: url('../images/GMN-Faded.gif');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 30%;
	}
	
	.GMGENERAL-Back {
		background: url('../images/GMG-Faded.gif');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 30%;
	}

	.ORGANEDIRECModal-Back {
		background-size: contain;
		/* background-position: center center; */
		margin-left: auto;
		margin-right: auto;
	}
	
	.horiz-line {
		background-color: #428bca;
		color: #428bca;
		height: 0.2px;
		width: 100%;
	}
	
	.shadowbox {
		display: block;
		line-height: 1.42857143;
		background-color: rgba(255,255,255,0.8);
		border-radius: 2px;
		box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
		transition: box-shadow .25s;
	}	
	
	.select-form {
    /* position: absolute; */
    z-index: 10;
    width: 70%;
    height: 50px;
	color: #428bca;
	font-size: 18px;
    font-weight: 600;
    border: 1px solid #000;
	}
	
	label {
	background: transparent;
    color: #bbbbbb;
    font-size: 18px;
    margin-bottom: 16px;
	margin-right: 15px;
    transition: all 0.4s ease-in-out;
	}