@font-face{
	font-family:Calibri;
	src:url(calibri.ttf);
}
@font-face{
	font-family:Streamster;
	src:url(Streamster.ttf);
}
html,
body {
    height: 100%;
    font-family: Verdana;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.head{
	width:398px;
	height:105px;
	margin:0 auto;
}
.navigation{
	float:left;
	width:100%;
	text-align:center;
}
.logo{
	width:100%;
	height:542px;
	float:left;
	overflow:hidden;
}
.photos{
	width:100%;
}
.smalcontainer{
	float:left;
	position:relative;
	width:33.3333%;
	padding:2px;
	height:245px;
	overflow:hidden;
}
.ph1img{
	width:100%;
	display:inline;
	text-align:center;
}
.ph1img img{
	
}
.blackph1img{
	width:0%;
	height:0;
	padding-top:0px;
	margin-top: -295px;
	font-size:0px;
	color:#fff;
    position: relative;
	background-color:rgba(0,0,0,0.5);
	font-family:Streamster;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
}
.smalcontainer:hover .blackph1img{
	width:100%;
	height:245px;
	font-size:35px;
	padding-top:100px;
}
.ph1{
	width:352px;
	 height:236px;
	 display:inline;
	 margin-top:20px;
}

.ph2{
	width:352px;
	 height:236px;
	 display:inline;
}
.ph3{
	width:352px;
	 height:236px;
	 display:inline;
	 margin-top:2px;
}
.section1{
	float:left;
	margin-left:50px;
}
.profile{
	margin-top:30px;
	float:left;
	display:inline;
	width:50%
}
.textprofile{
	float:right;
	display:inline;
	width:50%;
	margin-top:10px;
}
.section2{
	float:left;
	margin-left:35px;
}
.nisrine{
	float:left;
	font-family:Calibri;
	font-size:40px;
	font-weight:bold;
	margin-left:10px;
}
.text2{
	float:left;
	font-family:Calibri;
	font-size:20px;
	display:inline;
	margin-right:60px;
	line-height:23px;
}
.navigation .container
{
	width:800px;
}
.productbox2
{
	float:left;
	width:100%;
	height:470px;
	display:inline;
	margin-top:20px;
}
.photorepeatback{
	 width:100%; 
	 height:227px;
	 -webkit-filter: blur(5px); 
	 -moz-filter: blur(5px); 
	 -o-filter: blur(5px); 
	 -ms-filter: blur(5px); 
	 filter: blur(5px);
}
.photorepeatcont{
	 width:32%; 
	 height:227px;
	 margin-right:1%;
	 overflow:hidden;
	 display:inline;
	 float:left;
	 margin-bottom:10px;
}
.photorepeat{
	 width:100%; 
	 height:227px;
	 text-align:center;
	 margin-top:-227px;
	 position:relative;
	 overflow:hidden;
}
.photorepeat:hover .photorepeatcover{
	margin-top:-227px;
	font-size:15px;
	color:#fff;
	padding-top:98px;
}
.photorepeatcover{
	background-color:rgba(0,0,0,0.5);
	width:100%; 
	 height:227px;
	 font-weight:bold;
	 font-family:Calibri;
	 position:relative;
	 font-size:0;
	 -webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
}
.footer{
	float:left;
	width:100%
	}
.bgfooterleft{
	float:left;
	width:50%;
	height:367px;
	background-color:#dddddd;
	display:inline;
}
.news{
	font-family:calibri;
	font-size:40px;
	color:#d13939;
	font-weight:bold;
	margin-left:150px;
}
.input{
	float:left;
	margin-left:150px;
	margin-top:30px;
	background-color:#dddddd;
	width:100%;
	height:62px;
}
.input2{
	float:left;
	width:100%;
	padding-left:80px;
	text-align:center;
}

.bgfooterright{
	float:right;
	width:50%;
	height:367px;
	background-color:#d13939;
	display:inline;
}
.section3{
	float:left;
	width:100%;
	margin-top:20px;

}
.contact{
	font-family:calibri;
	font-size:40px;
	color:#ffffff;
	font-weight:bold;
	margin-left:150px;
}
.text{
	font-family:calibri;
	font-size:25px;
	color:#ffffff;
	margin-left:150px;
}
.logo{
	float:left;
	width:100%;
	margin-bottom:3px;
}
.ftlogo{
	width:100%;
	background-color:#585858;
	float:left;
	height:130px;
	}
	
.footer1{
	width:30%;
	float:left;
	display:inline;
	font-family:Calibri;
	font-size:15px;
	color:#fff;
	margin-top:55px;
}
.footer2{
	width:40%;
	float:left;
	font-family:Calibri;
	font-size:15px;
	color:#fff;
	margin-top:40px;
	text-align:center;
	display:inline;
}
.footer3{
	float:right;
	width:30%;
	font-family:Calibri;
	font-size:15px;
	color:#fff;
	text-align:right;
	display:inline;
	margin-top:55px;
}
.footer3 a{
	font-weight:bold;
	color:#fff;
}

.productbox
{
	float:left;
	width:321px;
	height:470px;
	display:inline;
	margin:10px;
}
.title1{
	font-size:20px;
	margin-top:12px;
	font-weight:bold;
	font-family:calibri;
}
.text1{
	font-size:20px;
	font-family:calibri;
	line-height:23px;
}
.productbox2
{
	float:left;
	display:inline;
	margin:10px;
}
.textprofile2{
	float:left;
	display:inline;
	width:50%;
	height:50%;
}
.profile2{
	width:50%;
	display:inline;
	margin-top:130px;
	float:right;
}
.nisrine3{
	float:left;
	font-family:Calibri;
	font-size:40px;
	font-weight:bold;
	margin-top:15px;
	width:100%;
}
.date{
	font-family:calibri;
	font-size:20px;
	font-weight:bold;
}
.line{
	font-family:calibri;
	font-size:20px;
	font-weight:normal;
}
.educationmodule
{
	float:left;
	width:100%;
}
.dateleft{
	float:left;
	display:inline;
	width:50%;
}
.dateleft2{
	float:left;
	width:100%;
	display:inline;
	margin-top:20px;
	}
.dateright{
	float:left;
		width:50%;
	display:inline;
}
.contact2{
	font-family:calibri;
	font-size:25px;
	font-weight:bold;
}
.profile3{
	float:left;
	width:50%;
	height:371px;
	display:inline;
	margin-top:125px;
}
.name{
	margin-top:10px;
	width:490px;
	height:55px;
	background-color:#cccccc;
	border:0px;
	padding-left:10px;
}
.paragraphe{
	height:215px;
	width:100%;
	background-color:#cccccc;
	border:0px;
	margin-top:10px;
}
.input3{
	width:40%;
	float:left;
	display:inline;
}
.aside{
	float:right;
	display:inline;
	width:50%;
}
.sendbtn{
	width:174px;
	height:63px;
	color:#d13939;
	border:2px solid #d13939;
	margin-top:15px;
	font-family:Calibri;
	font-size:20px;
	text-transform:capitalize;
}
.sendbtn:hover{
	text-decoration:none;
}
.sendbtn2{
	width:125px;
	height:53px;
	float:right;
	margin-bottom:20px;
	margin-top:30px;
	background-color:#c60203;
	color:white;
	border:0px;
}
.sendbtn3{
	float:right;
	width:100%;
}
.youremail{
	width:465px;
	height:64px;
	padding-left:10px;
	background-color:#d0d0d0;
	border:0px;
}
.nisrine2{
	float:left;
	width:100%;
	font-family:Calibri;
	font-size:40px;
	font-weight:bold;
	margin-top:20px;
}
.nisrine4{
	float:left;
	width:100%;
	font-family:Calibri;
	font-size:40px;
	font-weight:bold;
	margin-top:20px;
}
.border{
	border-bottom:5px solid #1f1f1f;
	width:100%;
	float:left;
}
.conttbanner{
	width:100%;
	text-align:center;
}
.albumbox{
	float:left;
	width:33.333333%;
	text-align:center;
	margin-top: 15px;
    margin-bottom: 15px;
}
.albumphoto{
	width:312px;
	height:284px;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
}
.albumphoto img{
	height:100%;
}
.boxxxcontai{
	float:left;
	width:33.333333333%;
	margin-bottom:20px;
}
.photo4box{
	height: 250px;
	width:340px;
	text-align:center;
    overflow: hidden;
}
.photorepeatback2{
	 width:100%; 
	 height:250px;
	 -webkit-filter: blur(5px); 
	 -moz-filter: blur(5px); 
	 -o-filter: blur(5px); 
	 -ms-filter: blur(5px); 
	 filter: blur(5px);
}
.photorepeat2{
	 width:100%; 
	 height:250px;
	 text-align:center;
	 margin-top:-250px;
	 position:relative;
	 overflow:hidden;
}
.sstttrrr{
	width:340px;
	height:175px;
	overflow:hidden;
}