/*
Theme Name: Bonno
Theme URI: http://bonno.aisconverse.com
Author: the Aisconverse team
Author URI: http://aisconverse.com
Description: A lightweight and responsive WordPress theme designed with simplicity and flexibility in mind. Bonno offers clean look and useful theme customizations, good shortcodes collection and a great tool to introduce you or your company to the world.
Version: 1.3
License: GNU General Public License
License URI: http://www.gnu.org/copyleft/gpl.html
Tags: white, light, left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, responsive-layout, fluid-layout, custom-colors, editor-style, post-formats, sticky-post, theme-options, translation-ready
Text Domain: bonno
*/

/*------------------------------------------------------------------
[ Master Stylesheet ]

Project:	Bonno - Responsive Multipurpose Template
Version:	1.3
Last change:	11/07/17
-------------------------------------------------------------------*/

@import url(assets/css/reset.css); /* Reset all styles */
@import url(assets/css/font-awesome.css);  /* the iconic font */
@import url(assets/css/magnific-popup.css);  /* popup gallery styles */
@import url(assets/css/chosen.css); /* Reset all styles */

/*------------------------------------------------------------------
[ Table of contents ]

0. Default WordPress CSS
1. Grid
	1.2. Sections
	1.3. Column Setup
	1.4. Grid of twelve
2. Layout
3. Typography
	3.1. Buttons
4. Preloader
5. Header
	5.1. Logotype
	5.2. Mainmenu
	5.3. Responsive menu styles
6. Content
7. Portfolio
8. Team
	8.1. Images
	8.2. Expand wrap for Team
9. Slider
	9.1. Logos slider
	9.2. Oneslider
	9.3. Pricing
	9.4. History
10. Footer
11. Page 404
12. Forms
13. Blog
	13.1. Blog bar
	13.2. Blog roll
	13.3. Blog content (single post)
	13.4. Comments
14. Icons
15. Responsive

-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[ 0. DEFAULT WORDPRESS CSS ]
-------------------------------------------------------------------*/

.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	background: #fff;
	border: 1px solid #f0f0f0;
	max-width: 96%;
 /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

.sticky {

}

.bypostauthor {

}

.comment-navigation {
	margin-bottom: 20px;
}

