/*
Theme Name: Clean Business Child
Theme URI: https://catchthemes.com/themes/clean-business/
Template: clean-business
Author: Catch Themes
Author URI: https://catchthemes.com/
Description: Clean Business is a clean, responsive and incredibly resourceful WordPress theme that can adapt to any business and corporate niche and provide users with an accessible interface. If your goal is to build a successful corporate website that is natively responsive, then look no further than Clean Business. This clean and minimalistic business and blog WordPress theme is deeply customizable with options through theme customizer. Any user can tailor his/her experience, and create a website that stays true to his/her vision. The responsive and cross-browser compatibility design of Clean Business allows your website to adapt to any device and web browser. This not only expands your target demographic, but it also allows you to update content while on the move. It is jam-packed with myriads of different features like featured content, featured sliders, promotion headlines, breadcrumb, pagination, navigation, custom widgets and header image options, each designed to enhance online business sites of any size. These features allow for a greater degree of flexibility and versatility. Finally, native CSS3 and HTML5 compatibility make Clean Business powered websites prepared for the future of the Internet, and ensure your business will look current and tech-savvy for years to come. This theme is translation ready. Check out Theme Instructions at https://catchthemes.com/theme-instructions/clean-business/ and Demo at https://catchthemes.com/demo/clean-business/
Tags: blog,two-columns,right-sidebar,custom-colors,custom-background,custom-header,custom-menu,featured-images,sticky-post,theme-options,threaded-comments,editor-style,translation-ready
Version: 1.1.4.1534254318
Updated: 2018-08-14 13:45:18

*/
/*
Theme Name: Clean Business
Theme URI: https://catchthemes.com/themes/clean-business/
Author: Catch Themes
Author URI: https://catchthemes.com/
Description: Clean Business is a clean, responsive and incredibly resourceful WordPress theme that can adapt to any business and corporate niche and provide users with an accessible interface. If your goal is to build a successful corporate website that is natively responsive, then look no further than Clean Business. This clean and minimalistic business and blog WordPress theme is deeply customizable with options through theme customizer. Any user can tailor his/her experience, and create a website that stays true to his/her vision. The responsive and cross-browser compatibility design of Clean Business allows your website to adapt to any device and web browser. This not only expands your target demographic, but it also allows you to update content while on the move. It is jam-packed with myriads of different features like featured content, featured sliders, promotion headlines, breadcrumb, pagination, navigation, custom widgets and header image options, each designed to enhance online business sites of any size. These features allow for a greater degree of flexibility and versatility. Finally, native CSS3 and HTML5 compatibility make Clean Business powered websites prepared for the future of the Internet, and ensure your business will look current and tech-savvy for years to come. This theme is translation ready. Check out Theme Instructions at https://catchthemes.com/theme-instructions/clean-business/ and Demo at https://catchthemes.com/demo/clean-business/
Version: 1.1.4
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: clean-business
Tags: blog, two-columns, right-sidebar, custom-colors, custom-background, custom-header, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, editor-style, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Clean Business is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1. Navigation
2. Accessibility
3. Alignments
4. Content
5. Asides
6. Comments
7. Media
8. Captions
9. Galleries
10. Repeatable Patterns
11. Header
12. Mobile navigation
13. Layout
13.1. Basic Layout
13.2. Blog
13.3 Default Theme Layout
13.4 Archive Layout
14. Special Sections
14.1. Featured Slider
14.2. Promotion Content
14.3. Featured Content
14.4. Parallax
14.5. Scroll Up
14.6. Preloader
14.7. Breadcrumb
15. Page Title
16. Widgets
17. Blog single
18. Comments
19. Portfolio single
20. Footer
21. Panels
22. Roll
23. Elements
24. Responsive Style
--------------------------------------------------------------*/


/*--------------------------------------------------------------
1. Navigation
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}
#main .comment-navigation,
#main .posts-navigation,
#main .post-navigation {
	overflow: hidden;
	margin-top: 30px;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 100%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
.post-navigation .nav-next .nav-next {
	width: 50%;
}
.posts-navigation .nav-links a,
.pagination .nav-links a,
#infinite-handle span button {
	background-color: #fff;
    color: #00CCCC;
}
.posts-navigation .nav-links a,
.pagination .nav-links a,
#infinite-handle span button,
.pagination .nav-links .current {
	border: 2px solid #00CCCC;
    display: inline-block;
    padding: 10px 20px;
	text-transform: uppercase;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
		 -o-border-radius: 3px;
			border-radius: 3px;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
}
.posts-navigation .nav-links a:hover,
.posts-navigation .nav-links a:focus,
.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links .current,
.wp-pagenavi span.current,
.wp-pagenavi a:hover,
.wp-pagenavi a:focus,
#infinite-handle span button:hover,
#infinite-handle span button:focus {
	background-color: #00CCCC;
	border-color: #00CCCC;
	color: #fff;
}
.pagination .nav-links {
	text-align: center;
}
.wp-pagenavi a,
.wp-pagenavi span {
    padding: 5px 10px;
}
.pagination .nav-links a,
.pagination .nav-links .current {
	padding: 3px 15px;
}
.pagination .prev {
	float: left;
}
.pagination .next {
	float: right;
}
.wp-pagenavi {
    text-align: center;
}
.wp-pagenavi a,
.wp-pagenavi span {
    background-color: #fff;
    border-color: #00CCCC;
}
.wp-pagenavi .pages {
	border: none;
	background-color: transparent;
}
#infinite-handle span {
    background-color: transparent;
    font-size: 15px;
    padding: 0;
}
#infinite-handle span button,
#infinite-handle span button:hover,
#infinite-handle span button:focus {
	border: 2px solid #00CCCC;
	display: block;
	width: 100%;
	padding: 15px 30px;
}
/* Main Navigation */
#mainnav {
	display: block;
	float: right;
	-webkit-transition: all 0.3s linear;
	   -moz-transition: all 0.3s linear;
	    -ms-transition: all 0.3s linear;
	     -o-transition: all 0.3s linear;
	        transition: all 0.3s linear;
}
#mainnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#mainnav li {
	float: left;
	padding: 0;
}
#mainnav ul ul li {
	padding: 0;
	width: 100%;
}
#mainnav ul li a {
	color: #fff;
	display: block;
	border-top: 1px solid #14edf5;
	font-size: 16px;
	font-weight: 500;
	outline: none;
	padding: 5px 15px;
	position: relative;
	text-decoration: none;
	text-transform: none;
	background:#000
}
#mainnav ul li a:hover,
#mainnav ul li a:focus {
	color: #00CCCC;
}
#mainnav .current_page_item > a,
#mainnav .current_page_ancestor > a,
#mainnav .current-menu-item > a,
#mainnav .current-menu-ancestor > a {
	color: #00CCCC;
}
#mainnav ul ul a {
	right: 0;
	width: 200px;
}
#mainnav > ul > li:last-child {
	padding-right: 0;
}
#mainnav ul li {
	position: relative;
}
#mainnav ul li ul {
	width: 200px;
	position: absolute;
	top: 100%;
	right: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-border-radius: 0 0 2px 2px;
	   -moz-border-radius: 0 0 2px 2px;
		 -o-border-radius: 0 0 2px 2px;
			border-radius: 0 0 2px 2px;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}
#mainnav ul li ul ul {
	top: 0;
	right: 100%;
}
#mainnav ul li ul:after {
	content: "";
	position: absolute;
	right: 0;
	width: 200px;
	height: 1px;
}
#mainnav ul li ul ul:after {
	top: 0;
}
#mainnav ul li ul li ul {
	right: 100%;
}
#mainnav li:hover > ul {
    opacity: 1;
    padding-top: 10px;
    visibility: visible;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
}
#mainnav li:hover > ul ul {
	padding-top: 0;
}
#mainnav .sub-menu,
#mainnav .children {
	z-index: 99999;
}
#mainnav .sub-menu li a,
#mainnav .children li a {
	color: #fff;
	display: block;
	line-height: 30px;
	background: #1c1c1c;
	padding: 0 15px;
	border-top: 1px solid #252525;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
    text-transform: none;
}
#mainnav li:hover > .sub-menu > li > a,
#mainnav li:hover > .children > li > a {
	padding: 8px 18px;
}
#mainnav > ul > li > a.active,
#mainnav > ul > li > a:hover {
	color: #e8554e;
}
#mainnav ul li ul:after {
	background-color: #00CCCC;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
#mainnav .sub-menu li:hover > a,
#mainnav .children li:hover > a {
	background-color: #00CCCC;
	color: #fff;
}
/* Icons */
#mainnav ul li::before {
	font-family: Fontawesome;
	color: #fff;
	float: left;
	margin: 5px 5px 0 0;
	font-size: 14px;
	line-height: 1;
	font-weight: 400;
}
#mainnav ul li a {
	float: left;
}
#mainnav .sub-menu li:before,
#mainnav .children li:before {
	content: '';
	margin: 0;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
#mainnav-mobi ul li a {
	float: none;
}
#mainnav-mobi ul li::before {
	content: '';
}

