/*

@Author: Themezinho
@URL: http://www.themezinho.net
 
This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.


	1. Body
		1.1 Elements of body
		1.2 Form Elements
		1.3 Links
		1.4 Spacing 
		1.5 Html Elements
		1.6 Table Valign
		
	2. Loading
		2.1 Elements of Loading
		2.2 Transition elements
		2.3 Yellow Background
		
	3. Side Menu
		3.1 Elements of side menu
		3.2 Form & Inputs
		3.3 Social Media Icons
		
	4. Header
		4.1 Elements of header
		4.2 Slide Content Box
		4.3 Internal Header
		
	5. Navigation
		5.1 Elements of navigation
		5.2 Site Logo
		5.3 Navbar
		5.4 Dropdown
		5.5 Fixed Navigation
		
	6. About Us
		6.1 Elements of about us
		6.2 Left side
		6.3 Right side
		
	7. Services
		7.1 Elements of services
		7.2 Box
		7.3 Icon
		7.4 Expand button
		7.5 Expanded List
		
	8. Team Members
		8.1 Elements of team-members
		8.2 Member Image
		8.3 Member Info
		
	9. Fun Facts
		9.1 Elements of fun facts
		9.2 Box
		9.3 Icon
		9.4 Counting numbers
		
	10. Latest Work
		10.1 Elements of works
		10.2 Transition
		10.3 Section title
		10.4 Works Filter
		10.5 List of works
		10.6 Hover Caption
		
	11. Works
		11.1 Elements of works
		11.2 Transition
		11.3 Section title
		11.4 Works Filter
		11.5 List of works
		11.6 Hover Caption
		
	12. Logos
		12.1 Elements of logos
		12.2 Carousel
		12.3 Controls - Arrows
		
	13. Latest News
		13.1 Elements of news
		13.2 Section title
		13.3 News box
		
	14. Quote 
		14.1 Elements of quote
		14.2 Section title
		14.3 Paragraph
		14.4 Button
		
	15. Blog
		15.1 Elements of blog
		15.2 Transitions
		14.3 Blog posts
		14.4 Pagination
		
	16. Side Bar
		16.1 Elements of sidebar
		16.2 Widgets
		16.3 Social Media
		16.4 Search
		16.5 Tags
		16.6 Categories
		16.7 Gallery
		
	17. Contact Info
		17.1 Elements of contact info
		17.2 Section Title
		17.3 Form Elements
		17.4 Map
		
	18. Contact 
		18.1 Elements of contact
		18.2 Icons
		18.3 Spacing
		
	19. Footer
		19.1 Elements of footer
		19.2 Transition
		19.3 Section Titles
		19.4 Gallery
		19.5 Form elements
		
	20. Sub Footer 
		20.1 Elements of sub-footer
		
	21. Responsive Fixes
		21.1 Tablet Fixes
		21.2 Mobile Fixes

*/