.post-password-form input[type="password"] {
	border: 1px solid #ccc;
	max-width: 200px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.post-password-form input[type="submit"] {
	vertical-align: bottom;
}

.post-navigation {
	overflow: hidden;
}

.post-navigation .prev {
	float: left;
}

.post-navigation .next {
	float: right;
}

.loop-pagination {
	text-align: center;
}

.loop-pagination span,
.loop-pagination a {
	margin-right: 5px;
}

.edit-post-button {
	text-align: center;
}

.no-touch .no_mobile  .edit-post-button:hover a,
.no-touch .no_mobile  .edit-post-button a:hover {
	color: #fff;
}
/*------------------------------------------------------------------
[ 1. GRID ]
-------------------------------------------------------------------*/

/*  1.2. SECTIONS  */

.section,
.group {
	clear: both;
	padding: 0;
	margin: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.cf:before, .section:before, .cf:after, .section:after, .group:before, .group:after {
	content: ' ';
	display: table;
}

.cf:after, .section:after, .group:after {
	clear: both;
}

.group {
	margin-bottom: 20px !important;
}

/*  1.3. COLUMN SETUP  */

.col {
	display: block;
	float: left;
	margin: 1% 4.5% 1% 0;
}

.col:last-child {
	margin-right: 0;
}

/*  1.4. GRID OF TWELVE  */

.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
	width: 91.26%;
}

.span_10_of_12 {
	width: 82.53%;
}

.span_9_of_12 {
	width: 73.8%;
}

.span_8_of_12 {
	width: 65.06%;
}

.span_7_of_12 {
	width: 56.33%;
}

.span_6_of_12 {
	width: 47.6%;
}

.span_5_of_12 {
	width: 38.86%;
}

.span_4_of_12 {
	width: 30.13%;
}

.span_3_of_12 {
	width: 21.4%;
}

.span_2_of_12 {
	width: 12.66%;
}

.span_1_of_12 {
	width: 3.933%;
}

.equal .span_2_of_12 {
	width: 50%;
}

.equal .span_3_of_12 {
	width: 25%;
}

.equal .span_4_of_12 {
	width: 33%;
}

/*------------------------------------------------------------------
[ 2. LAYOUT ]
-------------------------------------------------------------------*/

html {
	background-color: #fff;
	sx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;

	color: #1a1a1a;
}

html, body {
	font-family: 'Roboto Slab', Arial, sans-serif;
	height: 100%;
}

body {
	min-height: 100%;
}

.wrapper {
	position: relative;
	min-height: 100%;
	height: auto !important;
	width: 100%;
}

.fpadding {
	overflow: hidden;
	width: 100%;
	height: 0;
	padding-bottom: 353px;
	content: '\0020';
}

.auto {
	margin: auto !important;
	float: none;
	text-align: center;
}

.section {
	max-width: 1200px;
	margin: 0 auto 75px;
	padding: 0 28px;
}

.block {
	overflow: hidden;
}

.circle, .circle:after, .circle img {
	border-radius: 100%;
}

.equal {
	display: table;
	width: 100%;
}

.equal > * {
	display: table-cell !important;
	padding: 40px 30px 20px;
	margin: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: none;
}

.highlight {
	background-color: #F3F3F3;
	border-radius: 4px;
}

.border {
	border-top: 4px solid #E7543D;
}

table {
	font-weight: 300;
}

table th {
	font-weight: 400;
	text-align: left;
	padding-right: 50px;
	vertical-align: top;
}

table nav a {
	display: block;
}

.table-section {
	padding-left: 0;
	padding-right: 0;
}

table.table {
	width: 100%;
	color: #555;
	font-weight: 300;
}

table.table th {
	text-align: left;
	font-size: 24px;
	line-height: 26px;
	padding-bottom: 25px;
	border-bottom: 1px solid #D6D6D6;
	padding-left: 28px;
	font-weight: 300;
}

table.table tbody tr:first-child td {
	padding-top: 40px;
}

table.table tbody tr:last-child td {
	padding-bottom: 40px;
}

table.table tbody td:first-child {
	font-weight: 400;
}

table.table td {
	padding-left: 28px;
	padding-right: 28px;
	width: 25%;
}

table.table tfoot tr:first-child td {
	border-top: 1px solid #D6D6D6;
	padding-top: 25px;
}

table.table tbody tr:last-child td {
	padding-top: 0;
}

.fleft {
	float: left;
}

.fright {
	float: right;
}

/*------------------------------------------------------------------
[ 3. TYPOGRAPHY ]
-------------------------------------------------------------------*/

h1 {
	font-size: 48px;
	line-height: 50px;
	font-weight: 300;
	letter-spacing: -2px;
	margin-bottom: 10px;
}

h2 {
	font-size: 38px;
	line-height: 40px;
	font-weight: 400;
	letter-spacing: -1px;
	margin-bottom: 12px;
}

h3 {
	font-size: 30px;
	line-height: 32px;
	font-weight: 400;
	color: #1a1a1a;
	letter-spacing: -1px;
	margin-bottom: 10px;
}

h4 {
	font-size: 24px;
	line-height: 26px;
	font-weight: 300;
	letter-spacing: -1px;
	margin-bottom: 12px;
}

h5 {
	font-size: 20px;
	line-height: 25px;
	font-weight: 300;
	margin-bottom: 12px;
}

h6 {
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 12px;
	font-weight: 300;
	color: #999999;
}

.heading {
	text-align: center;
	margin-bottom: 90px;
	padding: 0;
	position: relative;
}

.heading img {
	display: block;
	margin: auto auto 24px;
}

.heading img + * {
	margin-top: 24px;
	margin-bottom: 10px;
	display: inline-block;
}

.heading hr {
	height: 1px;
	border: 0;
	background-color: #D6D6D6;
	overflow: hidden;
	width: 0;
	clear: both;
	position: absolute;
	margin: auto;
	left: 50%;
	top: 50%;
	z-index: 0;
}

.heading h1,
.heading h2,
.heading h3,
.heading h4,
.heading h5,
.heading h6 {
	background-color: #fff;
	margin-bottom: 0;
	text-align: center;
	position: relative;
	z-index: 1;
}

.heading h1 {
	display: inline-block;
	opacity: 1;
	padding: 0 35px;
}

.heading h2 {
	display: inline-block;
	padding: 0 35px;
}

.heading h3 {
	font-weight: 300;
	padding: 0 50px 30px;
}

.heading.no-subtitle h3 {
	padding-bottom: 0;
}

.heading.with-button h3 {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.heading h6 {
	margin-top: 12px;
}

.heading.no-title h6 {
	margin-top: 0;
	padding-left: 30px;
	padding-right: 30px;
}

.heading .button {
	padding: 0 23px;
}

.heading .title {
	padding: 0 52px;
	display: inline-block;
	background-color: #fff;
}

.fs18 {
	font-size: 18px;
}

.aligned.left {
	text-align: left;
}

.aligned.center {
	text-align: center;
}

.aligned.right {
	text-align: right;
}

.color {
	color: #e7543d;
}

.black {
	color: #000 !important;
}

a {
	color: #e7543d;
	text-decoration: none;
}

.no-touch a:hover {
	color: #1a1a1a;
}

img + h4 {
	margin-top: 25px;
}

h4 + h6 {
	margin-top: -6px;
}

sup {
	font-size: 40%;
	margin-right: 6px;
	position: relative;
	vertical-align: top;
	line-height: 1;
	top: .4em;
}

blockquote {
	border-left: 1px solid #E7543D;
	margin-left: 20px;
	margin-bottom: 30px;
	padding-left: 20px;
	color: #555;
	font-size: 17px;
	line-height: 26px;
	font-weight: 300;
}

/* [ 3.2. Buttons ] */
.post-password-form input[type="submit"],
.button {
	font-size: 16px;
	color: #e7543d;
	line-height: 46px;
	height: 46px;
	padding: 0 41px;
	border-radius: 5px;
	border: 2px solid #E7543D;
	background-color: transparent;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	margin-top: 25px;
}

.button:first-child {
	margin-top: 0;
}

.post-password-form input[type="submit"],
.no-touch .no_mobile .post-password-form input[type="submit"]:hover,
.no_mobile .button:hover,
.button.hover {
	background-color: #E7543D;
	color: #fff;
}

.no-touch .post-password-form input[type="submit"]:hover,
.no-touch .no_mobile .button.hover:hover {
	background-color: #f06a55;
	border-color: #f06a55;
}

.button.free {
	background-color: transparent;
	border-color: #B3B3B3;
	color: #b2b2b2;
}

.button.free.hover,
.no-touch .no_mobile .button.free:hover {
	background-color: #B3B3B3;
	color: #fff;
}

.no-touch .no_mobile .button.free.hover:hover {
	background-color: #CCC;
	border-color: #CCC;
}

.button.transparent {
	background-color: transparent;
	border-color: #4D4D4D;
	color: #666666;
}

.button.transparent.hover,
.no-touch .no_mobile .button.transparent:hover {
	background-color: #4D4D4D;
	color: #fff;
}

.no_mobile a,
.no_mobile i,
.no_mobile input,
.no_mobile .mask,
.no_mobile .slider li img,
.no_mobile .mainmenu ul,
.no_mobile .img *,
.no_mobile .img-link:after,
.no_mobile .img span:before,
.no_mobile .img span:after {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transform: translateZ(0);
}

/*------------------------------------------------------------------
[ 4. PRELOADER ]
-------------------------------------------------------------------*/

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ffffff;
	z-index: 999;
}

#status {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background-image: url(assets/images/preloader.gif);
	background-repeat: no-repeat;
	background-position: center;
}

/*------------------------------------------------------------------
[ 5. HEADER ]
-------------------------------------------------------------------*/

.header {
	margin-bottom: 59px;
	padding: 59px 28px 0;
	position: relative;
	z-index: 9;
	-webkit-transition: opacity 200ms linear 300ms;
	   -moz-transition: opacity 200ms linear 300ms;
	    -ms-transition: opacity 200ms linear 300ms;
	     -o-transition: opacity 200ms linear 300ms;
	        transition: opacity 200ms linear 300ms;
}

.loading .header {
	opacity: 0;
}

.fixed_menu {
	padding-top: 170px;
}

.fixed_menu.admin-bar {
	padding-top: 202px;
}

.fixed_menu .header {
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
}

.fixed_menu.admin-bar .header {
	top: 32px;
}

/* [ 5.2. Logotype ] */

.logo {
	font-size: 38px;
	text-decoration: none;
	font-weight: 700;
	line-height: 38px;
	color: #1a1a1a;
}

.no-touch .logo:hover {
	color: #e7543d;
}

.logo img {
	max-width: 100%;
}

.logo img,
.no-touch .logo:hover img,
.no-touch .logo:hover img:first-child {
	opacity: 0;
}

.logo img:first-child,
.no-touch .logo:hover img:last-child {
	opacity: 1;
}