/*--------------------------------------------------------------
2. Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
3. Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
4. Content
--------------------------------------------------------------*/
.sticky {
	display: block;
}
.hentry {
}
.byline,
.updated:not(.published) {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.single .content-area .entry-header,
.page .content-area .entry-header {
	margin-bottom: 20px;
}

.entry-footer {
    clear: left;
    margin-top: 30px;
}
.logged-in .entry-footer .tags-links {
	margin-right: 10px;
}
.page-links {
	clear: both;
	margin: 0 0 30px;
}
.page-header {
	margin: 0;
	border: 0;
}
.page-template-page_front-page .page-wrap .content-wrapper {
	padding-top: 0;
	padding-bottom: 0;
	background-color: transparent;
}
.content-area p,
.content-area ol,
.content-area ul,
.content-area dd,
.content-area pre,
.content-area blockquote,
.content-area table {
	margin: 0 0 30px;
}
.content-area ol,
.content-area ul {
	padding: 0;
	margin-left: 20px;
}
.content-area ol ol,
.content-area ul ul {
	margin-bottom: 0;
}

/*--------------------------------------------------------------
5. Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
6. Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
7. Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
	height: 200px;
}
img {
	max-width: 100%;
	height: auto;
}

/*--------------------------------------------------------------
8. Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
9. Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
10. Repeatable Patterns
--------------------------------------------------------------*/
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}
body {
	font-size: 16px;
	line-height: 1.75;
	font-family: "Merriweather", serif;
	font-weight: 300;
	background-color: #f9f9f9;
	color: #767676;
}
a {
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		 -o-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
}
a:hover,
a:focus {
	color: #443f3f;
	text-decoration: none;
	outline: 0;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		 -o-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
}
img {
	max-width: 100%;
	height: auto;
}
.widget ul {
	list-style: none;
	padding: 0;
}
.widget .children {
	padding-left: 15px;
}
.img-left {
	margin: 0 33px 0 0 !important;
	float: left;
}
.img-right {
	margin: 0 0 0 33px !important;
	float: right;
}
strong {
	font-weight: 600;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #443f3f;
	font-family: "Lato", sans-serif;
	line-height: 1.3;
	margin: 0 0 20px;
}
h1 {
	font-size: 32px;
}
h2 {
	font-size: 28px;
}
h3 {
	font-size: 26px;
}
h4 {
	font-size: 24px;
}
h5 {
	font-size: 22px;
}
h6 {
	font-size: 20px;
}
p {
	margin: 0 0 30px;
}
.text-white { color: #fff !important; }
.text-dark { color: #443f3f !important;}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	position: relative;
	display: inline-block;
	font-size: 13px;
	line-height: 24px;
	font-weight: 700;
	padding: 12px 34px;
	color: #fff;
	text-transform: uppercase;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
		 -o-border-radius: 3px;
			border-radius: 3px;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color: transparent;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
	color: #767676;
	background-color: #fafafa;
	border: 1px solid #dbdbdb;
	height: 50px;
	padding: 4px 20px;
	border-radius: 0;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}
textarea {
	width: 100%;
	height: 120px;
	padding: 15px 20px;
}
input[type="checkbox"] {
	display: inline;
}
input:-moz-placeholder,
textarea:-moz-placeholder,
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #a3a2a2;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #c3c3c3;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #cacaca;
}
.orches-animation {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}
.orches-animation.animated {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
@-webkit-keyframes pop-scale { 0% { -webkit-transform: scale(0.7) } 100% { -webkit-transform: scale(1) } }
@-moz-keyframes pop-scale { 0% { -moz-transform: scale(0.7) } 100% { -moz-transform: scale(1) } }
@keyframes pop-scale { 0% { transform: scale(0.7) } 100% { transform: scale(1) } }
@-webkit-keyframes pop-scale2 { 0% { -webkit-transform: scale(0.5) } 100% { -webkit-transform: scale(1) } }
@-moz-keyframes pop-scale2 { 0% { -moz-transform: scale(0.5) } 100% { -moz-transform: scale(1) } }
@keyframes pop-scale2 { 0% { transform: scale(0.5) } 100% { transform: scale(1) } }
/* bootstrap resetting elements */
.btn {
	background-image: none;
}
textarea,
input[type="text"],
input[type="submit"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
.dropdown-menu,
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
	-webkit-appearance: none;
	text-shadow: none;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	     -o-box-shadow: none;
	        box-shadow: none;
}
table {
	margin-bottom: 30px;
	width: 100%;
}
th,td {
	border: 1px solid #333;
	padding: 10px;
}
.clear {
	clear: both;
}

/*--------------------------------------------------------------
11. Header
--------------------------------------------------------------*/
.site-title {
	font-size: 22px;
	line-height: 1.2;
	text-transform: uppercase;
	font-weight:bold
}
.site-title a {
	color: #fff;
}
.site-title a:hover,
.site-title a:focus {
	color: ##00CCCC;
}
.site-logo {
	max-height: 100px;
}
.site-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	background-color: transparent;
	padding: 30px 0;
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
	    -ms-transition: all 0.3s ease-out;
	     -o-transition: all 0.3s ease-out;
	        transition: all 0.3s ease-out;
}
.admin-bar .site-header,
.admin-bar .site-header.float-header {
	top: 32px;
}
.header-image {
	display: none;
	position: relative;
	height: 300px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.header-inner {
	display: none;
}
.site-title {
	margin: 0;
}
.site-description {
	font-size: 16px;
	margin: 5px 0 0;
	line-height: 1.6;
	color: #eee;
}
.site-header.fixed {
	position: fixed;
}

.site-header .col-md-4,
.site-header .col-md-8 {
	min-height: 0;
}
.site-header .logo {
	margin: 40px 0;
	float: left;
	-webkit-transition: all 0.3s linear;
	   -moz-transition: all 0.3s linear;
	    -ms-transition: all 0.3s linear;
	     -o-transition: all 0.3s linear;
	        transition: all 0.3s linear;
}
.site-header .logo a {
	display: block;
	height: 100%;
}
.site-header .logo {
	width: 135px;
	height: 27px;
}
body.header-bg {
    padding-top: 200px;
}
.header-bg .site-header {
	background-color: #6495ad;
	position: fixed;
}
.site-header.float-header {
	background-color: #6495ad;
	padding: 15px;
}
.site-header.float-header #mainnav {
	padding: 0;
}
.site-header.float-header #mainnav > ul > li > a {
    height: 70px;
    line-height: 70px;
}
.site-header.float-header .logo {
    margin: 20px 0;
}

/*--------------------------------------------------------------
12. Mobile navigation
--------------------------------------------------------------*/
#mainnav-mobi {
	display: block;
	margin: 0 auto;
	width: 100%;
	position: absolute;
	top: 38px;
	background-color: #1c1c1c;
	z-index: 1000;
}
#mainnav-mobi ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
#mainnav-mobi ul li {
	margin:0;
	position: relative;
	text-align: left;
	border-top: 1px solid #252525;
	cursor: pointer;
}
#mainnav-mobi ul > li > a {
	display: block;
	text-decoration: none;
	padding: 10px 70px 10px 30px;
	color: #fff;
}
#mainnav-mobi ul.sub-menu,
#mainnav-mobi ul.children {
	top: 100%;
	left: 0;
	z-index: 2000;
	position: relative;
}
#mainnav-mobi > ul > li > ul > li,
#mainnav-mobi > ul > li > ul > li > ul > li {
	position: relative;
	border-top: 1px solid #252525;
	background-color: #222;
}
#mainnav-mobi > ul > li > ul > li >  a {
	padding-left: 70px !important
}
#mainnav-mobi > ul > li > ul > li > ul > li a {
	padding-left: 90px !important
}
#mainnav-mobi ul.sub-menu > li > a,
#mainnav-mobi ul.children > li > a {
	padding-left: 50px;
}
#mainnav-mobi ul.sub-menu .sub-menu  > li > a,
#mainnav-mobi ul.children .children > li > a {
	padding-left: 80px;
}
#mainnav-mobi ul.sub-menu .sub-menu .sub-menu  > li > a,
#mainnav-mobi ul.children .children .children > li > a {
	padding-left: 120px;
}
#mainnav-mobi ul.sub-menu .sub-menu .sub-menu .sub-menu > li > a,
#mainnav-mobi ul.children .children .children .children > li > a {
	display: block;
	text-decoration: none;
	padding-left: 140px;
	border-top-color: rgba(255,255,255,0.1);
	-webkit-transition: all 0.2s ease-out;
	   -moz-transition: all 0.2s ease-out;
	     -o-transition: all 0.2s ease-out;
	        transition: all 0.2s ease-out;
}

#mainnav-mobi > ul > li > ul > li:first-child a {
	border-top: none;
}
#mainnav-mobi ul.sub-menu > li > a:hover,
#mainnav-mobi ul.children > li > a:hover,
#mainnav-mobi > ul > li > ul > li.active > a {
	color: #fff;
}
.btn-menu {
	float: right;
	font-size: 28px;
	font-family: "FontAwesome";
	line-height: 1.1;
	color: #fff;
	padding: 5px;
	text-align:center;
	width: 38px;
	height: 38px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
	    -ms-transition: all 0.3s ease-out;
	     -o-transition: all 0.3s ease-out;
	        transition: all 0.3s ease-out;
}
.btn-menu:before{
	content: "\f0c9";
}
.btn-menu.active:before {
	content: "\f00d";
}
.btn-submenu {
	position: absolute;
	right: 0;
	top: 0;
	font-family: "FontAwesome";
	font-size: 20px;
	line-height: 48px;
	text-align: center;
	cursor: pointer;
	width: 70px;
	height: 48px;
}
.btn-submenu:before {
	content: "\f107";
	color: #fff;
}
.btn-submenu.active:before {
	content: "\f106"
}
.btn-menu {
	display: none
}

