/* ----------------------------------------------------------------------------------------------------
structure general website
---------------------------------------------------------------------------------------------------- */

* {
    margin: 0;
    padding: 0;
}

html {
     height:100%;
}

body {
    height: 100%;
   color:#43474d;
}


.clr {
     clear:both;
}

p {    
 font-size: 100%;  

 }  
 
 h1 {    
 font-size: 350%; 

 } 
 
 h2 {   
 font-size:330%;
 }    
 
 h3 {   
 font-size: 260%;   
 
 }  
 
 h4, h5, h6 {    
 font-size: 100%; 

 }  
 

 #footer {
 float:left;
 width:100%;
 height:300px;
 
 }
 
 #footer p{
text-align:center !important;
margin-top:200px;

}

.item-131 ,.item-136,.item-150{
 display:none;
 }
 

/* ----------------------------------------------------------------------------------------------------
loading website
---------------------------------------------------------------------------------------------------- */
.loader{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000 url(../images/tmp/loading.gif) no-repeat  center;
	z-index:100;
	
} 

/* ----------------------------------------------------------------------------------------------------
mod parallax
---------------------------------------------------------------------------------------------------- */

/* .mod_parallax #para p {
	margin:0 120px !important;
    color:#fff;
	font-size:16px;
	font-family:'open sans';
	
}

 .mod_parallax #para h1,
 .mod_parallax #para h2 ,
 .mod_parallax #para h3, 
 .mod_parallax #para h4 {
	color:#fff;
	text-transform:uppercase;
 font-size:4.6em;
padding-bottom:32px;
	
} 

.mod_parallax #para a {
	color:#fff;
} 

.mod_parallax #para hr {
    width:80%;
    margin:0 auto;
	
}  */

/* ----------------------------------------------------------------------------------------------------
header
---------------------------------------------------------------------------------------------------- */
#sitename {
margin-top:20px;
}

#sitename a {
text-transform:uppercase;
font-size:25px;
color:#43474d;
font-weight:bold;
    webkit-transition: all 0.4s ease-in-out;	
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	margin:0;
	}

#sitename a:hover {
color:#ccc;
text-decoration:none;
}

/* ----------------------------------------------------------------------------------------------------
feature / before content
---------------------------------------------------------------------------------------------------- */
#feature,#beforecontent  {
float:left;
width:100%;
margin-top:50px;

}

#feature .container_12 hr  {
background:#ededed;
width:100%;
height:1px;
margin-top:-27px;


}

#feature h3,#feature h3 {
padding-bottom:20px;
}

#feature h5 {
font-size:16px;
}

#feature i{
	color: #0067cc;
	height: 50px;
	width: 50px;
	text-align: center;
	/* border: 1px solid #0067cc; */
	line-height: 50px;
	margin-top: 50px;
	background-color: #fff;
	position: relative;
	
}

#beforecontent i{
	color: #0067cc;
	height: 60px;
	width: 50px;
	 text-align:center !important; 
	 border: 1px solid #0067cc;
	line-height: 60px;
 	margin-top: -20px;
padding-left:10px;	

	-moz-border-radius: 50%;
	-webkit-border-radius: 390px;
	border-radius: 390px; 
	
}

#para {
margin-bottom:500px;
margin-top:50px;
}



#para h3,#para2 h3 {
margin-bottom:20px;
font-size:40px;
font-weight:bold;

}


#portfolio, #carrousel,#mixitup,#parallax,#revo,#pricingtable ,#magic-folio,#para,#para2,#accordeon-demo,
#teammanager h3,#googlemape,#slideshowduo,#gallerygrid,#gridrotator,#four-events-4,#parallax-skill,#parallax-contact {
float:left;
width:100%;
text-align:center;
margin-top:50px;

}

#four-events-4,#cubicslide{
float:left;
width:100%;
text-align:left;
 margin-top:50px; 

}

#portfolio h3,#carrousel h3,#mixitup h3,#parallax h3,#revo h3, #pricingtable h3,#timeline h3, #magic-folio h3,#para h3,
#teammanager h3,#googlemape h3,#slideshowduo h3,#gallerygrid h3,#gridrotator h3,#parallax-skill h3, #parallax-contact h3 {
text-align:center;

}

 div#parallax-contact > div.moduletable > section.contact {
 text-align:left !important;
 margin-top:100px;
  margin-bottom:100px;
 }


#four-events-4 h3 {
text-align:center;
 margin-bottom:150px; 

}

 div#cubicslide > div.moduletable > h3 {
 margin-top:50px;
margin-bottom:120px;
text-align:center;
}




#flickrphoto h3 {
margin-bottom:10px;
font-size:25px;
text-align:center;
margin-top:40px;
}

#flickrphoto p.note {
text-align:center;
margin-bottom:50px !important;
}

#timeline h3{
margin-top:70px;
}

#carouseltext p {
text-align:left;
}

#portfolio p, #carrousel p, #mixitup p,#parallax p.note, #revo p.note, #pricingtable p.note, 
#timeline p.note, #magic-folio p.note,#para p.note,#para2 p.note,
 #teammanager p.note,#googlemape p.note,#slideshowduo p.note,#gallerygrid p.note,#carouseltext p.note,#gridrotator p.note {
margin-bottom:150px !important;
text-align:center;

}

#parallax {
/* padding-top:100px !important; */
}


#accordeon-demo {
 background:#f5f5f5 ;
border:1px solid #e3e3e3 ;
padding:10px ;
 border-radius:10px; 

}

 #accordeon-demo  h3{