/* [ 5.3. Mainmenu ] */

.mainmenu > li {
	display: inline-block;
	font-size: 20px;
	margin-left: 15px;
	line-height: 52px;
	position: relative;
}

.mainmenu > li > a {
	color: #1a1a1a;
	text-decoration: none;
}

.mainmenu .dropdown > a {
	border-bottom: 1px dotted #B9B9B9;
	cursor: default;
}

.no-touch .mainmenu > li:hover > a,
.mainmenu li.active a {
	color: #e7543d;
	border-color: transparent;
}

.mainmenu ul {
	position: absolute;
	background-color: #333333;
	border-radius: 2px;
	padding: 8px 34px 9px 17px;
	text-align: left;
	visibility: hidden;
	opacity: 0;
}

.mainmenu > li > ul {
	left: 1px;
	top: 52px;
}

.mainmenu > li > ul li {
	position: relative;
}

.mainmenu > li > ul li > ul{
	right: 100%;
	top: -8px;
}

.mainmenu ul li {
	font-size: 16px;
	line-height: 30px;
	white-space: nowrap;
}

.mainmenu ul li a {
	color: #cccccc;
	text-decoration: none;
}

.no-touch .mainmenu ul li a:hover {
	color: #e7543d;
}

.no-touch .mainmenu > li:hover > ul,
.no-touch .mainmenu > li > ul li:hover > ul {
	opacity: 1;
	visibility: visible;
}

.mainmenu ul.otherwise {
	left: auto;
	right: 0;
}

/* 5.4. Responsive menu styles */

.slicknav_menu {
	display: none;
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 53px;
	overflow: hidden;
}

.slicknav_menu * {
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	-ms-transition: all 0s ease;
	transition: all 0s ease;
}

.slicknav_btn {
	position: relative;
	display: block;
	cursor: pointer;
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	-ms-transition: all 0s ease;
	transition: all 0s ease;
}

.slicknav_menu .slicknav_menutxt {
	display: block;
	float: left;
}

.slicknav_menu .slicknav_icon {
	display: inline-block;
	vertical-align: middle;
	background: url(assets/images/ico-menu.png) 0 0 no-repeat;
	width: 53px;
	height: 53px;
}

.no-touch .slicknav_menu .slicknav_icon:hover {
	background-position: -60px 0;
}

.opened .slicknav_icon {
	background: url(assets/images/close.png) no-repeat;
	width: 22px;
	height: 22px;
}

.opened .slicknav_icon:hover {
	background-position: -29px 0;
}

.opened .slicknav_btn {
	margin-bottom: 40px;
	margin-top: 80px;
}

.slicknav_menu .slicknav_icon-bar {
	display: none;
}

.slicknav_nav {
	clear: both;
	text-align: right;
}

.slicknav_nav ul,
.slicknav_nav li {
	display: block !important;
	white-space: nowrap;
}

.slicknav_nav .slicknav_item {
	display: block;
	cursor: pointer;
	margin-bottom: 0;
}

.slicknav_nav a {
	display: block;
	font-size: 40px;
	line-height: 48px;
	font-weight: 300;
	color: #fff;
	text-decoration: none;
	margin-bottom: 20px;
}

.slicknav_nav .slicknav_item a {
	display: inline;
}

.slicknav_nav {
	color: #fff;
	margin: 0 0 40px 0;
	text-align: center;
}

.slicknav_nav,
.slicknav_nav ul {
	list-style: none;
	overflow: visible !important;
}

.slicknav_nav ul li a {
	color: #666666;
	font-size: 24px;
	margin-bottom: 0;
	line-height: 34px;
}

.slicknav_nav ul {
	padding: 0;
	margin: 7px 0 20px;
}

.slicknav_nav ul a {
	color: #666666;
}

.slicknav_nav ul a:hover,
.slicknav_nav a:hover,
.slicknav_nav ul .current-menu-item a {
	color: #e7543d;
}

.slicknav_arrow {
	display: none;
}

.opened .slicknav_menu {
	position: fixed;
	background-color: rgba(0,0,0,0.9);
	height: 100%;
	overflow: auto;
}

/*------------------------------------------------------------------
[ 6. CONTENT ]
-------------------------------------------------------------------*/

.content {
	font-size: 17px;
	padding-bottom: 40px;
	-webkit-transition: opacity 200ms linear 300ms;
	-moz-transition: opacity 200ms linear 300ms;
	-ms-transition: opacity 200ms linear 300ms;
	-o-transition: opacity 200ms linear 300ms;
	transition: opacity 200ms linear 300ms;
}

.loading .content {
	opacity: 0;
}

.content.post {
	padding-left: 28px;
	padding-right: 28px;
	max-width: 1152px;
}

.content p {
	line-height: 26px;
	color: #666666;
	font-weight: 300;
	padding-bottom: 15px;
}

.content p a.internal {
	border-bottom: 1px dotted;
}

.content ul {
	padding-bottom: 15px;
	padding-left: 27px;
}

.content li {
	color: #666666;
	font-weight: 300;
	line-height: 26px;
	position: relative;
}

.content ul li:before {
	position: relative;
	left: -18px;
	top: -4px;
	content: '\0020';
	background-color: #E7543D;
	border-radius: 3px;
	display: inline-block;
	width: 3px;
	height: 3px;
	line-height: inherit;
}

.content ul li {
	list-style-position: inside;
}

.content ol li {
	list-style-type: decimal;
	list-style-position: inside;
}

.content .col h1,
.content .col h2 {
	padding: 0;
}

.content img {
	max-width: 100%;
	height: auto !important;
}

h1.inl {
	display: block;
	text-align: left;
}

p.author {
	font-size: 20px;
	color: #000;
	padding-top: 7px;
}

p.author ins {
	font-size: 18px;
	color: #999999;
}

.testimonials .section {
	margin-top: -34px;
}

.testimonials .section:first-child {
	margin-top: 0;
}

#map {
	height: 400px;
}

.profile {
	margin-bottom: 120px;
}

.profile .section {
	margin-bottom: 30px;
}

.profile h4,
.profile h6 {
	font-weight: 400;
}

/*------------------------------------------------------------------
[ 7. PORTFOLIO ]
-------------------------------------------------------------------*/

.portfolio {
	font-size: 0;
	margin-bottom: 120px;
	padding: 0;
}

.portfolio > * {
	display: inline-block;
	vertical-align: top;
	width: 300px;
	position: relative;
}

.mask {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	display: table;
	background-color: #E7543D;
	opacity: 0;
	font-size: 22px;
	text-align: center;
}