/*--------------------------------------------------------------
13. Layout
--------------------------------------------------------------*/
/*--------------------------------------------------------------
13.1. Basic Layout
--------------------------------------------------------------*/
.aside-image {
	padding: 0;
	position: relative;
}
.aside-image .image-container {
    height: 100%;
    overflow: hidden;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
}
.aside-image .image-holder {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover !important;
	z-index: 0;
	background-position: 50% 50%;
}
.aside-image .content-wrap {
	padding: 70px 0 70px 50px;
}
.aside-image.right .image-container {
	left: auto;
	right: 0;
}
.aside-image.right .content-wrap {
	padding: 70px 50px 70px 0;
}
.error-wrap h1 {
	font-size: 35px;
	color: #ddd;
	font-weight: 600;
	margin: 0 0 40px;
	line-height: normal;
}
.error-wrap h5 {
	margin-top: 60px;
	font-size: 18px;
	font-weight: normal;
}
.error-wrap .error-search {
	padding: 0 80px;
}
.error-wrap #search-form {
    height: 50px;
    margin-bottom: 17px;
    position: relative;
    width: 100%;
}
.error-wrap .search-input {
    margin: 0;
    width: 100%;
}
.error-wrap #search-submit {
    height: 50px;
    padding: 0;
    position: absolute;
	top: 0;
	right: 0;
    width: 120px;
    border-radius: 0 3px 3px 0;
	background: #443f3f;
	border-color: #443f3f;
}
.error-wrap #search-submit:hover {
	color: #fff;
}
/* Page sider */
#page-slider {
	position: relative;
	height: 250px;
}
.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.page-wrap {
	padding: 40px 0;
	clear: both;
}
.page-template-page_front-page .page-wrap {
	padding: 0;
}
.entry-post img {
	margin: 10px 0 20px;
}
.header-slider,
.owl-wrapper {
	direction: ltr;
}
.header-slider,
.owl-carousel {
      -webkit-transform: translate3d(0,0,0);
}

/*--------------------------------------------------------------
13.2. Blog
--------------------------------------------------------------*/
.content-area .post-wrap,
.contact-form-wrap {
	padding-right: 20px;
}
.content-area .hentry,
.page-header,
.comments-area .comment-body,
#respond {
	background-color: #fff;
	border: 1px solid #f2f2f2;
	margin-bottom: 40px;
	position: relative;
	padding: 30px;
}
.content-area .comments-area ol {
	margin-left: 0;
}
.page-header h3 {
	margin: 0;
}
.content-area .hentry:last-child {
	margin-bottom: 0;
}

.hentry .post-content {
	overflow: hidden;
}
.content-area .entry-thumb {
    margin: -30px -30px 30px;
    text-align: center;
}
.hentry .entry-title {
	font-size: 30px;
	font-weight: 600;
	line-height: normal;
	padding-bottom: 10px;
	margin: 0;
}
.page .content-area .entry-title,
.single .content-area .entry-title {
	font-size: 34px;
}
.page .hentry .entry-title {
	padding: 0;
}
.hentry .meta-post {
	margin-bottom: 20px;
}
.meta-post,
.meta-post a,
.entry-meta,
.entry-meta a {
	color: #5e5e5e;
	font-size: 13px;
}
.meta-post a:hover,
.meta-post a:focus,
.entry-meta a:hover,
.entry-meta a:focus {
	color: #e8554e;
}
.hentry .meta-post span,
.entry-meta span {
	margin-right: 15px;
}
.hentry .meta-post span:last-child,
.entry-meta span:last-child {
	margin: 0;
}
.hentry .meta-post span span,
.entry-meta span span {
	margin: 0;
	padding: 0;
}
.hentry .meta-post .cat-links {
	display: inline-block;
}
.meta-post a:before,
.entry-meta a:before {
	display: inline-block;
	font-family: "FontAwesome";
	padding: 0 5px 0 0;
}
.posted-on a:before {
	content:"\f073";
}
.byline a:before {
	content:"\f007";
}
.comments-link a:before {
	content:"\f086";
}
.cat-links a:before {
	content:"\f114";
}
span.author.vcard {
	margin: 0;
}
.hentry blockquote {
    background-color: #333;
    color: #fff;
    font-size: 16px;
    font-style: italic;
    line-height: 23px;
    padding: 30px 35px;
    position: relative;
}
.fullwidth {
	width: 100%;
}
.error-404 {
	text-align: center;
}
.error-404 .page-content p {
	margin-bottom: 30px;
}
.masonry-layout {
	width: 100%;
	padding: 0;
}
.masonry-layout .hentry {
	width: 360px;
	margin: 15px;
	padding: 0;
}
.masonry-layout .post-wrap {
	padding: 0;
}
.masonry-layout .hentry:after {
	width: 0;
	height: 0;
}
/* Blog pagination */
.blog-pagination ul {
	width: 100%;
	text-align: right;
	list-style: none;
}
.blog-pagination ul li,
.blog-pagination ul li a {
	display: inline-block;
	background-color: transparent;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.blog-pagination ul li {
	margin-left: 3px;
}
.blog-pagination ul li.active,
.blog-pagination ul li:hover a {
	color: #fff;
}

/*--------------------------------------------------------------
13.3 Default Theme Layout
--------------------------------------------------------------*/
/* Two Columns (Content Right, Left Sidebar) */
.content-right #primary {
	float: right;
}
.content-right #secondary {
	float: left;
}
.content-right .content-area .post-wrap,
.content-right .contact-form-wrap {
	padding-right: 0;
	padding-left: 20px;
}
/* One Column (No Sidebar, Content Width) */
.no-sidebar.content-width #primary {
	display: block;
    float: none;
    margin: 0 auto;
}
.no-sidebar.content-width #main {
	padding-right: 0;
}
/* One Column (No Sidebar, Full Width) */
.no-sidebar.full-width #primary {
    width: 100%;
}
.no-sidebar.full-width .post-wrap {
	padding-right: 0;
}

/*--------------------------------------------------------------
13.4 Archive Layout
--------------------------------------------------------------*/
.blog.excerpt-image-left #main .entry-thumb,
.archive.excerpt-image-left #main .entry-thumb {
    float: left;
    margin: 0 30px 30px 0;
    width: 38%;
}
.blog.excerpt-image-right #main .entry-thumb,
.archive.excerpt-image-right #main .entry-thumb {
    float: right;
    margin: 0 0 30px 30px;
    width: 38%;
}
.blog.excerpt-image-left #main .entry-title,
.blog.excerpt-image-right #main .entry-title,
.archive.excerpt-image-left #main .entry-title,
.archive.excerpt-image-right #main .entry-title {
	font-size: 24px;
}
.blog.excerpt-image-left #main .entry-summary,
.blog.excerpt-image-right #main .entry-summary,
.archive.excerpt-image-left #main .entry-summary,
.archive.excerpt-image-right #main .entry-summary {
	font-size: 15px;
}

/*--------------------------------------------------------------
14. Special Sections
--------------------------------------------------------------*/

/*--------------------------------------------------------------
14.1. Featured Slider
--------------------------------------------------------------*/
.header-slider {
	background-color: #222;
	position: relative;
    max-width: 100%;
}
.slide-text.slides {
   padding-left: 0;
}
.slides-container .slide-item {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.sliderFix {
	display: block !important;
}
.text-slider-section {
	position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 2;
    width: 100%;
	padding-top: 5px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}
.text-slider .entry-title,
.text-slider .subtitle {
	z-index: 10;
	color: #fff;
	letter-spacing: 1px;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.text-slider .entry-title a,
.text-slider .subtitle a {
	color: #e8554e;
}
.text-slider .entry-title a:hover,
.text-slider .entry-title a:focus,
.text-slider .subtitle a:hover,
.text-slider .subtitle a:focus {
	color: #fff;
}
.text-slider .entry-title {
	position: relative;
	display: inline-block;
	font-size: 48px;
	font-weight: 700;
	margin-bottom: 10px;
}
.text-slider .subtitle {
    font-size: 20px;
}
.text-slider {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.slide-inner {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 2;
	width: 100%;
	min-height: 260px;
	padding-top: 5px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.header-slider {
	overflow: hidden;
}
.slides-pagination{
  position: absolute;
  bottom: 10px;
  left: 0;
  z-index: 9999;
  width: 100%;
  text-align: center;
}
.slides-pagination a {
	background-color: #fff;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
    font-family: arial;
    line-height: 1;
    width: 16px;
    height: 16px;
    display: inline-block;
    color: #fff;
    cursor: pointer;
    margin: 0 3px;
}
.slides-pagination a:hover,
.slides-pagination a.current {
	background-color: #00CCCC;
	color: #00CCCC;
}

/*--------------------------------------------------------------
14.2. Promotion Content
--------------------------------------------------------------*/
#promotion-message {
    background-color: #222;
    color: #fff;
    clear: both;
    display: block;
    overflow: hidden;
    padding: 40px 0 20px;
    text-align: center;
}
#promotion-message .entry-title {
	color: #fff;
	margin-bottom: 15px;
}
#promotion-message
#promotion-message .left,
#promotion-message .right {
	display: block;
	text-align: center;
	width: 100%;
}
#promotion-message .more-button {
	margin: 0 auto 30px;
}

/*--------------------------------------------------------------
14.3. Featured Content
--------------------------------------------------------------*/
#featured-content {
	background-color: #fff;
    background-image: url("images/default_bg.jpg");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-attachment: fixed;
    background-size: cover;
    height: 100%;
    padding: 40px 0 50px;
    text-align: center;
    width: 100%;
}
.featured-heading-wrap {
	padding: 0 15px;
}
#featured-content .entry-title,
.featured-heading-wrap p {
	margin-bottom: 15px;
	padding: 0;
}
#featured-content .entry-title a {
	color: #767676;
}
#featured-content .entry-title a:hover,
#featured-content .entry-title a:focus {
	color: #00CCCC;
}
#featured-content.border-top {
	border-top: 1px solid #eee;
	border-bottom: none;
}
#feature-heading {
    border-bottom: 1px solid #eee;
}
#featured-content .featured-image,
#featured-content .featured-content-image {
	display: block;
	line-height: 0;
	margin-bottom: 15px;
}
#featured-content .hentry {
	border: none;
	float: left;
	padding: 15px;
}
#featured-content .hentry p {
	margin: 0;
}
#featured-content.layout-four .hentry {
	width: 25%;
}
#featured-content.layout-three .hentry {
	width: 33.33%;
}
#featured-content.layout-two .hentry {
	text-align: center;
	width: 50%;
}
#featured-content.layout-four .hentry:nth-child(4n+1),
#featured-content.layout-three .hentry:nth-child(3n+1),
#featured-content.layout-two .hentry:nth-child(2n+1) {
	clear: both;
}
#featured-content figure a {
    display: block;
    line-height: 0;
}