font-size:22px;
text-align:center;
text-transform:uppercase;

}

#carouseltext h3 {
margin-top:60px;
margin-bottom:40px;
}


.content-p h1 {
font-size:60px;
color:#fff;
}


.content-p p {
font-size:35px;
color:#fff;
}

/********MODULE STYLE***************/
.module-title  {
border-top:1px solid #dedede;
border-bottom:1px solid #dedede;
text-align:center;
height:135px;
line-height:30px;
background:#454545;

}

.module-title h1 {
text-align:center;
font-size:25px;
margin-top:25px;
color:#fff;
}

.module-title p {
text-align:center;
font-size:14px;
margin-top:5px;
color:#fff;
}

.module-line1,.module-line2,.module-line3,.module-line4,.module-line5 ,.module-line6,.module-line7{
 margin-top:40px;
margin-bottom:120px;

}
.module1,.module2,.module3,.module4,.module5,.module6,.module7,.module8,.module9,.module10,.module11,.module12,.module13,.module14,.module15 ,.module16,.module17,.module18,.module19{
float:left;
}

.module-line1 h2,.module-line2 h2,.module-line3 h2, .module-line4 h2 ,.module-line5 h2, .module-line6 h2,.module-line7 h2{
font-size:20px;
text-transform:uppercase;
margin-right:25px;
text-align:center;
margin-bottom:13px;
}

.module-line1 img,.module-line2 img,.module-line3 img, .module-line4 img ,.module-line5 img, .module-line6 img ,.module-line7 img {
border:1px solid #dedede;
background-image:cover;
text-align:center !important;

}

.module-line1 .demo,.module-line2 .demo,.module-line3 .demo, .module-line4 .demo, .module-line5 .demo, .module-line6 .demo , .module-line7 .demo   {
float:left;
margin-left:55px;
margin-top:15px;
}

.module-line1 .download-button ,.module-line2 .download-button, .module-line3 .download-button, .module-line4 .download-button, .module-line5 .download-button ,.module-line6 .download-button , .module-line7 .download-button        {
float:left;
margin-top:15px;
margin-left:25px;
}

.module-line1 .demo a, 
.module-line1 .download-button a,

.module-line2 .demo a, 
.module-line2 .download-button a,

.module-line3 .demo a, 
.module-line3 .download-button a,

.module-line4 .demo a, 
.module-line4 .download-button a,

.module-line5 .demo a, 
.module-line5 .download-button a ,

.module-line6 .demo a, 
.module-line6 .download-button a,

.module-line7 .demo a, 
.module-line7 .download-button a {
-webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 background-color: #b0260a; background-image: -webkit-gradient(linear, left top, left bottom, from(#b0260a), to(#891c08));
 background-image: -webkit-linear-gradient(top, #b0260a, #891c08);
 background-image: -moz-linear-gradient(top, #b0260a, #891c08);
 background-image: -ms-linear-gradient(top, #b0260a, #891c08);
 background-image: -o-linear-gradient(top, #b0260a, #891c08);
 background-image: linear-gradient(to bottom, #b0260a, #891c08);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#b0260a, endColorstr=#891c08);
padding:8px; 
color:#fff;
font-weight:bold;  

}

.module-line1 .demo a:hover, 
.module-line1 .download-button a:hover,

.module-line2 .demo a:hover, 
.module-line2 .download-button a:hover,

.module-line3 .demo a:hover, 
.module-line3 .download-button a:hover,
 
.module-line4 .demo a:hover,
.module-line4 .download-button a:hover,

.module-line5 .demo a:hover,
.module-line5 .download-button a:hover, 

.module-line6 .demo a:hover,
.module-line6 .download-button a:hover,

.module-line7 .demo a:hover,
.module-line7 .download-button a:hover{
-webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 background-color: #333; background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
 background-image: -webkit-linear-gradient(top, #333, #000);
 background-image: -moz-linear-gradient(top, #333, #000);
 background-image: -ms-linear-gradient(top, #333, #000);
 background-image: -o-linear-gradient(top, #333, #000);
 background-image: linear-gradient(to bottom, #333, #000);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#b0260a, endColorstr=#891c08);
padding:8px; 
color:#fff;
font-weight:bold;  

 -webkit-transition: opacity .55s ease-in-out;
 -moz-transition: opacity .55s ease-in-out;
 -ms-transition: opacity .55s ease-in-out;
 -o-transition: opacity .55s ease-in-out;
 transition: opacity .55s ease-in-out;
 opacity:0.9;
}


.module-line1 a:hover img,.module-line2 a:hover img,.module-line3 a:hover img,.module-line4 a:hover img,.module-line5 a:hover img,.module-line6 a:hover img,.module-line7 a:hover img {
-webkit-transition: opacity .55s ease-in-out;
 -moz-transition: opacity .55s ease-in-out;
 -ms-transition: opacity .55s ease-in-out;
 -o-transition: opacity .55s ease-in-out;
 transition: opacity .55s ease-in-out;
 opacity:0.5;
}


 p.des {
margin:0 15px;
}


/*************************/
 .header-information {
 width:100%;
 height:200px;
 color:#fff;
 background:#454545;
 margin-top:25px;
 }
 
 
 .header-information h1 {
 color:#fff;
 text-align:center;
padding-top:55px;
 font-size:40px;
 }
 
 
 .header-information h2 {
 color:#fff;
 text-align:center;
 font-size:18px;
 }