.work {
	text-align: center;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1.0, 1.0);
}

.work img {
	width: 100%;
}

.work:hover .mask {
	opacity: .99;
}

.mask > * {
	display: table-cell;
	vertical-align: middle;
	color: #fff !important;
	text-decoration: none;
	opacity: 0;
	-webkit-transition: opacity 0.5s 0s ease-in-out;
	-moz-transition: opacity 0.5s 0s ease-in-out;
	-ms-transition: opacity 0.5s 0s ease-in-out;
	transition: opacity 0.5s 0s ease-in-out;
}

.mask a {
	font-weight: 400;
	width: 100%;
}

.work:hover .mask > *,
li:hover .mask > * {
	opacity: 1;
}

.works-container {
	transform: translateZ(0px);
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

.works-container > * {
	display: none;
	float: left;
}

ul.nav-portfolio {
	text-align: center;
	padding: 0;
}

.nav-portfolio li {
	display: inline-block;
	margin: 0 4px 10px;
	font-size: 16px;
	line-height: 26px;
	text-transform: uppercase;
}

ul.nav-portfolio li:before {
	display: none;
}

.nav-portfolio li a {
	display: block;
	padding: 0 6px 8px;
	color: #1a1a1a;
	position: relative;
	letter-spacing: 1px;
}

.nav-portfolio li a.active,
.nav-portfolio li a:hover {
	color: #e7543d;
}

.nav-portfolio li a ins {
	position: absolute;
	height: 1px;
	background-color: #F5BAB1;
	width: 0;
	margin: auto;
	left: 50%;
	bottom: 0;
	overflow: hidden;
	clear: both;
	-webkit-transform: translateZ(0);
}

/*------------------------------------------------------------------
[ 8. TEAM ]
-------------------------------------------------------------------*/

.team {
	margin-bottom: 40px;
}

.team .group > .col {
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 84px;
	display: inline-block;
	float: none;
	width: 24.5%;
	vertical-align: top;
	height: 330px;
}

.team .active {
	z-index: 5;
}

.team .group {
	margin-bottom: 0;
}

.team .group:last-child {
	margin-bottom: -108px !important;
}

.team h4 {
	margin-bottom: 12px !important;
}

/* [ 8.2. Images ] */

.img {
	position: relative;
	overflow: hidden;
	text-align: center;
	height: 220px;
	display: block;
	margin: 0 auto 43px;
}

.img figure:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #E7543D;
	content: '\0020';
	opacity: 0;
	z-index: 2;
	border-radius: 100%;
}

.img figure {
	height: 220px;
	line-height: 220px;
	margin: auto;
	max-width: 100%;
	overflow: hidden;
	position: relative;
	width: 220px;
	z-index: 2;
}

.img + * {
	margin-bottom: 5px;
}

.img:hover figure:before,
.hover .img figure:before {
	opacity: .9;
}

.img span:after {
	background: url(assets/images/ico-toggle.png) no-repeat;
	width: 40px;
	height: 22px;
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	content: '\0020';
	opacity: 0;
	z-index: 2;
	border-radius: 0;
	margin: -11px 0 0 -20px;
}

.no_content .img span:after {
	display: none;
}

.no_content .img .circle:before {
	background: transparent;
}

.img:hover span:after,
.hover .img span:after {
	opacity: 1;
}

.img div {
	display: table;
	position: absolute;
	left: 0;
	top: 0;
	width: 220px;
	height: 100%;
	opacity: 0;
	z-index: 2;
}

.img:hover div,
.hover .img div {
	opacity: 1;
}

.img ul {
	display: table-cell;
	vertical-align: middle;
	padding: 0;
}

.img li {
	display: block;
	float: none;
	line-height: 28px;
	font-size: 17px;
	font-weight: 300;
	color: #fff;
}

.img li.date {
	font-weight: 400;
}

/* [ 8.3. Expand wrap for Team ] */

.expandteam {
	background-color: #F7F7F7;
	position: absolute;
	width: 100%;
	left: 0;
	top: auto;
	margin-top: 50px;
	z-index: 4;
	height: 0;
	overflow: hidden;
	transform: translateZ(0px);
}

.expandteam .corner {
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #F7F7F7;
	border-style: solid;
	border-width: 21px;
	content: "\0020";
	height: 0;
	left: 50%;
	margin: -42px 0 0 -21px;
	position: absolute;
	top: auto;
	width: 0;
	display: none;
}

.expandteam .section {
	position: relative;
	margin: 0 auto;
}

.expandteam .inner .section {
	margin-bottom: 0;
	display: table-cell;
	vertical-align: middle;
	position: relative;
}