@import url(http://fonts.googleapis.com/css?family=Raleway:400,500,300,700);
@import url(http://fonts.googleapis.com/css?family=Pacifico);




*{ outline:none;}
body{ margin:0; padding:0; font-family: 'montserrat', sans-serif; -webkit-font-smoothing: antialiased;}
html, body{ height:100%;}


/* FORM ELEMENTS */
input[type="text"]{ height:42px; padding:0 10px; border:1px solid #eee;}
button[type="submit"]{ height:42px; padding:0 20px; border:none; font-weight:700;}
button[type="button"]{ height:42px; padding:0 20px; border:none; font-weight:700;}
textarea{ height:120px; padding:10px; border:1px solid #eee;}

.displace {position: absolute;left: -9999px;}
.error{color: #CC0000; }

.float_left	   { float:left;}
.float_right   { float:right;}

.right { float: right !important; }
.left { float: left !important; }


.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}


/* LINKS */
a{color:#fff;}
a:hover{text-decoration:underline;}
a:focus{text-decoration:none;}



/* SPACING */
.no-margin{ margin:0;}
.no-padding{ padding:0;}
.clear{clear: both;}


/* CUSTOMIZED HTML ELEMENTS */
p{ margin-bottom:15px;}
b{ font-weight:700;}
ul{ margin:0; padding:0;}
ul li{ margin:0; padding:0; list-style:none;} 

/* Image Back ground and pattern Back ground */

#pattern_bg { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: url(http://themes.multipixels.net/sreative/wp-content/themes/sreative/images/pattern/pt_06.png) repeat;  z-index: -1; }
#background { position: fixed; z-index: -1;  }

/* Style selector */

            #config_holder	{	position:fixed; top:0px; left:0px;width:0px;height:0px; overflow:visible;z-index:1500; color:#000;}
			#menu_config { z-index:10000;position:fixed; top:70px; left:-200px; background:#fff;max-width:250px;width:200px;
							box-shadow: 0px 0px 3px 1px rgba(128,128,128,0.2);
							-webkit-box-shadow: 0px 0px 3px 1px rgba(128,128,128,0.2);
							-moz-box-shadow: 0px 0px 3px 1px rgba(128,128,128,0.2);
							
							-webkit-transition: all 1s ease-in-out;
							-moz-transition: all 1s ease-in-out;
							-o-transition: all 1s ease-in-out;
							-ms-transition: all 1s ease-in-out;
							transition: all 1s ease-in-out;							
						}
			#menu_config.active { left:0px;}

			.config-navigator { width:20px; height:20px; position:absolute;right:35px;top:0px;display:none;}

			.config_slider {	position:absolute; width:40px; height:40px; background-color:#00cadf; top:0px;right:-40px;cursor:pointer;
							-webkit-transition: all 0.4s ease-in-out;
							-moz-transition: all 0.4s ease-in-out;
							-o-transition: all 0.4s ease-in-out;
							-ms-transition: all 0.4s ease-in-out;
							transition: all 0.4s ease-in-out;
							}
			.config_slider:hover { color:#777;}

			#menu_config.active { right:0px;}
			.config_style_text { background:#00cadf; line-height:40px; color:#fff; text-align:center;font-weight:bold;font-size:14px;}
			#menu_config ul { border:1px solid #eee; margin:0;}

			#menu_config ul li { line-height:40px; text-align:center; padding:0px 10px;color:#000; text-align:center;font-weight:bold;font-size:12px;
							border-bottom:1px solid #eee; margin-bottom: 0;cursor:pointer;
							}
			#menu_config ul li:hover { color:#5ccaab;}
			#menu_config ul li.selected,#menu_config ul li.selectedss { color:#5ccaab;}
			#menu_config ul li.config_select { background: url(../images/pattern/pt1.gif) repeat; cursor:default; color:#000 !important; font-size: 14px;}
			
.icon_setting { 
background:url("../images/setting.png") no-repeat; width:30px; height:30px; float: right; margin-right: 7px; margin-top: 6px;
}
.tp-caption a { color: #fff !important; }

#full_page { background: #fff; }
#full_page .fun-facts { padding: 0px; }

/*  Comment form  */




/* LATEST WORKS */
.latest-works{ width:100%; float:left; padding-top:00px; text-align:center; background-color: #fff;}
.latest-works *{-moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;}
.latest-works h3{ color:#FF7F00; font-size:30px; margin-bottom:30px;}
.latest-works h3 span{ display:inline-block; font-weight:700;}
.latest-works .works-filter {width:100%; float:left; margin-bottom:30px;}
.latest-works .works-filter a{ display:inline-block; margin:0 10px; padding-bottom:6px; font-weight:500; color:#FF7F00; font-size: 14px !important; text-transform: uppercase;}
.latest-works .works-filter a:hover{text-decoration:none;}
.latest-works .works-filter a.current{ border-bottom:2px solid #FF7F00;}
.latest-works ul{ width:100%; float:left;}
.latest-works ul li{ width:33.33333%; float:left;}
.latest-works ul li figure{ width:100%; height:100%; float:left; position:relative;}
.latest-works ul li figure:hover figcaption{ opacity:1; padding:10px;}
.latest-works ul li figure img{ width:100%; float:left;}
.latest-works ul li figure figcaption{ width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;}
.latest-works ul li figure figcaption h4{ font-weight:700; color:#fff; font-size:20px;}
.latest-works ul li figure figcaption h4 a{color:#fff;}
.latest-works ul li figure figcaption h4 a:hover{color:#fff; text-decoration:none;}
.latest-works ul li figure figcaption small{ color:#fff; font-weight:500;}
.latest-works ul li figure figcaption .table{background:rgb(255, 127, 0,0.8);}