/*--------------------------------------------------------------
14.4. Parallax
--------------------------------------------------------------*/
.parallax {
	width: 100%;
	background-attachment: fixed;
	background-position: 50% 0;
}

/*--------------------------------------------------------------
14.5. Scroll Up
--------------------------------------------------------------*/
.scrollup {
	background-color: #fff;
	position: fixed !important;
	right: 20px;
	bottom: -45px;
	color: #fff;
	display: block;
	font-size: 26px;
	line-height: 35px;
	text-align: center;
	width: 40px;
	height: 40px;
	visibility: hidden;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	z-index: 9999;
	cursor: pointer;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
		 -o-border-radius: 2px;
			border-radius: 2px;
	-webkit-transition: all 0.5s;
	   -moz-transition: all 0.5s;
	    -ms-transition: all 0.5s;
	     -o-transition: all 0.5s;
	        transition: all 0.5s;
}
.scrollup:hover {
	border-top: 2px solid #fff;
	background-color: #6495ad;
	color: #222;
}
.scrollup.show {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	visibility: visible;
	bottom : 11px;
}

/*--------------------------------------------------------------
14.6. Preloader
--------------------------------------------------------------*/
.preloader {
    background: none repeat scroll 0 0 #fff;
    height: 100%;
    opacity: 1;
    position: fixed;
    text-align: center;
    transition: all 0.2s ease 0s;
    width: 100%;
    z-index: 9999;
}
.preloader .spinner {
    height: 30px;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    position: relative;
    top: 50%;
    width: 30px;
}
.preloader .pre-bounce1,
.preloader .pre-bounce2 {
    -webkit-animation: 2s ease 0s normal none infinite bounce;
            animation: 2s ease 0s normal none infinite bounce;
    background-color: ##00CCCC;
    border-radius: 50%;
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
}
.preloader .pre-bounce2 {
    -webkit-animation-delay: -0.5s;
            animation-delay: -0.5s;
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

/*--------------------------------------------------------------
14.7. Breadcrumb
--------------------------------------------------------------*/
#breadcrumb-list {
	background-color: #fff;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
}
#breadcrumb-list .wrapper {
    padding: 20px 40px 0;
}
.home #breadcrumb-list .wrapper {
	padding-bottom: 20px;
}
#breadcrumb-list span {
	background-color: transparent;
    color: #666;
	display: block;
   	float: left;
   	font-style: italic;
   	margin-left: -1px;
}
#breadcrumb-list span.sep {
       float: right;
       margin-left: 0;
       padding: 0 0 0 5px;
}
#breadcrumb-list span.sep,
#breadcrumb-list span.archive-text,
#breadcrumb-list span.search-text,
#breadcrumb-list span.tag-text,
#breadcrumb-list span.author-text {
       border: none;
}
#breadcrumb-list a,
#breadcrumb-list a span {
	color: #e8554e;
	display: inline-block;
	padding: 5px 10px 3px;
}
#breadcrumb-list a:hover,
#breadcrumb-list a:hover span {
	color: #404040;
	text-decoration: none;
}
#breadcrumb-list .breadcrumb-current {
	background-color: #f9f9f9;
	padding: 5px 10px 3px;
}

/*--------------------------------------------------------------
15. Page Title
--------------------------------------------------------------*/
.page-title {
	color: #ccc;
	padding-top: 100px;
}
.page-title .col-md-6 {
	float: none;
}
.page-title-inner {
	display: table;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}
.page-title-cap {
	display: table-cell;
	vertical-align: middle;
}
.page-title .breadcrumbs {
	display: table-cell;
	list-style: none;
	text-align: left;
	vertical-align: middle;
}
.page-title h1 {
	margin: 0;
	font-size: 18px;
	color: #ccc;
}
.breadcrumbs ul {
	margin: 0;
}
.breadcrumbs ul li {
	display: inline;
}
.breadcrumbs ul li a:hover {
	text-decoration: underline;
}

/*--------------------------------------------------------------
16. Widgets
--------------------------------------------------------------*/
#secondary {
	background-color: #fff;
	border: 1px solid #f2f2f2;
	overflow: hidden;
	padding: 30px;
}
.sidebar-before-content, .sidebar-after-content {
    background-color: #fff;
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
    padding: 50px 0;
}
.sidebar-after-content .widget-wrap p:last-child {
	margin-bottom: 0;
}
.widget-area .widget {
    border-bottom: 1px solid #f2f2f2;
    clear: both;
    margin-bottom: 30px;
    padding-bottom: 30px;
    position: relative;
    overflow: hidden;
}
#sidebar-footer.widget-area .widget {
	border-color: #767676
}
.widget-area .widget:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.widget-area .widget-title {
	font-size: 18px;
	color: #443f3f;
	font-weight: 600;
	padding-bottom: 20px;
	margin: 0;
	text-transform: uppercase;
}
.sidebar-after-content.widget-area .widget-title {
	font-size: 40px;
	font-weight: 500;
    margin-bottom: 20px;
    padding: 0;
    text-transform: none;
}
.widget ul {
	list-style: none;
}
.widget-area .widget ul li {
	padding: 5px 0;
}
.widget-area .widget ul li:first-child {
	padding-top: 0;
}
.widget-area .widget ul li:last-child {
	padding-bottom: 0;
}
.widget-area,
.widget-area a {
	color: #767676;
}
.widget-area a:hover,
.widget-area a:focus {
	color: #00CCCC;
}
.widget select {
	max-width: 100%;
}
/* Search widget. */
.widget_search .search-submit {
	display: none;
}
.widget_search label {
	display: block;
	width: 100%;
	margin: 0;
}
.widget_search .search-field {
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
		 -o-border-radius: 3px;
			border-radius: 3px;
	font-weight: normal;
    width: 100%;
}
/* Social Widgets */
.widget_clean_business_social_icons a {
    border: 1px solid #f2f2f2;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
		 -o-border-radius: 3px;
			border-radius: 3px;
    color: #767676;
    font-size: 30px;
    line-height: 1;
    margin: 0 10px 10px 0;
    padding: 10px 0;
    text-align: center;
    width: 54px;
}
.widget_clean_business_social_icons a:hover,
.widget_clean_business_social_icons a:focus {
	background-color: #21ABC9;
	border-color: #00CCCC;
	color: #fff;
}
/* widget popular posts */
.widget-popular-post .news .thumb {
	width: 65px;
	height: auto;
	margin: 3px 18px 0 0;
	float: left;
}
.widget-popular-post .news .text {
	min-height: 65px;
}
.widget-popular-post .news h6 {
	font-size: 13px;
	line-height: 20px;
	font-weight: 500;
	margin: 0 0 4px;
}
.widget-popular-post .news p,
.widget-popular-post .news p a {
	font-size: 13px;
	margin: 0;
}
.widget-popular-post .news p a:hover {
	text-decoration: underline;
}
/* widget categories */
.widget-categories .categories li a {
	position: relative;
	display: block;
}
.widget-categories .categories li span {
	position: absolute;
	right: 0;
	top: 0;
}
/* widget tags */
.widget-tags .tag-list a {
	display: inline-block;
	font-size: 13px;
	color: #767676;
	border: 1px solid #dbdbdb;
	padding: 7px 15px;
	margin: 4px;
	margin-left: 0;
}
.widget-tags .tag-list a:hover {
	color: #5e5e5e;
}
/* Contact widget */
.clean_business_contact_info_widget span {
	color: #21ABC9;
	margin-right: 15px;
}
.clean_business_contact_info_widget div {
	margin-bottom: 15px;
}
/* Advertisement Image Widget */
.ct-advertisement-image .ads-image {
	text-align: center;
    line-height: 0;
}