.expandteam .inner {
	display: table;
	width: 100%;
	max-width: 1200px;
	margin: auto;
	opacity: 0;
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	-ms-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

.expandteam.active .inner {
	opacity: 1;
}

.expandteam .close {
	position: absolute;
	right: 28px;
	top: 45px;
	background: url(assets/images/close.png) 0 0 no-repeat;
	width: 22px;
	height: 22px;
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	-ms-transition: all 0s ease;
	transition: all 0s ease;
	z-index: 1;
}

.expandteam .close:hover {
	background-position: -29px 0;
}

.expandteam .col {
	display: inline-block;
	float: none;
	margin-right: 2.6%;
	vertical-align: top;
}

.expandteam .col p {
	padding-bottom: 60px;
}

.expandteam .col p:last-child {
	padding-bottom: 0;
}

.expandteam .social {
	margin-bottom: 25px;
}

.expandteam .social ul {
	padding: 0;
}

.expandteam .social li {
	display: inline-block;
	font-size: 42px;
	margin: 0 9px;
	line-height: 42px;
}

.expandteam .social li:before {
	display: none !important;
}

.expandteam .social li a,
.expandteam .social li a i {
	color: #303030;
	text-decoration: none;
}

.expandteam .social li a:hover,
.expandteam .social li a:hover i {
	color: #e7543d;
}

.expandteam .social + p {
	font-size: 20px;
}

/*------------------------------------------------------------------
[ 9. SLIDER ]
-------------------------------------------------------------------*/

/* [ 9.1. Logos slider ] */

.slider {
	position: relative;
	margin-bottom: 150px;
	padding: 0;
}

.slider ul {
	padding: 0;
}

.slider li {
	float: left;
	text-align: center;
	min-width: 250px;
	position: relative;
}

.slider li:before {
	display: none !important;
}

.slider li > a {
	display: block;
}

.slider li img {
	max-width: 100%;
}

.slider.logos .sliderwrap {
	width: 85%;
	margin: auto;
}

.slider.logos ul {
	display: table;
}

.slider.logos li img {
	opacity: .3;
	vertical-align: middle;
}

.no-touch .slider.logos li:hover img {
	opacity: 1;
}

.slider.logos .navbar {
	height: 0;
}

.popupslider {
	font-size: 0;
}

.no-touch .popupslider li:hover .mask {
	opacity: .9;
	width: 100.01%;
}

.popupslider li {
	display: inline-block;
	vertical-align: top;
	float: none;
}

.popupslider li img {
	width: 100%;
	float: left;
}

/* [ 9.2. Oneslider ] */

.oneslider {
	position: relative;
	margin-bottom: 130px;
	padding: 0;
}

.oneslider ul {
	padding: 0;
}

.oneslider li {
	float: left;
	position: relative;
	vertical-align: middle;
}

.oneslider li:before {
	display: none !important;
}

.oneslider li img {
	max-width: 100%;
	display: block;
}

.oneslider li .title {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -25px;
	text-align: center;
	font-size: 48px;
	color: #fff;
	letter-spacing: -2px;
	font-weight: 300;
	height: 50px;
	width: 100%;
	display: block;
	white-space: nowrap;
	line-height: 48px;
}

/* [ 9.3. Pricing ] */

.pricing > * {
	margin-bottom: 30px !important;
}

.pricing .col {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
}

.pricing .span_2_of_12 {
	width: 50%;
}

.pricing .span_3_of_12 {
	width: 25%;
}

.pricing .span_4_of_12 {
	width: 33%;
}

.pricing .num {
	font-size: 80px;
	line-height: 80px;
	font-weight: 300;
	color: #4d4d4d;
	margin-bottom: 5px !important;
}

.pricing h3 {
	margin-bottom: 40px !important;
}

.pricing h5 {
	font-weight: 400;
	margin-bottom: 23px !important;
}

.pricing h6 {
	font-size: 17px;
	color: #b2b2b2;
	margin-bottom: 39px !important;
}

.pricing .button {
	margin: 32px 0 25px;
	padding: 0 25px;
	min-width: 85px;
}

.pricing .button:last-child {
	margin-bottom: 0;
}

.pricing p {
	line-height: 28px;
	margin-bottom: 0 !important;
	padding-bottom: 15px;
}

.pricing p:last-child {
	padding-bottom: 0;
}

.pricing .pagination.lined a {
	width: 133px !important;
	text-indent: 0;
	text-decoration: none;
	color: #666666;
	font-size: 18px;
	line-height: 26px;
	font-weight: 300;
}

.pricing .pagination.lined a.selected,
.no-touch .pricing .pagination.lined a:hover {
	width: 133px;
	color: #e7543d;
}

.pricing .pagination span {
	display: block;
	padding-top: 15px;
}

.pricing.col.border {
	padding-top: 36px;
}

/* [ 9.4. History ] */

.history li {
	width: 360px;
}

.history h2 {
	font-weight: 300;
}

.history p {
	padding: 0 40px 60px;
}

.history .navbar {
	position: relative;
}

.history .arrow.prev {
	left: 50%;
	margin: 0 0 0 -75px;
}

.history .arrow.next {
	right: 50%;
	margin: 0 -75px 0 0;
}

.arrow,
.mfp-arrow {
	background: url(assets/images/arrows.png) 0 0 no-repeat;
	width: 51px;
	height: 51px;
	display: block;
	border: 1px solid transparent;
	border-radius: 4px;
	position: absolute;
	z-index: 3;
	top: 50%;
	margin-top: -25px;
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	-ms-transition: all 0s ease;
	transition: all 0s ease;
}

.no-touch .arrow:hover,
.no-touch .mfp-arrow:hover {
	border-color: #CCCCCC;
}

.arrow.prev,
.mfp-arrow-left {
	background-position: 0 0;
	left: 30px;
}

.mfp-arrow-left {
	left: 50px;
}

.no-touch .arrow.prev:hover,
.no-touch .mfp-arrow-left:hover {
	background-position: 0 -60px;
}

.arrow.next,
.mfp-arrow-right {
	background-position: -86px 0;
	right: 30px;
}

.mfp-arrow-right {
	right: 50px;
}

.no-touch .arrow.next:hover,
.no-touch .mfp-arrow-right:hover {
	background-position: -86px -60px;
}

.pagination {
	text-align: center;
	margin: 0 auto -10px;
	font-size: 0;
	position: absolute;
	left: 0;
	width: 100%;
	bottom: -42px;
}

.pagination a {
	text-indent: -9999px;
	height: 10px;
	width: 43px;
	display: inline-block;
	border-top: 2px solid  #D9D9D9;
	margin: 0 2px;
}

.pagination a.selected,
.no-touch .pagination a:hover {
	border-top-color: #E7543D;
}

.increment {
	display: inline-block;
}

.num {
	color: #000;
	font-size: 48px;
	line-height: 48px;
}

/*------------------------------------------------------------------
[ 10. FOOTER ]
-------------------------------------------------------------------*/

.footer {
	padding-top: 75px;
	padding-bottom: 65px;
	background-color: #F2F2F2;
	opacity: 0;
	position: relative;
	height: 213px;
	margin-top: -353px;
}

.footer .section {
	margin-bottom: 0;
}

.footer p {
	font-size: 16px;
	line-height: 26px;
	color: #999999;
	padding-bottom: 53px;
	font-weight: 300;
	margin: auto;
}

.footer p:last-child {
	padding-bottom: 0;
}

.footer .social {
	margin-bottom: 16px;
}

.footer .social li {
	display: inline-block;
	font-size: 29px;
	margin: 0 5px;
	line-height: 30px;
}

.footer .social li a,
.footer .social li a i {
	color: #303030;
	text-decoration: none;
}

.no-touch .footer .social li a:hover,
.no-touch .footer .social li a:hover i {
	color: #e7543d;
}

/*------------------------------------------------------------------
[ 11. PAGE 404 ]
-------------------------------------------------------------------*/

.page404 .content {
	padding: 130px 0 40px;
}

.page404 .heading {
	margin-bottom: 65px;
}

.page404 h1 {
	font-size: 80px;
	line-height: 84px;
	text-transform: uppercase;
	padding: 0;
}

.page404 h1 small {
	display: block;
	font-size: 24px;
	color: #a3a3a3;
	margin-top: 18px;
	text-transform: none;
	line-height: 26px;
	letter-spacing: 0;
}

.page404 .fpadding {
	padding-bottom: 146px;
}

.page404 .footer {
	background-color: transparent;
	padding: 60px 0;
	height: 26px;
	margin-top: -146px;
}

/*------------------------------------------------------------------
[ 12. FORMS  ]
-------------------------------------------------------------------*/

input[type="text"],
input[type="email"],
input[type="password"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="range"],
input[type="date"],
textarea {
	font-size: 16px;
	color: #000;
	height: 45px;
	padding: 0 18px;
	width: 100%;
	border: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
}

textarea {
	height: 145px;
	line-height: 26px;
	overflow: auto;
	resize: none;
	padding: 18px;
	border-bottom: 0;
}

::-webkit-input-placeholder {
	opacity: 1;
	color: #b2b2b2;
	font-weight: 300;
}

::-moz-placeholder {
	opacity: 1;
	color: #b2b2b2;
	font-weight: 300;
}

input:-ms-input-placeholder {
	opacity: 1;
	color: #b2b2b2;
	font-weight: 300;
}

textarea:-ms-input-placeholder {
	opacity: 1;
	color: #b2b2b2;
	font-weight: 300;
}

input:invalid,
input.invalid,
textarea:invalid,
textarea.invalid {
	color: #e7543d;
	box-shadow: 0 0 0;
}

input.invalid::-webkit-input-placeholder {
	color: #d94147;
	box-shadow: 0 0 0;
}

input.invalid::-moz-placeholder {
	color: #d94147;
	box-shadow: 0 0 0;
}

input.invalid:-ms-input-placeholder {
	opacity: 1;
	color: #b2b2b2;
	font-weight: 300;
}

textarea.invalid::-webkit-input-placeholder {
	color: #d94147;
	box-shadow: 0 0 0;
}

textarea.invalid::-moz-placeholder {
	color: #d94147;
	box-shadow: 0 0 0;
}

textarea.invalid:-ms-input-placeholder {
	color: #d94147;
	box-shadow: 0 0 0;
}

.succs-msg {
	display: none;
	font-weight: 300;
	font-size: 16px;
	line-height: 46px;
}

.formwrap {
	border: 1px solid #B3B3B3;
	border-radius: 4px;
	margin-bottom: 5px;
}

.formwrap > input:first-child {
	border-radius: 4px 4px 0 0;
}

.formwrap > *:last-child,
.form-row:last-child * {
	border-radius: 0 0 4px 4px;
}

.formwrap .wpcf7-form-control-wrap:last-child {
	border-bottom: none;
}

/*.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="password"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="range"],
.wpcf7-form input[type="date"],*/
.formwrap textarea,
.formwrap .wpcf7-form-control-wrap {
	border-bottom: 1px solid #E0E0E0;
}

.wpcf7-form-control-wrap {
	display: block !important;
}

.wpcf7-checkbox,
.wpcf7-radio {
	display: block;
	padding: 5px 0 10px !important;
}

.wpcf7-form {
	position: relative;
}

.wpcf7-form textarea {
	padding-top: 10px;
	padding-bottom: 10px;
}

.wpcf7-form textarea {
	border-bottom: none !important;
}

.wpcf7-list-item {
	display: block;
}

#send-form {
	margin-right: 20px;
}

