/****************************  TABLE OF CONTENT   ***********************************************

1. General Setting
2. Boxed Layout
3. Sticky Header
4. Responsive Menu
5. Header
6. Slider
7. About 2
8. Slider Text Rotate
9. Heading
10. Header Parallax
11. Why Choose
12. Hire Us
13. Services
14. Our Skills
15. POrtfolio
16. Price Table
17. Work In Progress
18. Single Post
19. Comments Sec
20. Leave Comment
21. Our Creative Team
22. Blog Page
23. Sidebar Tabs
24. tags Cloud
25. Flickr Widget
26. Subscribe Us
27. Post
28. Comments Sec
29. Leave Comment
30. Our Creative Team
31. Testimonial
32. Clients
33. Contact

****************************  TABLE OF CONTENT   ***********************************************/

/* General Setting */

body {
    margin: 0;
    padding: 0;
	overflow-x:hidden;
}
p{
	font-family:Open Sans;
	font-size:13px;
	font-weight:normal;
	margin:0;
	color:#777777;
	letter-spacing:0.30px;
	float:left;
	width:100%;
	line-height:24px;
}

.side-panel {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 0 0 0 3px;
    -moz-border-radius: 0 0 0 3px;
    -ms-border-radius: 0 0 0 3px;
    -o-border-radius: 0 0 0 3px;
    border-radius: 0 0 0 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.04) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.04) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.04) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.04) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.04) inset;
	
    height: auto;
    position: fixed;
    right: -209px;
    top: 30%;
    
	-webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	
    width: 209px;
    z-index: 2147483647;
}
.color-schemes > h4 {
    border-bottom: 1px solid #E8ECEC;
    color: #666666;
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0 0 30px;
    padding: 15px 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.color-schemes > h4:before {
    background: none repeat scroll 0 0 #FFFFFF;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.two-layouts {
    float: left;
    width: 100%;
}
.two-layouts > h4 {
    border-bottom: 1px solid #fff;
    color: #666;
    float: left;
    font-family: Open Sans;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0;
    padding: 15px 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 20px;
}
.two-layouts > h4:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #e8ecec;
    content: "";
}
.panel-button {
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-ms-border-radius: 3px 0 0 3px;
	-o-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
    
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.06) inset;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.06) inset;
    -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.06) inset;
    -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.06) inset;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.06) inset;
	
    color: #333333;
    cursor: pointer;
    font-size: 18px;
    height: 40px;
    left: -40px;
    line-height: 39px;
    padding: 0;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 40px;
	top:-1px;
}
.side-panel.show {
    right: 0;
}
.side-panel:hover {
    right: 0;
}
.two-layouts > ul {
    display: table;
    float: none;
    margin: 0 auto;
    padding: 0;
}
.two-layouts > ul > li {
    float: left;
    list-style: none outside none;
    margin: 0 5px;
}
.side-panel .two-layouts > .choose-bg > li {
    float: left;
    list-style: none outside none;
    margin: 15px 2px 30px;
}
.side-panel .two-layouts > ul > li > a {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    font-weight: 600;
    line-height: 10px;
    padding: 12px;
}
.two-layouts ul.choose-bg > li > a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 30px;
    margin: 0 5px;
    width: 30px;
}
.two-layouts > ul > li {
    float: left;
    list-style: none outside none;
}
.two-layouts > ul > li > a {

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;	
	
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-family: Raleway;
    font-size: 13px;
    font-weight: 600;
    line-height: 10px;
    margin: 0 5px;
    padding: 10px 12px;
}

.two-layouts > ul > li > .boxed-style {
    background: none repeat scroll 0 0 #555;
}
.two-layouts > ul > li > .full-width {
    background: none repeat scroll 0 0 #555;
}

.main-sec > h1 > span {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 13px;
    display: table;
    float: none;
    line-height: 10px;
    margin: 0 auto 13px;
    padding: 13px 10px;
}
.main-sec > h1 {
    float: left;
    font-family: Roboto Slab;
    font-weight: bold;
    text-align: center;
    width: 100%;
	color:#fafafa;
}
.main-sec > h1 > i {
    color: #ddd;
    float: left;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    line-height: 10px;
    margin-top: 12px;
    width: 100%;
}