.ct-advertisement-image .ads-image a {
	display: inline-block;
	margin: 0 auto;
}
.ct-advertisement-image .ads-image img {
    display: block;
}
.ctadvertisement .ads-image-wrap {
	text-align: center;
}
/* Featured Post-Page-Embed Widget */
.widget-area .article-wrap {
	clear: both;
	display: block;
	overflow: hidden;
}
.widget-area .hentry {
	margin-bottom: 10px;
	float: left;
	width: 100%;
}
.widget-area .hentry .entry-title {
    font-size: 18px;
    font-weight: normal;
    padding-bottom: 5px;
}
.widget-area .ct-gallery-post .hentry .entry-title {
	font-size: 14px;
}
.widget-area .hentry .entry-meta {
    margin-bottom: 5px;
    margin-left: 2px;
}
.ctfeaturedpostpageimage .left .featured-image,
.ctfeaturedpostpageimage .right .entry-container {
    float: left;
}
.ctfeaturedpostpageimage .right .featured-image,
.ctfeaturedpostpageimage .left .entry-container {
	float: right;
}
.ctadvertisement .hentry:last-child,
.ctfeaturedpostpageimage .hentry:last-child {
	margin-bottom: 0;
}
.ctfeaturedembed .four-column .type-embed,
.ctfeaturedpostpageimage .four-column .hentry {
	margin-left: 4%;
	width: 22%;
}
.sidebar-after-content .ctfeaturedpostpageimage .four-column .hentry {
	margin-left: 1.33%;
	width: 24%;
}
.ctfeaturedembed .three-column .type-embed,
.ctfeaturedpostpageimage .three-column .hentry {
    margin-left: 4%;
    width: 30.66%;
}
.ctfeaturedembed .two-column .type-embed,
.ctadvertisement .two-column .ads-hentry,
.ctfeaturedpostpageimage .two-column .hentry {
	margin-left: 4%;
	width: 48%;
}
.ctfeaturedembed .four-column .type-embed:nth-child(4n+1),
.ctfeaturedembed .three-column .type-embed:nth-child(3n+1),
.ctfeaturedembed .two-column .type-embed:nth-child(2n+1),
.ctfeaturedpostpageimage .four-column .hentry:nth-child(4n+1),
.ctfeaturedpostpageimage .three-column .hentry:nth-child(3n+1),
.ctfeaturedpostpageimage .two-column .hentry:nth-child(2n+1),
.ctadvertisement .two-column .ads-hentry:nth-child(2n+1) {
	clear: both;
	margin-left: 0;
}
.widget-area .ctfeaturedembed ul li,
.widget-area .ctfeaturedpostpageimage ul li,
.widget-area .ctadvertisement ul li {
	padding: 0;
}
.ctfeaturedpostpageimage .left .featured-image,
.ctfeaturedpostpageimage .right .featured-image {
    width: 25%;
}
.ctfeaturedpostpageimage .center .featured-image {
	text-align: center;
}
.ctfeaturedpostpageimage .left .entry-container,
.ctfeaturedpostpageimage .right .entry-container  {
    width: 75%;
}
.ctfeaturedpostpageimage .left .entry-container  {
    padding-left: 15px;
}
.ctfeaturedpostpageimage .right .entry-container  {
    padding-right: 15px;
}
.ctfeaturedpostpageimage .left .no-featured-image .entry-container,
.ctfeaturedpostpageimage .right .no-featured-image .entry-container {
	width: 100%;
	padding: 0;
}
/* Gallery Widgets */
.ctgallerypostpageimage .hentry {
	position: relative;
}
.ctgallerypostpageimage .hentry .featured-image {
	line-height: 0;
	margin: 0;
}
.ctgallerypostpageimage .hentry .entry-container {
	background: #303030;
	background: rgba(48,48,48,0.9);
	padding: 10px 40px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    line-height: normal;
    opacity: 0;
    text-align: center;
    -webkit-transition: all .2s 0 linear;
    -moz-transition: all .2s 0 linear;
    -ms-transition: all .2s 0 linear;
    -o-transition: all .2s 0 linear;
    transition: all .2s 0 linear;
}
.ctgallerypostpageimage .hentry .entry-container>.vcenter {
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-55%) scale(1.2);
    -ms-transform: translateY(-55%) scale(1.2);
    transform: translateY(-55%) scale(1.2);
    -webkit-transition: all .2s 0 linear;
    -moz-transition: all .2s 0 linear;
    -ms-transition: all .2s 0 linear;
    -o-transition: all .2s 0 linear;
    transition: all .2s 0 linear;
}
#featured-grid-content .grid-box:hover .caption>.vcenter {
    -webkit-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
}
.ctgallerypostpageimage .hentry:hover .entry-container {
    box-shadow: inset 0 0 50px 0 rgba(0,0,0,.1);
    opacity: 1;
}
.ctgallerypostpageimage .hentry .entry-container,
.ctgallerypostpageimage .entry-title,
.ctgallerypostpageimage .entry-title a {
	color: #fff;
}
.ctgallerypostpageimage .entry-title a:hover {
	color: #21ABC9;
}
.ctgallerypostpageimage .genericon-picture {
    background-color: #fff;
    -webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
    color: #222;
    font-size: 20px;
    height: 20px;
    padding: 3px;
    width: 20px;
}
.ctgallerypostpageimage .genericon-picture:hover {
	background-color: #21ABC9;
	color: #fff;
}
/* Newsletter Widget */
.ctnewsletter .ct-newsletter-wrap {
    clear: both;
    display: block;
}
.ctnewsletter .ct-newsletter-wrap input {
    margin-bottom: 15px;
    width: 100%;
}
.ctnewsletter .ct-newsletter-wrap input {
    margin-bottom: 15px;
    width: 100%;
}
.ctnewsletter .ct-newsletter-wrap #subbutton {
    background-color: #21ABC9;
    border-color: #00CCCC;
	color: #fff;
	margin: 0;
}
.ctnewsletter .ct-newsletter-wrap #subbutton:hover,
.ctnewsletter .ct-newsletter-wrap #subbutton:focus {
    background-color: #fff;
    color: #21ABC9;
}
/* Instagram Widget */
.ctninstagram ul {
	margin: 0;
}
.ctninstagram ul li {
	list-style: none;
	margin: 0;
}
.ctninstagram .hentry a {
	display: block;
	line-height: 0;
}
.sidebar-after-content .ctninstagram {
	text-align: center;
}
.ctninstagram .instagram-button {
    background-color: #517fa4;
    border: 1px solid #517fa4;
    color: #fff;
    display: inline-block;
    margin-top: 15px;
    padding: 12px 35px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
		 -o-border-radius: 3px;
			border-radius: 3px;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
}
.ctninstagram .instagram-button:hover,
.ctninstagram .instagram-button:focus {
	background-color: #fff;
	border-color: #517fa4;
	color: #517fa4;
}
.ctninstagram span {
    margin-left: 5px;
}
#secondary .ctninstagram .instagram-button {
	text-align: center;
	width: 100%;
}
/* Tad Cloud Widget */
.cttagcloud .ct-tag-cloud-wrap.default a {
	padding: 5px;
}

.cttagcloud .ct-tag-cloud-wrap.box a,
.cttagcloud .ct-tag-cloud-wrap.rounded-corners a {
    background-color: #f9f9f9;
    color: #404040;
    display: inline-block;
    margin: 0 5px 5px 0;
    padding: 5px 10px;
}
.cttagcloud .ct-tag-cloud-wrap.box a:hover,
.cttagcloud .ct-tag-cloud-wrap.rounded-corners a:hover {
	background-color: #e8554e;
	color: #fff;
}
.cttagcloud .ct-tag-cloud-wrap.rounded-corners a {
    border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

/*--------------------------------------------------------------
17. Blog single
--------------------------------------------------------------*/
.single-post .author-post {
	position: relative;
	margin-top: 50px;
	background-color: #eee;
	padding: 20px;
}
.single-post .author-post .author-avatar {
	float: left;
	width: 145px;
	background-color: #f5f5f5;
	padding: 3px;
}
.single-post .author-post .author-info {
	position: relative;
	padding: 0 20px 0 35px;
	margin-left: 140px;
	min-height: 140px;
}
.single-post .author-post .name {
	margin: 3px 0 17px 0;
}
.single-post .author-post .name h6 {
	font-size: 20px;
	font-weight: 600;
	display: inline-block;
	margin: 0;
}
.single-post .author-post .intro {
	margin: 0;
}
.single-post .author-post ul.socials {
	position: absolute;
	top: 10px;
	right: 20px;
	list-style: none;
	margin: 0;
}
.single-post .author-post ul.socials li {
	float: left;
	text-align: center;
	margin-right: 5px;
}
.single-post .author-post ul.socials li a {
	display: inline-block;
	width: 25px;
	height: 25px;
	font-size: 18px;
	line-height: 25px;
	color: #ccc;
}

/*--------------------------------------------------------------
18. Comments
--------------------------------------------------------------*/
.comments-area {
	margin-top: 30px;
}
.comments-title {
	margin: 0 0 30px 0;
	font-size: 24px;
}
.comments-area ol {
	list-style: none;
}
.comments-area ol {
	padding: 0;
}
.comments-area .children {
	padding-left: 30px;
}
.comments-area .fn {
	color: #505050;
}
.comment-author .avatar {
	position: absolute;
}
.comment-author .fn,
.comment-metadata {
	margin-left: 80px;
}
.comment-metadata {
	font-size: 12px;
	margin-bottom: 30px;
}
.comment-body {
	padding: 30px;
	margin-bottom: 20px;
	border-bottom: 1px solid #f3f3f3;
	background-color: #fff;
}
.reply {
	text-align: right;
}
.comment-reply-link {
	padding: 5px;
	font-size: 12px;
}
.comment-meta a {
	color: #c7c7c7;
}
.comments-area a.url {
	color: #505050;
	text-decoration: none;
}
.bypostauthor {
}
.comment-reply-title {
	font-size: 25px;
}
.comment-form input {
	width: 100%;
	max-width: 100%;
}
.form-submit input {
	width: auto;
}

/*--------------------------------------------------------------
19. Portfolio single
--------------------------------------------------------------*/
.portfolio-images {
	margin-bottom: 40px;
}
.portfolio-info {
	background-color: #f7f7f7;
	border: 1px solid #eee;
	padding: 25px 25px 40px;
	font-family: "Raleway", sans-serif;
}
.portfolio-info h5 {
	margin: 0 0 15px;
	text-transform: uppercase;
}
.portfolio-info ul {
	list-style: none;
	font-size: 14px;
	margin-bottom: 10px;
}
.portfolio-info ul li {
	padding: 10px 0;
}
.portfolio-info ul li span {
	float: right;
	color: #443f3f;
}
.portfolio-info .button-group {
	text-align: center;
}
.portfolio-info .button-group a {
	width: 100%;
	margin-top: 10px;
}

/*--------------------------------------------------------------
20. Footer
--------------------------------------------------------------*/
.footer-widgets {
	padding: 50px 0;
	background-color: #6495ad;
}
.footer .copyr {
	color: #a8a8a8;
	margin-bottom: 0;
}
.footer-widgets .widget-title {
	text-transform: uppercase;
	color: #c5c5c5;
	line-height: normal;
	margin: 5px 0 0;
}
/* widget info */
.widget-info .logo-footer {
	margin-bottom: 36px;
}
.widget-info p {
	margin-bottom: 24px;
}
.widget-info .infomation {
	list-style: none;
	margin: 0;
}
.widget-info .infomation li {
	position: relative;
	padding: 0 0 0 30px;
	margin-bottom: 15px;
	line-height: 24px;
}
.widget-info .infomation li.address:before,
.widget-info .infomation li.phone:before,
.widget-info .infomation li.email:before {
	position: absolute;
	left: 0;
	top: 0;
	content: "\f041";
	font-family: "FontAwesome";
	font-size: 16px;
}
.widget-info .infomation li.phone:before {
	content: "\f095";
}
.widget-info .infomation li.email:before {
	content: "\f040";
}
/* widget links */
.widget-links ul {
	list-style: none;
	margin: 0;
}
.widget-links ul li {
	padding: 10px 0 7px;
}
.widget-links ul li:first-child {
	padding-top: 0;
}
.widget-mail-subscribe p {
	padding-bottom: 10px;
}
.widget-mail-subscribe .email-sub input {
	width: 205px;
	margin-bottom: 10px;
}
#footer-right-content {
	text-align: right;
}
.site-footer {
	background-color: #1c1c1c;
	line-height: 35px;
	padding: 15px 0;
}
.site-footer,
.site-footer a {
	color: #888;
}
.site-footer a:hover,
.site-footer a:focus {
	color: #e8554e;
}
.site-footer .socials {
	margin: 0;
	list-style: none;
}
.bottom .socials li {
	display: inline-block;
	margin-left: 5px;
}
.site-footer .socials li a {
	display: inline-block;
	color: #666;
	font-size: 14px;
	background-color: #2e2e2e;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
		 -o-border-radius: 50%;
			border-radius: 50%;
}
.site-footer .socials li:hover a {
	color: #fff;
}