#send-form .button {
	margin-right: 32px;
	line-height: 1;
}

form .button {
	line-height: 1;
}

form .chosen-container {
	margin-bottom: 20px;
}

.chosen-container-multi .chosen-choices {
	background: transparent !important;

	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	padding-top: 5px !important;
}


.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
	min-height: 30px;
}

.chosen-choices {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

.search-field:before,
.search-choice:before {
	display: none !important;
}

.search-choice {
	background: #fff !important;
	border: 1px solid #E0E0E0 !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.search-choice-close {
	background: #444;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.NFI-wrapper {
	padding: 7px 5px 0 5px;
	width: 100%;
}

.NFI-button {
	background: #e7e7e7;
	padding: 5px 0;
	height: 26px;
	width: 30%;
}

.NFI-filename {
	margin: 0px;
	padding: 0px;
	float: right;
	height: 36px !important;
	width: 70% !important;
}

/*------------------------------------------------------------------
[ 13. BLOG ]
-------------------------------------------------------------------*/

/* [ 13.1. Blog bar ] */

.blogbar {
	text-align: center;
	font-weight: 300;
}

.blogbar.fleft {
	float: left;
}
.blogbar.fright {
	margin-left: 4.5%;
	margin-right: 0;
}

.blogbar .ava {
	margin-bottom: 12px;
}

.blogbar .ava img {
	width: 110px;
	border-radius: 100%;
}

.blogbar h5 {
	margin-bottom: 27px;
}

.blogbar h5 a {
	color: #000;
}

.no-touch .blogbar h5 a:hover {
	color: #e7543d;
}

.blogbar .date {
	font-size: 17px;
	line-height: 32px;
	color: #999999;
	margin-bottom: 20px;
}

.blogbar .categories {
	color: #999999;
	line-height: 32px;
	margin-bottom: 2px;
}

/* [ 13.2. Blog roll ] */

.blogroll .col {
	margin: 0;
	padding-bottom: 70px;
	width: 255px;
	padding-left: 30px;
}

.blogroll .col.no-excerpt {
	padding-bottom: 20px;
}

.blogroll .col > * {
	padding-left: 9px;
}

.blogroll .img {
	padding-left: 0;
}

.blogroll .img figure {
	margin-left: 0;
}

.blogroll .img figure:after {
	display: none;
}

.blogroll h4 {
	line-height: 34px;
}

.blogroll h4 a {
	color: #000;
}

.blogroll .categories {
	font-size: 17px;
	line-height: 32px;
	color: #999;
	font-weight: 300;
	margin-bottom: 8px;
}

.blogroll .categories a {
	color: #999;
}

.no-touch .blogroll a:hover {
	color: #e7543d;
}

.blogroll p {
	color: #555;
}

.next-posts {
	opacity: 0;
}

.next-posts .col {
	padding-bottom: 0;
}

/* [ 13.3. Blog content (single post) ] */

a.back {
	color: #b2b2b2;
	font-weight: 100;
	margin-bottom: 2em;
	display: inline-block;
}

.no-touch a.back:hover {
	color: #e7543d;
}

.content .blog.fright {
	margin: 1% 0 1% 4.5%;
}

.content .blog h1 {
	font-size: 42px;
	line-height: 50px;
	margin: 0 0 25px;
	padding: 0;
	text-align: left;
	letter-spacing: 0;
}

.content .blog h3 {
	font-weight: 300;
	margin-bottom: 18px;
}

.content .blog p + h2,
.content .blog p + h3,
.content .blog p + h4 {
	margin-top: 28px;
}

ul.nav-blog {
	text-align: center;
	padding: 0;
}

.nav-blog li {
	display: inline-block;
	margin: 0 4px 10px;
	font-size: 16px;
	line-height: 26px;
	text-transform: uppercase;
}

ul.nav-blog li:before {
	display: none;
}

.nav-blog li a {
	display: block;
	padding: 0 6px 8px;
	color: #1a1a1a;
	position: relative;
	letter-spacing: 1px;
}

.nav-blog li a.active,
.no-touch .nav-blog li a:hover {
	color: #e7543d;
}

.nav-blog li a.active ins {
	position: absolute;
	height: 1px;
	background-color: #F5BAB1;
	width: 100%;
	margin: auto;
	left: 0;
	bottom: 0;
	overflow: hidden;
	clear: both;
	-webkit-transform: translateZ(0);
}

.loadmore .button {
	padding: 0 25px;
}

.nothing-found {
	text-align: center;
}

/* [ 13.4. Comments ] */

.comments {
	padding-top: 60px;
}

.comments > h4 {
	padding-bottom: 36px;
	margin-bottom: 50px;
	border-bottom: 1px solid #D6D6D6;
}

.comment {
	padding-bottom: 20px;
}

.comment .comment {
	margin-left: 89px;
	padding-top: 20px;
	padding-bottom: 0;
}

.comment .ava {
	margin-left: -89px;
	float: left;
}

.comment .ava img {
	width: 68px;
	margin-right: 21px;
}

.comment .info {
	color: #999999;
	padding-bottom: 5px;
}

.comment .info .date {
	margin-right: 18px;
}

.comment .info a {
	text-decoration: none;
	color: #999999;
}

.comment .info a.internal {
	color: #000;
}

.no-touch .comment .info a:hover {
	color: #e7543d;
}

.comment-form {
	margin-bottom: 30px;
	border-bottom: 1px solid #eee;
	padding-bottom: 50px;
	padding-left: 110px;
}

.leaveacomment {
	border-top: 1px solid #D6D6D6;
	padding-top: 60px;
	margin-top: 26px;
}

.leaveacomment p {
	font-size: 17px;
	line-height: 26px;
	color: #999;
	padding-bottom: 30px;
}

.page-header,
.archive-header {
	text-align: center;
	margin-bottom: 75px;
}

.page-header h1,
.archive-header h1 {
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.page-header h1 a,
.archive-header h1 a {
	border-bottom: 1px solid #f5bab1;
	display: inline-block;
	margin-left: 15px;
	padding-bottom: 7px;
}

.no-touch .page-header h1 a:hover,
.no-touch .archive-header h1 a:hover {
	border-bottom-color: inherit;
}

.img li img {
	margin-bottom: 5px;
}

.comment .ava {
	margin-left: 0;
}

.leaveacomment label {
	left: -200px;
}

.blogbar {
	text-align: left;
}

.blogbar h4 {
	margin-bottom: 20px;
}

.blogbar h5 {
	margin-bottom: 0;
}

.blogbar .widget,
.blogbar .textwidget {
	margin-bottom: 45px;
	line-height: 26px;
}

.widget ul {
	padding-left: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

.widget ul ul {
	padding: 0 0 0 30px;
}

.widget ul li:before {
	display: none;
}

.widget ul li {
	color: #e7543d;
}

.widget ul li a,
.tagcloud a {
	color: #666666;
	margin-right: 5px;
}

.no-touch .widget ul li a:hover,
.no-touch .tagcloud a:hover {
	color: #e7543d;
}

.widget ul li span {
	color: #000;
}

.widget ul li span.post-date {
	color: #999999;
	display: block;
}

.widget .recentcomments {
	margin-bottom: 15px;
}

.search-form label span {
	display: block;
	font-size: 24px;
	margin-bottom: 18px;
	color: #000;
}

.search-form label {
	margin-bottom: 20px;
	display: block;
}

.search-form input[type=search] {
	border: 1px solid #B3B3B3;
	border-radius: 4px;
	height: 37px;
	padding: 0 10px;
	-webkit-appearance: textfield;
}

.search-submit {
	font-size: 16px;
	color: #e7543d;
	line-height: 1;
	height: 40px;
	padding: 0 21px;
	border-radius: 5px;
	border: 2px solid #E7543D;
	background-color: transparent;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
}

.no-touch .search-submit:hover {
	background-color: #E7543D;
	color: #fff;
}

#wp-calendar {
	width: 100%;
}

#wp-calendar th {
	padding: 0;
}

#wp-calendar tr:last-child > * {
	padding: 0;
}