/*--------------------------------------------------------------
21. Panels
--------------------------------------------------------------*/
.panel-grid-cell .widget-title {
	text-align: center;
	margin-bottom: 50px;
	position: relative;
	font-weight: 600;
	line-height: normal;
	text-transform: uppercase;
	padding-bottom: 10px;
}
.panel-grid-cell .widget-title:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 50px;
	height: 1px;
	margin-left: -25px;
	background-color: #e8554e;
}
.panel-grid {
	max-width: 1170px;
	margin-left: auto !important;
	margin-right: auto !important;
}
.panel-row-style {
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	position: relative;
	z-index: 11;
	overflow: hidden;
}
.panel-grid .overlay {
	z-index: -1;
}
.no-col-padding .panel-grid-cell {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/*--------------------------------------------------------------
22. Roll
--------------------------------------------------------------*/
/* Counter */
.roll-counter {
	text-align: center;
}
.roll-counter i {
	font-size: 30px;
}
.roll-counter .name-count,
.roll-counter .numb-count {
	font-family: "Raleway", sans-serif;
}
.roll-counter .name-count {
	font-size: 14px;
	font-weight: 600;
	padding: 15px 0;
}
.roll-counter .numb-count {
	font-size: 44px;
	padding: 0;
	font-weight: 600;
}

/* Clients  */
.roll-client {
    text-align: center;
}
.roll-client .client-item {
    float: none;
    display: inline-block;
	width: 19%;
	text-align: center;
	margin-bottom: 30px;
}
.roll-client .client-item img {
	max-width: 150px;
}

/* Spacer */
.roll-spacer {
	display: block;
	clear: both;
	width: 100%;
	height: 47px;
	overflow: hidden;
}
.roll-spacer.small {
	height: 27px;
}
.roll-spacer.large {
	height: 60px;
}

/* Icon Box */
.roll-icon-box {
	text-align: center;
}
.roll-icon-box .icon {
	text-align: center;
	width: 70px;
	height: 70px;
	line-height: 75px;
	margin: 0 auto 20px;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
		 -o-border-radius: 50%;
			border-radius: 50%;
}
.roll-icon-box.left {
	text-align: left;
}
.roll-icon-box.left .icon {
	float: left;
	margin-top: 7px;
	margin-right: 30px;
}
.roll-icon-box .icon i {
	font-size: 26px;
}
.roll-icon-box .content {
	overflow: hidden;
}
.roll-icon-box .content h3 {
	font-size: 16px;
	font-weight: 500;
	line-height: normal;
	margin: 7px 0 10px;
}
.roll-icon-box .content h3,
.roll-icon-box .content h3 a {
	color: #443f3f;
}
.roll-icon-box .content p {
	margin: 0;
}

/* Icon List */
.roll-icon-list {
	padding-top: 15px;
}
.roll-icon-list .icon {
	text-align: center;
	width: 70px;
	height: 70px;
	line-height: 75px;
	float: left;
	margin-right: 30px;
	margin-top: 7px;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
		 -o-border-radius: 50%;
			border-radius: 50%;
}
.roll-icon-list .icon i {
	font-size: 26px;
}
.roll-icon-list .list-item {
	margin-bottom: 30px;
}
.roll-icon-list .content {
	overflow: hidden;
}
.roll-icon-list .content h3 {
	font-size: 16px;
	font-weight: 500;
	line-height: normal;
	margin: 7px 0 10px;
}
.roll-icon-list .content h3 a {
	color: #443f3f;
}
.roll-icon-list .content p {
	margin-bottom: 0;
}

/* List */
.roll-list {
	list-style: none;
	margin: 0 0 30px 10px;
}
.roll-list li {
	line-height: 32px;
	position: relative;
	padding-left: 40px;
}
.roll-list li:before {
	content: "\f006";
	font-family: "FontAwesome";
	font-size: 15px;
	position: absolute;
	left: 0;
	top: 0;
}

/* Button */
.roll-button {
	position: relative;
	display: inline-block;
	font-weight: 700;
	padding: 12px 35px;
	color: #fff;
	text-transform: uppercase;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
		 -o-border-radius: 3px;
			border-radius: 3px;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
}
.roll-button:hover {
	background-color: #fff;
}
.roll-button.border {
	background-color: transparent;
	text-transform: uppercase;
}
.roll-button.border:hover {
	color: #fff;
}
.roll-button.border.text-white {
	color: #fff;
}
.roll-button.light {
	background-color: #fff;
	border: 1px solid #fff;
	color: #443f3f;
}
.roll-button.light:hover {
	color: #fff;
}
.roll-button.light.border {
	border: 1px solid #fff;
	background-color: transparent;
	color: #fff;
}
.roll-button.light.border:hover {
	border: 1px solid #443f3f;
	background-color: #443f3f;
	color: #fff;
}
.roll-button.dark {
	background-color: #443f3f;
	border: 1px solid #443f3f;
}
.roll-button.dark:hover {
	border: 1px solid #443f3f;
	background-color: transparent;
	color: #443f3f;
}
.roll-button.dark.border {
	border: 1px solid #443f3f;
	background-color: transparent;
	color: #443f3f;
}
.roll-button.dark.border:hover {
	border: 1px solid #443f3f;
	background-color: #443f3f;
	color: #fff;
}
.more-button {
	display: table;
	margin: 30px auto 0;
	clear: both;
}

/* Button Group */
.roll-button-group {
	text-align: center;
}
.roll-button-group .roll-button {
	margin-left: 8px;
}
.roll-button-group .roll-button:first-child {
	margin-left: 0;
}

/* Lastest news */
.blog-post {
	margin-bottom: 30px;
}
.blog-post .entry-title {
	margin: 15px 0;
	font-size: 16px;
}

/* Lastest Projects */
.project-filter {
	margin: 20px 0 50px 0;
	text-align: center;
}
.project-filter li  {
	display: inline-block;
    position: relative;
    text-align: center;
    margin-left: -4px;
    background-color: #f5f5f5;
	-webkit-transition: background 0.3s;
	   -moz-transition: background 0.3s;
	    -ms-transition: background 0.3s;
	     -o-transition: background 0.3s;
	        transition: background 0.3s;
}
.widget-area .widget .project-filter li {
		padding: 0;
}
.project-filter li a {
    color: #767676;
    display: block;
    font-size: 13px;
    font-weight: 600;
    outline: 0;
		padding: 10px;
}
.project-filter li a.active,
.project-filter li a:hover,
#secondary .project-filter li a.active,
#secondary .project-filter li a:hover {
	color: #fff;
}
.roll-project {
	width: 100%;
	padding-bottom: 50px;
	margin: 0;
}
.roll-project .project-item {
	margin: 0 0 30px;
}
.roll-project.fullwidth .project-item {
	float: left;
}
.roll-project.fullwidth .project-item {
	width: 20%;
	margin: 0;
}
.roll-project .project-item .item-wrap {
	position: relative;
}
.roll-project .project-item .pop-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 10px;
	z-index: 10;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 1s;
	   -moz-transition: all 1s;
	    -ms-transition: all 1s;
	     -o-transition: all 1s;
	        transition: all 1s;
}
.roll-project .project-item .project-pop-wrap {
	z-index: 20;
	width: 100%;
	height: 100%;
	position: absolute;
}
.roll-project .project-item .project-pop {
	color: #fff;
	text-align: center;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
}
.roll-project .project-item .project-pop a {
	color: #fff;
}
.roll-project .project-item:hover .project-pop {
	opacity: 0.5;
}
.roll-project .project-item .project-pop h3 {
	font-size: 16px;
	font-weight: 700;
	line-height: 26px;
	position: absolute;
	left: 0;
	bottom: 50%;
	width: 100%;
	margin-bottom: -4px;
}
.roll-project .project-item .project-cat {
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	padding-top: 20px;
	margin: 0;
}
.roll-project .project-item .project-cat li {
	display: inline-block;
}
.roll-project .project-item .project-cat li a {
	position: relative;
	font-style: italic;
	padding: 0 5px;
}
.roll-project .project-item .project-cat li a:before {
	position: absolute;
	content: "/";
	left: -3px;
	top: -1px;
}
.roll-project .project-item .project-cat li:first-child a:before {
	content: "";
}
.roll-project .project-item:hover .project-title-wrap,
.roll-project .project-item:hover > .item-wrap .project-pop{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-animation: pop-scale 0.5s 1 cubic-bezier(0.15, 0.85, 0.35, 1.25);
	   -moz-animation: pop-scale 0.5s 1 cubic-bezier(0.15, 0.85, 0.35, 1.25);
	        animation: pop-scale 0.5s 1 cubic-bezier(0.15, 0.85, 0.35, 1.25);
}
.roll-project .project-item:hover > .item-wrap .pop-overlay {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.project-title-wrap{
	position:absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 2;
}
.roll-project .project-item:hover > .item-wrap .project-title-wrap {
	border: 2px solid yellow;
}
.roll-project .project-title{
  display: table;
  width: 100%;
  height: 100%;
  text-align: center;
	color: #fff;
}
.roll-project .project-title span{
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 10px;
}
/* Testimonials */
.roll-testimonials {
	max-width: 750px;
	margin: 0 auto 30px;
	text-align: center;
}
.roll-testimonials .avatar {
	width: 100px;
	margin: 7px auto 26px;
	border: 2px solid #fff;
}
.roll-testimonials .avatar,
.roll-testimonials .avatar img {
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
		 -o-border-radius: 50%;
			border-radius: 50%;
}
.roll-testimonials .whisper {
	font-size: 18px;
	font-style: italic;
	line-height: 26px;
	padding: 0 0 20px;
	margin: 0;
	border: 0;
}
.roll-testimonials .name {
	font-size: 18px;
	font-weight: 500;
}
.roll-testimonials .name span {
	font-size: 13px;
	display: block;
	color: #767676;
}
.roll-testimonials .owl-controls {
	margin-top: 40px;
}
.hentry .roll-testimonials blockquote {
	background: transparent;
}
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.owl-carousel{
	display: none;
	position: relative;
	-ms-touch-action: pan-y;
	-webkit-transition: all 0.3s !important;
	transition: all 0.3s !important;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}
.owl-theme .owl-controls{
  text-align: center;
  margin-top: 45px;
}
.owl-theme .owl-controls .owl-page{
  display: inline-block;
  zoom: 1;
  display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
  display: block;
  width: 9px;
  height: 9px;
  margin: 4px;
  background-color: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -o-border-radius: 50%;
      border-radius: 50%;
  -webkit-transition: background 0.3s;
     -moz-transition: background 0.3s;
      -ms-transition: background 0.3s;
       -o-transition: background 0.3s;
          transition: background 0.3s;
}
/* Socials */
.roll-socials li {
	display: inline-block;
	text-align: center;
	margin: 2px 8px 8px 0;
}
.roll-socials li:last-child {
	margin-right: 0;
}
.roll-socials li a {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-color: transparent;
	font-size: 16px;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
		 -o-border-radius: 50%;
			border-radius: 50%;
}
.roll-socials li a:hover {
	color: #fff;
}
/* Infomation */
.roll-infomation {
	margin-bottom: 50px;
	list-style: none;
}
.roll-infomation li {
	position: relative;
	padding-left: 30px;
	margin-bottom: 15px;
	line-height: 24px;
}
.roll-infomation li.time span {
	color: #d91d1d;
	font-weight: 700;
}
.roll-infomation li.address:before,
.roll-infomation li.phone:before,
.roll-infomation li.email:before {
	position: absolute;
	left: 0;
	top: 4px;
	content: "\f041";
	font-family: "FontAwesome";
	font-size: 20px;
}
.roll-infomation li.phone:before {
	content: "\f095";
}
.roll-infomation li.email:before {
	content: "\f040";
}
/* Progress Bar */
.roll-progress {
	position: relative;
	margin-bottom: 20px;
}
.roll-progress .name {
	position: absolute;
	left: 0;
	top:0;
}
.roll-progress .name,
.roll-progress .perc {
	font-weight: 400;
}
.roll-progress .progress-animate {
	height: 10px;
	width: 0;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	     -o-border-radius: 2px;
	        border-radius: 2px;
}
.roll-progress .progress-bar {
	background: #f3f3f3;
	width: 100%;
	margin-top: 10px;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	     -o-border-radius: 2px;
	        border-radius: 2px;
}
.roll-progress .perc {
	width: 0;
	text-align: right;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: opacity 1s ease-in-out;
	  -moz-transition: opacity 1s ease-in-out;
	   -ms-transition: opacity 1s ease-in-out;
	    -o-transition: opacity 1s ease-in-out;
	       transition: opacity 1s ease-in-out;
}
.roll-progress .perc.show {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
/* Tabs */
.roll-tabs {
	margin-bottom: 20px;
}
.roll-tabs .menu-tab {
	overflow: hidden;
	margin: 0;
	list-style: none;
}
.roll-tabs .menu-tab li {
	position: relative;
	bottom: -1px;
	float: left;
	margin-right: 2px;
}
.roll-tabs .menu-tab li a {
	font-size: 14px;
	font-weight: 500;
	display: block;
	color: #2d3340;
	padding: 12px 25px 10px;
}
.roll-tabs .menu-tab li a:hover {
	background-color: #f7f7f7;
	text-decoration: none;
}
.roll-tabs .menu-tab li.active a {
	background-color: #fff;
	border: 1px solid #dbdbdb;
	transition: none;
}
.roll-tabs .content-tab {
	margin-top: 50px;
	border: 1px solid #dbdbdb;
	padding: 25px 20px 10px 25px;
	margin-top: -1px;
	background-color: #fff;
}
.roll-tabs .content-tab p {
	margin-bottom: 20px;
}
/* Promo Box */
.roll-promobox {
	text-align: center;
	padding: 20px 0;
}
.roll-promobox .promo-controls {
	margin-top: 25px;
}
.roll-promobox .title {
	font-size: 18px;
	margin-bottom: 10px;
	color: #8e8e8e;
	font-weight: 500;
}
.roll-promobox .promo-content p {
	margin-bottom: 40px;
	font-size: 16px;
}
.roll-promobox.aside-style {
	text-align: left
}
.roll-promobox.aside-style .promo-content p {
	padding-bottom: 15px;
}
.roll-promobox.aside-style .promo-wrap {
    display: table;
	overflow: hidden;
	width: 100%;
}
.roll-promobox.aside-style .promo-content {
    display: table-cell;
    vertical-align: middle;
	width: 70%;
}
.roll-promobox.aside-style .promo-content p {
	margin: 0 0 5px;
}
.roll-promobox.aside-style .promo-controls {
    display: table-cell;
    margin: 0;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
	width: 30%;
}
/* Team */
.roll-team.carousel .team-item {
	padding: 0 25px;
}
.post-type-archive-employees .team-item {
		margin-bottom: 30px;
}
.roll-team .team-inner {
	padding: 4px;
	background-color: #fff;
	position: relative;
	text-align: center;
}
.roll-team .team-item .team-pop .name {
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	padding: 10px 0;
}
.roll-team .team-item .team-pop .pos {
	font-style: italic;
}
.roll-team .team-item .team-pop .team-info {
    top: 30%;
    position: relative;
	width: 100%;
}
.roll-team .team-item .pop-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 10px;
	z-index: 10;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 1s;
	   -moz-transition: all 1s;
	    -ms-transition: all 1s;
	     -o-transition: all 1s;
	        transition: all 1s;
}
.roll-team .team-item .team-social {
	text-align: center;
	padding: 17px 0 0;
	margin: 0;
}
.roll-team .team-item .team-social li {
	display: inline-block;
}
.roll-team .team-social li a {
	font-size: 16px;
	color: #fff;
	display: block;
	margin-left: 5px;
	height: 30px;
	width: 30px;
	line-height: 28px;
	border: 1px solid #fff;
	background-color: transparent;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
		 -o-border-radius: 50%;
			border-radius: 50%;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
}
.roll-team .team-item .team-social li:first-child a {
	margin-left: 0;
}
.roll-team .team-item .team-social li:hover a {
	background-color: #fff;
}
.archive .team-social li a {
	color: #e8554e;
	border: 1px solid #e8554e;
}
.roll-team .team-item .team-pop {
	color: #fff;
	z-index: 20;
	width: 100%;
	height: 100%;
	padding: 0 10px;
	cursor: pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
}
.roll-team .team-item:hover > .team-inner .team-pop {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-animation: pop-scale 0.5s 1 cubic-bezier(0.15, 0.85, 0.35, 1.2);
	   -moz-animation: pop-scale 0.5s 1 cubic-bezier(0.15, 0.85, 0.35, 1.2);
	        animation: pop-scale 0.5s 1 cubic-bezier(0.15, 0.85, 0.35, 1.2);
}
.roll-team .team-item:hover > .team-inner .pop-overlay {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.roll-team .team-content {
	text-align: center;
}
.roll-team .team-content .name {
	font-size: 16px;
	font-weight: 600;
	padding: 12px 0 2px;
}
.roll-team .team-content .pos {
	padding-bottom: 12px;
	color: #443f3f;
}
.archive .team-item:nth-of-type(3n+1) {
	clear: left;
}

/*--------------------------------------------------------------
23. Elements
--------------------------------------------------------------*/
a {
	color: #00CCCC;
}
.content-area .entry-title,
.content-area .entry-title a {
	color: #222;
}
.content-area .entry-title a:hover,
.content-area .entry-title a:focus {
	color: #00CCCC;
}
.text-color { color: #21ABC9;}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #21ABC9;
	border: 1px solid #00CCCC;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color: transparent;
	color: #00CCCC;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
	border: 1px solid #00CCCC;
}
.error-wrap #search-submit:hover {
	background-color: #21ABC9;
	border-color: #00CCCC;
}
.text-slider .entry-title:after {
	background-color: #fff;
}
.hentry blockquote {
    border-left: 3px solid #00CCCC;
}
.blog-pagination ul li {
	border: 1px solid #00CCCC;
}
.blog-pagination ul li.active,
.blog-pagination ul li:hover a {
	background-color: #21ABC9;
}
.sidebar .widget:before {
	background-color: #21ABC9;
}
.widget-tags .tag-list a:hover {
	border: 1px solid #00CCCC;
}
.comment .comment-detail {
	border: 1px solid #00CCCC;
}
.bottom .socials li:hover a {
	background-color: #21ABC9;
}
.scrollup {
	border: 2px solid #767676;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	 -o-border-radius: 3px;
		border-radius: 3px;
	color: #767676;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
}
.scrollup:hover,
.scrollup:focus {
	background-color: #6495ad;
	color: #fff;
}
.switcher-container .switcher-icon a:focus {
	color: #21ABC9;
}
.owl-theme .owl-controls .owl-page span{
  border: 2px solid #00CCCC;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
  background-color: #21ABC9;
}
.roll-icon-box .icon {
	border: 1px solid #00CCCC;
}
.roll-icon-box .icon i,
.roll-icon-box .content h3 a:hover {
	color: #21ABC9;
}
.roll-icon-box.white .icon {
	background-color: #21ABC9;
}
.roll-icon-box.white .content h3 a {
	color: #21ABC9;
}
.roll-icon-list .icon {
	border: 1px solid #00CCCC;
}
.roll-icon-list .icon i,
.roll-icon-list .content h3 a:hover {
	color: #21ABC9;
}
.roll-button {
	background-color: #21ABC9;
	border: 1px solid #00CCCC;
}
.roll-button:hover {
	color: #21ABC9;
}
.roll-button.border {
	color: #00CCCC;
	border: 2px solid #00CCCC;
}
.roll-button.border.button-slider {
	border-color: #fff;
	color: #fff;
}
.roll-button.border.button-slider:hover {
	border-color: #00CCCC;

}
.roll-button.border:hover {
	background-color: #21ABC9;
}
.roll-button.light:hover {
	border: 1px solid #00CCCC;
	background-color: #21ABC9;
}
.project-filter li a.active,
.project-filter li a:hover {
	background-color: #21ABC9;
}
.roll-testimonials .name {
	font-size: 18px;
	font-weight: 500;
	color: #21ABC9;
}
.roll-project .project-item .project-pop {
	background-color: #21ABC9;
}
.roll-socials li a {
	border: 1px solid #21ABC9;
}
.roll-socials li a:hover {
	background-color: #21ABC9;
	border: 1px solid #21ABC9;
}
.roll-infomation li.address:before,
.roll-infomation li.phone:before,
.roll-infomation li.email:before {
	color: #21ABC9;
}
.roll-progress .progress-animate {
	background-color: #21ABC9;
}
.roll-team .team-item .team-pop .team-social li:hover a {
	color: #e8554e;
}
.roll-team .team-item .team-pop {
	background-color: #21ABC9;
}
.roll-team .team-content .name {
	color: #e8554e;
}


/*--------------------------------------------------------------
24. Responsive Style
--------------------------------------------------------------*/

/*--------------------------------------------------------------
24.1. Media queries
--------------------------------------------------------------*/
/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}


/*--------------------------------------------------------------
24.2. x >= 1280px
--------------------------------------------------------------*/
@media screen and (max-width: 1930px) {
	.parallax {
		background-size: cover;
	}
}

/*--------------------------------------------------------------
24.3. x <= 1199px
--------------------------------------------------------------*/
@media screen and (max-width: 1199px) {
	.roll-icon-list .list-item {
		margin-bottom: 18px;
	}
	.roll-project.fullwidth .project-item {
		width: 25%;
	}
	.masonry-layout .hentry {
		width: 455px;
	}
}

/*--------------------------------------------------------------
24.4. x <= 991px
--------------------------------------------------------------*/
@media screen and (max-width: 991px) {
	.parallax {
		background-size: cover;
		background-attachment: scroll;
		background-position: top center!important;
	}
	.roll-counter .numb-count {
		font-size: 24px;
	}
	.masonry-layout .hentry {
		width: 345px;
	}
	.header-wrap .col-md-8 {
		padding: 0;
	}
	.last {
		margin-bottom: 0 !important;
	}
	.margin-bottom-device {
		margin-bottom: 50px;
	}
	.margin-top-device {
		margin-top: 50px;
	}
	.content-area .post-wrap,
	.contact-form-wrap {
		padding-right: 0;
	}
	.contact-form-aside,
	.sidebar {
		margin-top: 50px;
	}
	.roll-icon-box {
		margin-bottom: 30px;
	}
	.roll-promobox.aside-style,
	.roll-promobox.aside-style .promo-wrap,
	.roll-promobox.aside-style .promo-content,
	.roll-promobox.aside-style .promo-controls {
		display: block;
		text-align: center;
		width: 100%;
	}
	.roll-promobox.aside-style .title {
		margin-bottom: 20px;
	}
	.roll-project.fullwidth .project-item {
		width: 33.3%;
	}
	.footer-widgets .widget {
		margin-bottom: 50px;
	}
	.text-slider-stopped {
		top: 70%;
	}
	.content-area {
		padding-bottom: 40px;
	}
	#secondary {
		margin: 0 15px;
	}
	#site-generator {
		font-size: 14px;
	}
	#site-generator,
	#footer-left-content,
	#footer-right-content {
		text-align: center;
	}
}