#wp-calendar caption {
	font-size: 24px;
	line-height: 26px;
	font-weight: 300;
	letter-spacing: -1px;
	margin-bottom: 20px;
	text-align: left;
}

#wp-calendar th {
	color: #666666;
	background-color: #F8F8F8;
	text-align: center;
	width: 14.2857%;
	font-size: 15px;
	text-transform: uppercase;
	line-height: 28px;
}

#wp-calendar td {
	border: 1px solid #F8F8F8;
	color: #666666;
	text-align: center;
	line-height: 28px;
}

#wp-calendar tbody td {
	font-size: 14px;
}

#wp-calendar tfoot td {
	padding-top: 14px !important;
	border: 0;
	text-align: left;
}

.gallery {
	margin: 25px 0;
	font-size: 0;
}

.gallery dt {
	height: 100%;
	width: 100%;
}

.gallery .no-caption {
	background: transparent;
}

.gallery-item {
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	position: relative;
}

.gallery-icon {
	overflow: hidden;
}

.gallery-item {
	background-size: cover;
}

.gallery-item > * {
	float: left;
	font-size: 0;
}

.gallery-item > * img {
	float: left;
	width: 100%;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	width: 48%;
	width: -webkit-calc(50% - 4px);
	width: calc(50% - 4px);
}

.gallery-columns-3 .gallery-item {
	width: 32%;
	width: -webkit-calc(33.3% - 4px);
	width: calc(33.3% - 4px);
}

.gallery-columns-4 .gallery-item {
	width: 23%;
	width: -webkit-calc(25% - 4px);
	width: calc(25% - 4px);
}

.gallery-columns-5 .gallery-item {
	width: 19%;
	width: -webkit-calc(20% - 4px);
	width: calc(20% - 4px);
}

.gallery-columns-6 .gallery-item {
	width: 15%;
	width: -webkit-calc(16.7% - 4px);
	width: calc(16.7% - 4px);
}

.gallery-columns-7 .gallery-item {
	width: 13%;
	width: -webkit-calc(14.28% - 4px);
	width: calc(14.28% - 4px);
}

.gallery-columns-8 .gallery-item {
	width: 11%;
	width: -webkit-calc(12.5% - 4px);
	width: calc(12.5% - 4px);
}

.gallery-columns-9 .gallery-item {
	width: 9%;
	width: -webkit-calc(11.1% - 4px);
	width: calc(11.1% - 4px);
}

.gallery-columns-1 .gallery-item {
	height: 540px;
}

.gallery-columns-2 .gallery-item {
	height: 270px;
}

.gallery-columns-3 .gallery-item {
	height: 180px;
}

.gallery-columns-4 .gallery-item {
	height: 135px;
}

.gallery-columns-5 .gallery-item {
	height: 108px;
}

.gallery-columns-6 .gallery-item {
	height: 90px;
}

.gallery-columns-7 .gallery-item {
	height: 77px;
}

.gallery-columns-8 .gallery-item {
	height: 67px;
}

.gallery-columns-9 .gallery-item {
	height: 60px;
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right: 0;
}

.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery figure.gallery-item:nth-of-type(3n+1) {
	clear: left;
}

.gallery-caption {
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	max-height: 50%;
	opacity: 0;
	padding: 6px 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	width: 100%;
}

.gallery-caption:before {
	content: "";
	height: 100%;
	min-height: 49px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.no-touch .gallery-item:hover .gallery-caption {
	opacity: 1;
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

.no-touch .gallery dl:hover .mask {
	opacity: .9;
	width: 101%;
}

.no-touch .gallery dl:hover .mask * {
	opacity: 1;
}

.gallery p {
	line-height: 0px;
	height: 0px;
	padding: 0;
}
/*------------------------------------------------------------------
[ 14. ICONS ]
-------------------------------------------------------------------*/

a [class^="fa-"],
a [class*=" fa-"] {
	color: #1a1a1a;
}

.no-touch a [class^="fa-"]:hover,
.no-touch a [class*=" fa-"]:hover {
	color: #e7543d;
}

/*------------------------------------------------------------------
[ 15. RESPONSIVE ]
-------------------------------------------------------------------*/

@media only screen and (max-width: 1200px) {
	.work {
		width: 25%;
	}

	.blogroll .col {
		width: 30%;
	}
}

@media only screen and (max-width: 1030px) {
	.work {
		width: 33.333%;
	}

	.team .group > .col {
		width: 48%;
	}

	.equal > * {
		padding-left: 3px;
		padding-right: 3px;
	}

	.pricing .num {
		font-size: 58px;
	}

	.blogroll .col {
		width: 45%;
	}
}

@media only screen and (max-width: 860px) {

	[class*="span_"],
	.blogroll .col {
		width: 100%;
	}

	.blogroll .col {
		padding-left: 0;
	}

	.content .blog.fright {
		margin-left: 0;
	}

	.col {
		float: none;
		margin: 0 auto 20px;
		width: 100%;
	}

	.empty {
		display: none;
	}

	.mainmenu {
		display: none;
	}

	.slicknav_menu {
		display: block;
	}

	.header .col {
		text-align: center;
		margin-bottom: 40px;
	}

	.header .col:last-child {
		margin-bottom: 0;
		min-height: 53px;
	}

	.work {
		width: 50%;
	}

	.oneslider li .title {
		font-size: 30px;
	}

	.comment .ava {
		margin-left: 0;
	}

	.leaveacomment .formwrap,
	.leaveacomment .button {
		margin-left: 108px;
	}

	.leaveacomment {
		padding-left: 108px;
	}

	.blogbar.fright {
		margin-left: 0;
		margin-right: 0;
	}

	.equal > * {
		display: block !important;
		width: 100% !important;
	}

	.footer p {
		max-width: 450px;
	}

	table.responsive {
		margin-bottom: 0;
	}

	.pinned {
		position: absolute;
		left: 0;
		top: 0;
		background: #fff;
		width: 35%;
		overflow: hidden;
		overflow-x: scroll;
		border-right: 1px solid #ccc;
		border-left: 1px solid #ccc;
	}

	.pinned table {
		border-right: none;
		border-left: none;
		width: 100%;
	}

	.pinned table th, .pinned table td {
		white-space: nowrap;
	}

	.pinned td:last-child {
		border-bottom: 0;
	}

	div.table-wrapper {
		position: relative;
		margin-bottom: 20px;
		overflow: hidden;
		border-right: 1px solid #ccc;
	}

	div.table-wrapper div.scrollable {
		margin-left: 35%;
	}

	div.table-wrapper div.scrollable {
		overflow: scroll;
		overflow-y: hidden;
	}

	table.responsive td, table.responsive th {
		position: relative;
		white-space: nowrap;
		overflow: hidden;
	}

	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td {
		display: none;
	}

	.blogroll {
		text-align: center;
	}

	.blogroll .col {
		padding-right: 0;
		width: 98%;
	}

	.blogroll .img {
		width: 220px;
	}

	.contact {
		text-align: center;
	}

	.contact table {
		margin: auto;
	}

	.gallery-item {
		max-width: 49.9% !important;
	}

	.pricing-titles {
		display: none;
	}
}

@media only screen and (max-width: 590px) {
	.work {
		width: 100%;
	}

	.arrow.prev, .mfp-arrow-left {
		left: 10px;
	}

	.arrow.next, .mfp-arrow-right {
		right: 10px;
	}

	.page404 h1 small {
		padding: 0 20px;
	}

	.comment .comment {
		margin-left: 0;
	}

	.team .group > .col {
		width: 98%;
	}

	.expandteam .col p {
		font-size: 15px;
		line-height: 22px;
		padding-bottom: 30px;
	}

	.expandteam .social li {
		font-size: 28px;
		line-height: 28px;
	}

	.leaveacomment {
		padding-left: 0 !important;
	}

	.leaveacomment label {
		left: -108px;
	}

	.gallery {
		margin-left: -56px;
		margin-right: -56px;
	}

	.gallery-item {
		height: 300px !important;
		max-width: 100% !important;
		width: 100% !important;
	}

	.gallery-item > * {
		width: 100% !important;
	}
}

@media only screen and (max-width: 450px) {
	.heading .title {
		padding: 0;
	}
}

@media only screen and (max-width: 750px) {
	.logos .navbar .pagination {
		display: none !important;
	}
}

/* Posts navigation */
.post-navs {
	margin-top: -40px;
	margin-bottom: 20px;
}

.post-navs .prev-post {
	float: left;
}

.post-navs .next-post {
	float: right;
}
/* Posts navigation end */

/**
 * Fixes
 */

.gm-style img {
	max-width: none !important;
}