/*--------------------------------------------------------------
24.5. x <= 1024px
--------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
	.slides-container .slide-item,
	.panel-row-style {
		background-attachment: scroll;
		background-position: center !important;
	}
	.panel-row-style.mob-pad-0 {
		padding: 0 !important;
	}
	.panel-row-style.mob-pad-15 {
		padding: 15px 0 !important;
	}
	.panel-row-style.mob-pad-30 {
		padding: 30px 0 !important;
	}
	.panel-row-style.mob-pad-45 {
		padding: 45px 0 !important;
	}
	#mainnav {
		display: none;
	}
	.btn-menu {
		display: block;
	}
	.site-header {
		position: static;
		background-color: rgba(0,0,0,0.9);
	}
	.posts-navigation {
		overflow: hidden;
		margin-bottom: 30px;
	}
}

/*--------------------------------------------------------------
24.6. x <= 780px
--------------------------------------------------------------*/
@media screen and (max-width: 780px) {
	.roll-client .client-item img {
		max-width: 100%;
	}
	.panel-grid-cell {
		padding-left: 15px !important;
		padding-right: 15px !important;
		margin-bottom: 15px !important;
	}
	h1 {
		font-size: 32px;
	}
	h2 {
		font-size: 28px;
	}
	h3 {
		font-size: 22px;
	}
	h4 {
		font-size: 18px;
	}
	h5 {
		font-size: 16px;
	}
	h6 {
		font-size: 14px;
	}
	#featured-content.layout-four .hentry {
		width: 50%;
	}
	#featured-content.layout-four .hentry:nth-child(2n+1) {
		clear: both;
	}
	#featured-content.layout-three .hentry {
		display: block;
	    float: none;
	    width: 100%;
	}
}

/*--------------------------------------------------------------
24.7. 1024px <= x >= 767px (landscape)
--------------------------------------------------------------*/
@media screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.parallax {
		background-size: cover;
		background-attachment: scroll;
		background-position: top center!important;
	}
}

/*--------------------------------------------------------------
24.8. x <= 767px
--------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	.posts-layout {
		max-width: 100%;
	}
	.masonry-layout .hentry {
		width: 100%;
		margin: 0 0 30px;
		padding: 0 15px;
	}
	.text-slider-section {
		min-height: 190px;
	}
	.text-slider .entry-title {
		font-size: 32px;
	    line-height: 1.1;
	    padding-bottom: 0;
	}
	.text-slider .subtitle {
	    font-size: 16px;
	    line-height: 24px;
	    padding: 0;
	}
	.roll-button {
		padding: 10px 30px;
	}
	.roll-project .project-item {
		width: 100%;
	}
	.roll-project.fullwidth .project-item {
		width: 50%;
	}
	.roll-counter {
		margin-bottom: 50px;
	}
	.single-post .author-post .author-avatar {
		float: none;
		margin-bottom: 20px;
	}
	.single-post .author-post .author-info {
		margin-left: 0;
		padding: 0;
	}
	.single-post .author-post ul.socials {
		position: static;
	}
	.single-post .author-post .intro {
		clear: left;
		padding-top: 10px;
	}
	.comment-list .children {
		margin-left: 75px;
	}
	.error-wrap .error-search {
		padding: 0 20px;
	}
	.aside-image .content-wrap {
		padding-left: 0;
		padding-right: 0;
	}
	.social-menu-widget a:before {
		font-size: 42px;
	}
	.btn-menu {
		float: none;
		margin: 10px auto 0;
	}
	.header-wrap {
		text-align: center;
	}
	#mainnav-mobi {
		top: auto;
	}
	.site-header,
	.site-header.float-header {
		padding-top: 20px;
		padding-bottom: 20px;
	}

    .text-slider-section {
		min-height: 0;
		top: auto;
		bottom: 0;
	}
	.site-title {
		font-size: 22px;
	}
}

/* =Screen Size Max 568px
-------------------------------------------------------------- */

@media screen and (max-width:600px) {
	.admin-bar .site-header.fixed,
	.admin-bar .site-header.float-header {
		top: 0;
	}
}

/*--------------------------------------------------------------
24.9. x <= 479px
--------------------------------------------------------------*/
@media screen and (max-width: 479px) {
	.roll-project.fullwidth .project-item {
		width: 100%;
	}
	.blog-post,
	.sidebar-column {
		padding: 0;
	}
	.roll-button {
		font-size: 12px;
	}
	.text-slider {
		margin-bottom: 15px;
	}
	#featured-content.layout-four .hentry {
		display: block;
	    float: none;
	    width: 100%;
	}
}

/*--------------------------------------------------------------
24.10. x <= 320px
--------------------------------------------------------------*/
@media screen and (max-width: 320px) {
	.text-slider {
		margin-bottom: 0;
	}
}