/*

@Author: ThemeMascot

@URL: http://ThemeMascot.com



This file contains the styling for the actual theme. Please don't modify this file. If you really need anything to change then open "style.css" file and place your custom css codes at that file.

*/



@import "font-awesome.min.css";

@import "pe-icon-7-stroke.css";

@import "et-line.css";

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600);

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

@import url('https://fonts.googleapis.com/css2?family=Crimson+Text&display=swap');

/**

 * Table of Contents:

 *

  * 1.0 -> Basic Structure

 	* 1.1 -> Typography

 	* 1.2 -> List

 	* 1.3 -> Social Icons

 	* 1.4 -> Blockquote	

 	* 1.5 -> Drop Caps	

 	* 1.6 -> Text Highlight	

 	* 1.7 -> Pagination	

 	* 1.8 -> Buttons	

 	* 1.9 -> Common CSS

 	* 1.10 -> Section Common Css	

	* 1.11 -> Divider Common Css	

	* 1.12 -> parallax

	* 1.13 -> Background Image

	* 1.14 -> Solid Color Background	

	* 1.15 -> Pattern Background	

	* 1.16 -> Background Video		

	* 1.17 -> max image slider	

	* 1.18 -> flex slider		

	* 1.19 -> Owl Carousel	

	* 1.20 -> Owl fullwidth carousel

        * 1.21 -> swiper slider 

	* 1.22 -> lightbox

	* 1.23 -> Top Search Bar

	* 1.24 -> Minimal layout

        * 1.25 -> Multi Row Clearfix

 * 2.0 -> Preloader				  

 * 3.0 -> Elements

 	* 3.1  -> Accordion	

 	* 3.2  -> Funfact

	* 3.3  -> Working Process

	* 3.4  -> Icon Box

	* 3.5  -> Pie Charts  

	* 3.6  -> Progress Bars

	* 3.7  -> Pricing Tables

	* 3.8 -> Tabs

	* 3.9 -> Team Members

	* 3.10 -> Testimonials

	* 3.11 -> Testimonial-Carousel

	* 3.12 -> Countdown timer

	* 3.13 -> Form

	* 3.14 -> Twitter

	* 3.15 -> Horizontal Timeline

	* 3.16 -> Mailchimp

	* 3.17 -> Heading

	* 3.18 -> Call-to-action

	* 3.19 -> hover effect

 * 4.0 -> Header

        * 4.1 -> Dropdown menu

	* 4.2 -> Vertical Header

	* 4.3 -> Menu full page

 * 5.0 -> Section: Home

 * 6.0 -> Section: Welcome To Escope

 * 7.0 -> Section: Portfolio

        * 7.1 -> Megafolio Pro Gallery

 * 8.0 -> Divider: Client Logos

 * 9.0 -> Section: Blog Posts

 * 10.0 -> Section: Blog Single

 * 11.0 -> Blog Sidebar

 * 12.0 -> Section: Blog Landing Page

 * 13.0 -> Magazine

 * 14.0 -> Section: Contact

 * 15.0 -> Section: contact-info

 * 16.0 -> Map

 * 17.0 -> Section: Footer

 * 18.0 -> Scroll-To-Top		  

 * 20.0 -> Shop

 	* 20.1  -> Product Details Page

 	* 20.2  -> Category Page

 	* 20.3  -> Cart Page

 	* 20.4  -> Checkout Page 		  

 * 21.0 -> Revolution Slider

* ===============================================

*/



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

# Font color codes:

# Dark #111

# Light-Dark #777

# */



/*

 * 1.0 -> Basic Structure

 * -----------------------------------------------

*/

::selection {

	background: none repeat scroll 0 0 #393939;

	color: #fff;

}



::-moz-selection {

	background: none repeat scroll 0 0 #393939;

	color: #fff;

}



/*

 * 1.1 -> Typography 

 * -----------------------------------------------

*/



.character {

	display: flex;

	justify-content: center;

	align-items: center;

}



.character div {

	text-align: center;

}



html {

	font-size: 100%;

}



html,

html a {

	-webkit-font-smoothing: antialiased;

}



html,

body {

	max-width: 100%;

	overflow-x: hidden;

}



body {

	font-family: 'Crimson Text', sans-serif;

	font-weight: 400;

	color: #fff;

	font-size: 16px;

	letter-spacing: 1px;

	line-height: 1.6;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	color: #111;

	font-family: 'Crimson Text', sans-serif;

	font-weight: 400;

	letter-spacing: 5px;

	line-height: 1.4;

}



h1 {

	font-size: 3rem;

	/* =48px */

	letter-spacing: 0;

	text-transform: uppercase;

}



h1.medium {

	font-size: 3.75rem;

	/* =60px */

}



h1.large {

	font-size: 4.5rem;

	/* =72px */

}



h1.medium-large {

	font-size: 6rem;

	/* =96px */

}



h1.extra-large {

	font-size: 9rem;

	/* =144px */

}



h2 {

	font-size: 24px;

}



h3 {

	font-size: 26px;

}



h4 {

	font-size: 16px;

}



h5 {

	font-size: 28px;

	text-transform: uppercase;

}



h6 {

	font-size: 12px;

}



/* heading light with font weight 300 */

h1.light,

h2.light,

h3.light,

h4.light,

h5.light,

h6.light {

	font-family: 'Open Sans', sans-serif;

	font-weight: 300;

}



h2.light {

	font-size: 36px;

}



h3.light {

	font-size: 24px;

}



h4.light {

	font-size: 20px;

}



h5.light {

	font-size: 18px;

}



h6.light {

	font-size: 16px;

}



a {

	color: #777;

	text-decoration: none;

	-webkit-transition: 300ms;

	-moz-transition: 300ms;

	-o-transition: 300ms;

	transition: 300ms;

}



a:focus,

a:hover,

a:active {

	color: #111;

	text-decoration: none;

	outline: none;

}



i {

	color: #111;

}



p {

	font-size: 16px;

	font-weight: 400;

}



img,

embed,

object,

video {

	max-width: 100%;

	height: auto;

}



textblock {

	background: #333;

	color: #fff;

}



/*

 * 1.2 -> List 

 * -----------------------------------------------

*/

ul,

ol {

	list-style: none;

	margin: 0;

	padding: 0;

}



ul.list {

	list-style: outside none none;

	margin-top: 15px;

	padding-left: 0;

}



ul.list>li {

	line-height: 24px;

	margin: 10px 0;

}



ul.list li:before {

	border: 1px solid #aaa;

	content: "\e684";

	font-family: Pe-icon-7-stroke;

	font-size: 14px;

	margin-right: 10px;

	padding: 1px;

	vertical-align: text-top;

}



ul.list li:hover:before {

	background: #111;

	color: #fff;

	border-color: transparent;

}



/* list flat */

ul.list.flat li:before {

	border: none;

	color: #aaa;

	display: inline-block;

	line-height: 18px;

	padding: 0;

	font-size: 20px;

	vertical-align: text-bottom;

}



ul.list.flat li:hover:before {

	background: none;

}



ul.list.flat li a {

	color: #777;

	text-decoration: none;

	-webkit-transition: all 300ms ease 0;

	-moz-transition: all 300ms ease 0;

	-ms-transition: all 300ms ease 0;

	-o-transition: all 300ms ease 0;

	transition: all 300ms ease 0;

}



/* list-divider */

ul.list-divider li {

	padding-bottom: 5px;

	margin-bottom: 5px;

	border-bottom: 1px solid #eee;

}



/* personal info list */

.list-info li {

	clear: both;

	position: relative;

}



.list-info li label {

	display: inline-block;

	font-weight: bold;

	padding: 5px 0 0;

}



.list-info li span {

	left: 110px;

	padding: 5px 0;

	position: absolute;

}



/*

 * 1.3 -> Social Icons 

 * -----------------------------------------------

*/

.social-icons {

	list-style: outside none none;

	margin: 30px 0;

	padding: 0;

}



.social-icons>li {

	display: inline-block;

}



.social-icons a {

	background: #eee;

	border-radius: 50%;

	display: block;

	font-size: 16px;

	height: 40px;

	line-height: 40px;

	margin-right: 2px;

	text-align: center;

	width: 40px;

}



.social-icons.medium a {

	font-size: 24px;

	height: 50px;

	line-height: 50px;

	width: 50px;

}



.social-icons.large a {

	font-size: 32px;

	height: 60px;

	line-height: 60px;

	width: 60px;

}



.social-icons.extra-large a {

	font-size: 60px;

	height: 120px;

	line-height: 120px;

	width: 120px;

}



.social-icons a,

.social-icons a i {

	-webkit-transition: all .3s ease 0s;

	-moz-transition: all .3s ease 0s;

	-ms-transition: all .3s ease 0s;

	-o-transition: all .3s ease 0s;

	transition: all .3s ease 0s;

}



.social-icons a:hover {

	background: #393939;

}



.social-icons a:hover i {

	color: #fff;

}



.font-examples>div {

	color: #111;

	font-size: 14px;

	margin-bottom: 10px;

}



.font-examples>div:nth-child(4n+5) {

	clear: left;

}



.font-examples>div>i {

	border: 1px solid #ddd;

	font-size: 14px;

	height: 30px;

	line-height: 30px;

	margin-right: 5px;

	text-align: center;

	width: 30px;

}



.font-examples>div>.muted,

.font-examples>div>.text-muted {

	color: #777;

	font-size: 14px;

}



.font-icon-detail {

	display: flex;

	margin-bottom: 10px;

	position: relative;

}



.font-icon-detail span {

	border: 1px solid #ddd;

	color: #111;

	float: left;

	font-size: 14px;

	font-weight: bold;

	height: 30px;

	line-height: 30px;

	margin-right: 8px;

	text-align: center;

	width: 30px;

}



.font-icon-name {

	border: medium none;

	margin: 0;

	padding: 0;

	position: absolute;

}



/* social-icons square */

.social-icons.square a {

	border-radius: 0;

}



/* social-icons flat */

.social-icons.flat a {

	background: none;

	height: 30px;

	width: 30px;

}



.social-icons.flat a:hover i {

	color: #111;

}



.social-icons.flat.medium a {

	height: 40px;

	width: 40px;

}



.social-icons.flat.large a {

	height: 50px;

	width: 50px;

}



.social-icons.flat.extra-large a {

	height: 100px;

	width: 100px;

}



/*

 * 1.4 -> Blockquote 

 * -----------------------------------------------

*/

blockquote {

	color: #333;

	margin: 20px 0;

	padding: 5px 20px 10px;

}



blockquote.style2 {

	background: none repeat scroll 0 0;

	background-color: rgba(251, 245, 255, 0.8);

	color: #333;

	padding: 5px 20px 10px;

}



blockquote.style3 {

	background: none repeat scroll 0 0;

	background-color: rgba(1, 15, 56, 0.8);

	color: #333;

	padding: 5px 20px 10px;

}

/*

 * 1.5 -> Drop Caps 

 * -----------------------------------------------

*/

.drop-caps p:first-child:first-letter {

	color: #fff;

	display: block;

	float: left;

	font-size: 72px;

	line-height: 80px;

	margin-right: 10px;

	margin-top: 5px;

	padding: 4px;

}



.drop-caps.border p:first-child:first-letter {

	border: 1px solid;

	padding: 17px 13px;

}



/*

 * 1.6 -> Text Highlight 

 * -----------------------------------------------

*/

.text-highlight {

	background: none repeat scroll 0 0 #111;

	border-radius: 4px;

	color: #fff;

	padding: 0 5px 3px;

}



.text-highlight.light {

	background: #777;

}



/*

 * 1.7 -> Pagination 

 * -----------------------------------------------

*/

.pagination li a {

	margin-right: 10px;

	color: #333333;

}



.pagination li.active a {

	background: none repeat scroll 0 0 #333;

	border: 1px solid #333;

	color: #fff;

}



/* pagination square-light */

.pagination.square-light li a {

	margin-right: 10px;

	color: #333333;

}



.pagination.square-light li.active a {

	background: none repeat scroll 0 0 #eee;

	border: 1px solid #eee;

	color: #333;

}



/* pagination flat */

.pagination.flat li a {

	border: 1px solid transparent;

	margin-right: 10px;

	color: #333333;

}



.pagination.flat li.active a {

	background: none repeat scroll 0 0 #333;

	border: 1px solid #333;

	color: #fff;

}



/*

 * 1.8 -> Buttons 

 * -----------------------------------------------

*/

.btn:hover,

.btn:focus,

.btn.focus {

	color: #777;

}



.btn:active,

.btn.active {

	box-shadow: none;

}



button.btn {

	color: #111;

}



button.btn:hover,

button.btn:focus,

button.btn.focus {

	color: #777;

}



/* button default */

.btn-default {

	background: none;

	font-family: 'Open Sans', sans-serif;

	font-size: 12px;

	letter-spacing: 0;

	text-transform: uppercase;



}



.btn-default:hover {

	background-color: transparent;

	border: 1px solid #777;

	color: rgba(34, 34, 34, 0.8);

}



.btn-default,

.btn-colored {

	border-radius: 0;

	font-size: 18px;

	font-weight: 400;

	margin-right: 0;

	margin-top: 0;

	padding: 10px 15px;

}



/* button colored */

.btn-colored,

button.btn-colored {

	background-color: rgb(67, 33, 86, 0.9);

	color: #fff;

}



.btn-colored:hover {

	background-color: rgba(34, 34, 34, 0.8);

	color: #fff;

}



.btn-colored:hover,

button.btn-colored,

button.btn-colored:hover,

button.btn-colored:focus,

button.btn-colored.focus {

	color: #fff;

}



.btn-default:active,

.btn-default:focus {

	background-color: transparent;

}



/* button white */

.btn-colored.btn-white {

	background: #fff !important;

	color: #333 !important;

}



.btn-colored.btn-yellow {

	background-color: rgba(169, 131, 39, 0.95) !important;

	color: #fff !important;

}



.btn-colored.btn-white:hover {

	background: #777 !important;

	color: #fff !important;

}



.btn-default.btn-white {

	border: 1px solid #fff !important;

	color: #fff !important;

}



.btn-default.btn-white:hover {

	border: 1px solid #393939 !important;

}



/* button rounded */

.btn.btn-rounded {

	border-radius: 20px;

}



.btn-default.btn-rounded {

	border-radius: 20px;

}



.btn-colored.btn-rounded {

	border-radius: 20px;

}



/* button different sizes */

.btn-lg {

	font-size: 18px;

	padding: 10px 16px;

}



.btn-xs {

	font-size: 12px;

	padding: 5px 8px;

}



.btn-sm {

	font-size: 12px;

	padding: 8px 12px;

}



/*

 * 1.9 -> Common CSS 

 * -----------------------------------------------

*/

.no-bg {

	background: none !important;

}



/* Text Color */

.text-pink {

	color: #E66E8E !important;

}



.text-white {

	color: #fff !important;

}



.text-blue {

	color: #01A2D0 !important;

}



.text-yellow {

	color: #ffbb22 !important;

}



.text-white-light {

	color: #ddd !important;

}



.text-black {

	color: #111 !important;

}



.text-black-light {

	color: #555 !important;

}



.heading-border {

	border-bottom: 1px solid #ddd;

	margin: 30px 0;

	padding: 20px 0;

}



.heading.letter-spacing-1 {

	letter-spacing: 1px;

}



.heading.letter-spacing-2 {

	letter-spacing: 1px;

}



.heading.letter-spacing-3 {

	letter-spacing: 1px;

}



.heading.letter-spacing-4 {

	letter-spacing: 1px;

}



/* Font Weight */

.font-weight-100 {

	font-weight: 100 !important;

}



.font-weight-200 {

	font-weight: 200 !important;

}



.font-weight-300 {

	font-weight: 300 !important;

}



.font-weight-400 {

	font-weight: 400 !important;

}



.font-weight-500 {

	font-weight: 500 !important;

}



/* custom margin */

.curve-bg:after {

	background: none repeat scroll 0 0 #fff;

	content: "";

	height: 240%;

	left: -44%;

	opacity: 0.85;

	position: absolute;

	top: 0;

	-webkit-transform: rotate(-11deg);

	-moz-transform: rotate(-11deg);

	-ms-transform: rotate(-11deg);

	-o-transform: rotate(-11deg);

	transform: rotate(-11deg);

	width: 100%;

}



.curve-bg-half:after {

	background: none repeat scroll 0 0 #fff;

	content: "";

	height: 240%;

	left: -50%;

	opacity: 0.85;

	position: absolute;

	top: 0;

	width: 100%;

}



.lead {

	color: #111;

	font-size: 21px;

	font-weight: normal;

	line-height: inherit;

	padding: 10px 0 25px;

	position: relative;

}



.lead:after {

	background-color: rgba(0, 0, 0, 0.1);

	bottom: 0;

	content: "";

	display: block;

	height: 2px;

	left: 0;

	position: absolute;

	width: 80px;

}



h3.line-bottom {

	margin-top: 0;

	padding-bottom: 10px;

}



h3.line-bottom:after {

	content: "";

	display: inline-block;

	height: 3px;

	left: 0;

	margin: 38px 15px;

	position: absolute;

	width: 45px;

}



.fluid-video-wrapper {

	padding: 0;

	position: relative;

	width: 100%;

}



iframe {

	border: none;

	width: 100%;

}



table.no-border td {

	border: none !important;

}



a.btn i.fa.fa-long-arrow-right {

	animation-direction: normal;

	animation-duration: 0.8s;

	animation-fill-mode: none;

	animation-iteration-count: infinite;

	animation-name: fadeIn;

	animation-play-state: running;

	animation-timing-function: ease;

}



/* custom font family */

.font-crimson {

	font-family: 'Crimson Text', sans-serif;

}



.font-raleway {

	font-family: 'Raleway', sans-serif;

	font-weight: 100;

}



.font-opensans {

	font-family: 'Open Sans', sans-serif;

}



/* custom font size */

.font-12 {

	font-size: 12px !important;

}



.font-14 {

	font-size: 14px !important;

}



.font-18 {

	font-size: 18px !important;

}



.font-20 {

	font-size: 20px !important;

}



.font-24 {

	font-size: 24px !important;

}



.font-28 {

	font-size: 28px !important;

}



.font-36 {

	font-size: 36px !important;

}



.font-48 {

	font-size: 48px !important;

}



.font-64 {

	font-size: 64px !important;

}



.font-72 {

	font-size: 72px !important;

}



.font-100 {

	font-size: 100px !important;

}



.font-150 {

	font-size: 150px !important;

}



.font-200 {

	font-size: 200px !important;

}



/* breadcrumb */

.breadcrumb {

	background-color: transparent;

	padding-left: 0;

	text-align: left;

}



.breadcrumb>li+li::before {

	content: "> ";

}



.breadcrumb li.active {

	color: #111;

}



.breadcrumb.white li.active {

	color: #fff;

}



.breadcrumb.white li a {

	color: #777;

}



/* no border */

.no-border {

	border: none !important;

}



/*

 * 1.10 -> Section Common Css 

 * -----------------------------------------------

*/

section {

	background-color: #fff;

	position: relative;

	overflow: hidden;

}



.inner-header h1 {

	font-family: "Crimson Text", sans-serif;

	letter-spacing: 5px;

	margin-top: 100px;

	text-align: center;

	text-transform: none;

}



section>.container,

section>.container-fluid {

	padding-top: 50px;

	padding-bottom: 70px;

}



.section-title {

	padding-bottom: 60px;

}



.section-title p {

	font-size: 16px;

	line-height: 26px;

	margin: 25px auto;

	max-width: 560px;

	color: #777;

}



.small-line {

	position: relative;

}



.small-line:after {

	border: 1px solid #ddd;

	bottom: -10px;

	content: "";

	height: 1px;

	left: 0;

	margin: 0 auto;

	position: absolute;

	right: 0;

	width: 50px;

}



.page-header {

	padding-bottom: 0;

}



/*

 * 1.11 -> Divider Common Css 

 * -----------------------------------------------

*/

.divider,

.parallax {

	background-image: url(../http://placehold.it/1920x1280);

	/* default image */

	background-repeat: no-repeat;

	background-position: center center;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	display: block;

	position: relative;

	overflow: hidden;

	width: 100%;

}



.divider .container {

	padding-top: 80px;

	padding-bottom: 80px;

}



.divider .container.small-padding {

	padding-top: 30px;

	padding-bottom: 30px;

}



.divider .container.extra-padding {

	padding-top: 180px;

	padding-bottom: 180px;

}



.layer-overlay {

	position: relative;

}



.layer-overlay::before {

	background: rgba(15, 18, 20, 0.62) none repeat scroll 0 0;

	content: " ";

	height: 100%;

	left: 0;

	position: absolute;

	top: 0;

	width: 100%;

	z-index: 0;

}



.layer-overlay.overlay-light::before {

	background-color: rgba(15, 18, 20, 0.4);

}



.layer-overlay.overlay-dark::before {

	background-color: rgba(15, 18, 20, 0.85);

}



.layer-overlay.overlay-white::before {

	background-color: rgba(255, 255, 255, 0.85);

}



.layer-overlay.layer-pattern::before {

	background-image: url(../images/pattern.png);

	background-color: rgba(0, 5, 8, 0.8);

}



.layer-overlay.layer-pattern2::before {

	background-image: url(../images/pattern1.png);

	background-color: rgba(0, 5, 8, 0.8);

}



.layer-overlay.layer-pattern3::before {

	background-image: url(../images/pattern2.png);

	background-color: rgba(0, 5, 8, 0.8);

}



.inner-header.layer-overlay::before {

	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75);

}



.layer-overlay.maximage-layer-overlay::before {

	z-index: 1;

}



/*

 * 1.12 -> parallax

 * -----------------------------------------------

*/

.parallax {

	background-attachment: fixed;

}



/*

 * 1.13 -> Background Image 

 * -----------------------------------------------

*/

.no-webp .bg1 {

	background-image: url("../images/bg/bg1.jpg");

}

.webp .bg1 {

	background-image: url("../images/webp/bg/bg1.webp");

}



.no-webp .bg2 {

	background-image: url("../images/bg/bg2.jpg");

}

.webp .bg2 {

	background-image: url("../images/webp/bg/bg2.webp");

}



.bg3 {

	background-image: url(../images/bg/bg6.jpg);

}



.bg4 {

	background-image: url(../http://placehold.it/1920x1280);

}



.no-webp .bg5 {

	background-image: url("../images/bg/sirenibus.jpg");

}

.webp .bg5 {

	background-image: url("../images/webp/bg/sirenibus.webp");

}

.no-webp .bg6 {

	background-image: url("../images/bg/blurbg.jpg");

}

.webp .bg6 {

	background-image: url("../images/webp/bg/blurbg.webp");

}



.bg7 {

	background-image: url("../images/bg/blurbg2.png");

}



.bg8 {

	background-image: url(../http://placehold.it/1920x1280);

}



.no-webp .bg9 {

	background-image: url("../images/bg/bg9.jpg");

}

.webp .bg9 {

	background-image: url("../images/webp/bg/bg9.webp");

}



.bg10 {

	background-image: url(../http://placehold.it/1920x1280);

}



.bg11 {

	background-image: url(../http://placehold.it/1920x1280);

}



.bg12 {

	background-image: url(../http://placehold.it/1920x1280);

}



.bg13 {

	background-image: url(../http://placehold.it/1920x1280);

}



.bg14 {

	background-image: url(../http://placehold.it/1920x1280);

}



.bg15 {

	background-image: url(../http://placehold.it/1920x1280);

}



.bg16 {

	background-image: url(../http://placehold.it/1920x1280);

}



.bg17 {

	background-image: url(../http://placehold.it/1920x1280);

}



.bg18 {

	background-image: url(../http://placehold.it/1920x1280);

}



.bg19 {

	background-image: url(../http://placehold.it/1920x1280);

}



.bg20 {

	background-image: url(../http://placehold.it/1920x1280);

}



.bg21 {

	background-image: url(../http://placehold.it/1920x1280);

}



.bg22 {

	background-image: url(../http://placehold.it/1920x1280);

}



.bg23 {

	background-image: url(../http://placehold.it/1920x1280);

}



.bg24 {

	background-image: url(../http://placehold.it/1920x1280);

}



.bg25 {

	background-image: url(../http://placehold.it/1920x1280);

}



.bg26 {

	background-image: url(../http://placehold.it/1920x1280);

}



.bg27 {

	background-image: url(../http://placehold.it/1920x1280);

}



.bg28 {

	background-image: url(../http://placehold.it/1920x1280);

}



.bg29 {

	background-image: url(../http://placehold.it/1920x1280);

}



.bg30 {

	background-image: url(../http://placehold.it/1920x1280);

}



.bg31 {

	background-image: url(../http://placehold.it/1920x1280);

}



.bg32 {

	background-image: url(../http://placehold.it/1920x1280);

}



.bg33 {

	background-image: url(../http://placehold.it/1920x1280);

}



.bg34 {

	background-image: url(../http://placehold.it/1920x1280);

}




.bg-img-fixed {

	background-attachment: fixed;

}



.bg-img-cover {

	background-size: cover;

}



.bg-img-center-bottom {

	background-position: center bottom;

}



.bg-img-center {

	background-position: center center;

}



/**

 * 1.14 -> Solid Color Background

 * -----------------------------------------------

 */

.bg-solid-color {

	background-color: #f7f7f7 !important;

	background-image: none !important;

}



.bg-white {

	background-color: #fff !important;

}



.bg-white-gray {

	background-color: #fbfbfb !important;

}



.bg-gray {

	background-color: #393939 !important;

}



.bg-light-gray {

	background-color: #e8e8e8;

}



.bg-black {

	background-color: #111 !important;

}



.bg-dark {

	background-color: #222 !important;

}



.bg-dark-light {

	background-color: #333 !important;

}



/**

 * 1.15 -> Pattern Background

 * -----------------------------------------------

 */

.bg-pattern,

.bg-pattern.pattern1 {

	background: url(../images/pattern/pattern1.png) !important;

}



.bg-pattern.pattern2 {

	background: url(../images/pattern/pattern2.png) !important;

}



.bg-pattern.pattern3 {

	background: url(../images/pattern/pattern3.png) !important;

}



.bg-pattern.pattern4 {

	background: url(../images/pattern/pattern4.png) !important;

}



.bg-pattern.pattern5 {

	background: url(../images/pattern/pattern5.png) !important;

}



.bg-pattern.pattern6 {

	background: url(../images/pattern/pattern6.png) !important;

}



.bg-pattern .layer-overlay {

	background: none;

}



/*

 * 1.16 -> Different color skins

 * -----------------------------------------------

*/

.bg-blue {

	background-color: rgba(16, 127, 201, 1) !important;

}



.bg-blue-light {

	background-color: rgba(16, 127, 201, 0.6) !important;

}



.bg-deep-blue {

	background-color: rgba(1, 140, 255, 1) !important;

}



.bg-pink {

	background-color: rgba(235, 110, 142, 1) !important;

}



.bg-brown {

	background-color: rgba(149, 105, 71, 1) !important;

}



.bg-yellow {

	background: rgba(255, 187, 34, 1) !important;

}



.bg-green {

	background: rgba(16, 196, 92, 1) !important;

}



.bg-dark-transparent {

	background-color: rgba(0, 0, 0, 0.5) !important;

}



.bg-dark-transparent-light {

	background-color: rgba(0, 0, 0, 0.2) !important;

}



.bg-blue-transparent {

	background-color: rgba(16, 127, 201, 0.7) !important;

}



.bg-pink-transparent {

	background-color: rgba(235, 110, 142, 0.7) !important;

}



.bg-brown-transparent {

	background-color: rgba(149, 105, 71, 0.7) !important;

}



.layer-overlay.overlay-blue::before {

	background-color: rgba(16, 127, 201, 0.9);

}



.layer-overlay.overlay-blue-light::before {

	background-color: rgba(16, 127, 201, 0.2);

}



.layer-overlay.overlay-pink::before {

	background-color: rgba(235, 110, 142, 0.9);

}



.layer-overlay.overlay-pink-light::before {

	background-color: rgba(235, 110, 142, 0.45);

}



.layer-overlay.overlay-brown::before {

	background-color: rgba(149, 105, 71, 0.9);

}



.layer-overlay.overlay-brown-light::before {

	background-color: rgba(149, 105, 71, 0.45);

}



.layer-overlay.overlay-yellow::before {

	background-color: rgba(255, 187, 34, 0.9);

}



.layer-overlay.overlay-yellow-light::before {

	background-color: rgba(255, 187, 34, 0.45);

}



.layer-overlay.overlay-green::before {

	background-color: rgba(16, 196, 92, 0.9);

}



.layer-overlay.overlay-green-light::before {

	background-color: rgba(16, 196, 92, 0.45);

}

.layer-overlay.overlay-purple::before {

	background-color: rgba(58, 28, 72, 0.9);

	}



/**

 * 1.16 -> Background Video

 * -----------------------------------------------

 */

.bg-video {

	height: 100%;

	position: absolute;

	text-align: center;

	width: 100%;

	z-index: -1;

}



.bg-video .video {

	height: 100%;

	left: 0;

	margin: 0 !important;

	position: relative;

	top: 0;

	width: 100%;

}



.bg-video .video .mbYTP_wrapper {

	z-index: -1 !important;

}



/*

 * 1.17 -> max image slider 

 * -----------------------------------------------

*/

body .mc-cycle {

	z-index: 0;

}



#home .maximage-slider .fullscreen-controls .img-prev,

#home .maximage-slider .fullscreen-controls .img-next {

	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);

	border-radius: 0;

	color: #fff;

	display: block;

	height: 100px;

	margin: 0;

	position: absolute;

	top: 43%;

	transition: all .2s ease 0s;

	width: 100px;

	z-index: 6;

}



#home:hover .maximage-slider .fullscreen-controls .img-prev {

	left: 0;

}



#home:hover .maximage-slider .fullscreen-controls .img-next {

	right: 0;

}



#home .maximage-slider .fullscreen-controls .img-prev i,

#home .maximage-slider .fullscreen-controls .img-next i {

	color: #fff;

	font-size: 100px;

}



/*

 * 1.18 -> flex slider 

 * -----------------------------------------------

*/

.flexslider {

	border: none;

}



.flex-direction-nav a {

	height: auto;

	margin: -30px 0 0;

}



.flex-direction-nav a:before {

	font-family: "Pe-icon-7-stroke";

	content: '\e686';

	background: rgba(0, 0, 0, 0.6);

	color: #fff;

}



.flex-direction-nav a.flex-next:before {

	content: '\e684';

}



.flex-viewport .slides li {

	opacity: 0.4;

	position: relative;

}



.flex-viewport .slides li.flex-active-slide {

	opacity: 1;

}



.news-slider .flex-control-nav.flex-control-thumbs>li img {

	height: auto !important;

	width: 100% !important;

}



.flex-thumb .slides li {

	margin-top: 5px;

	margin-right: 5px;

}



.flex-caption {

	background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;

	bottom: -8px;

	color: #fff;

	padding: 10px;

	position: absolute;

	width: 100%;

}



/*

 * 1.19 -> owl carousel 

 * -----------------------------------------------

*/

.owl-theme .owl-nav.disabled+.owl-dots {

	margin-top: 10px;

}



.owl-theme .owl-dots {

	text-align: center;

	-webkit-tap-highlight-color: transparent;

}



.owl-theme .owl-dots .owl-dot {

	display: inline-block;

	zoom: 1;

	*display: inline;

}



.owl-theme .owl-dots .owl-dot span {

	width: 9px;

	height: 9px;

	margin: 5px 7px;

	opacity: 0.25;

	background: #212121;

	display: block;

	-webkit-transition: all 0.4s;

	transition: all 0.4s;

	border-radius: 30px;

	border: 1px solid #fff;

}



.owl-theme .owl-dots .owl-dot.active span,

.owl-theme .owl-dots .owl-dot:hover span {

	background: #111;

	opacity: 1;

}



.owl-controls {

	margin: 0;

}



.owl-controls .owl-nav>div {

	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);

	border-radius: 0;

	color: #fff;

	display: block;

	margin: 0;

	padding: 0;

	position: absolute;

	top: 40%;

	-webkit-transition: all .4s ease 0s;

	-moz-transition: all .4s ease 0s;

	-ms-transition: all .4s ease 0s;

	-o-transition: all .4s ease 0s;

	transition: all 0.4s ease 0s;

	z-index: 6;

}



.owl-controls .owl-nav .owl-prev {

	left: -30px;

}



.owl-carousel:hover .owl-controls .owl-nav .owl-prev {

	left: 0px;

}



.owl-controls .owl-nav .owl-next {

	right: -30px;

}



.owl-carousel:hover .owl-controls .owl-nav .owl-next {

	right: 0px;

}



.owl-controls .owl-nav .owl-prev i,

.owl-controls .owl-nav .owl-next i {

	color: #fff;

	font-size: 40px;

}



/*

 * 1.20 -> Owl fullwidth carousel 

 * -----------------------------------------------

*/



.fullwidth-carousel .owl-controls .owl-nav>div {

	top: 45%;

	padding: 15px;

}



.fullwidth-carousel .carousel-item {

	min-height: 720px;

	width: 100%;

}



.fullwidth-carousel .owl-controls .owl-nav .owl-prev i,

.fullwidth-carousel .owl-controls .owl-nav .owl-next i {

	font-size: 50px;

}



.fullwidth-carousel.blog-fullwidth-carousel .carousel-item {

	height: 600px;

	min-height: auto;

	width: 100%;

}



.fullwidth-carousel.blog-fullwidth-carousel .owl-controls .owl-nav>div {

	background: none;

}



/*

 * 1.21 -> swiper slider 

 * -----------------------------------------------

*/

.swiper-container {

	width: 100%;

	height: 300px;

	margin-left: auto;

	margin-right: auto;

}



.swiper-slide {

	background-size: cover;

	background-position: center;

}



.swiper-photogallery-top,

.swiper-fullscreen {

	height: 100%;

	width: 100%;

}



.swiper-photogallery-thumbs {

	height: 100px;

	box-sizing: border-box;

	padding: 10px 0;

	position: absolute;

	bottom: 0;

}



.swiper-photogallery-thumbs .swiper-slide {

	width: 100px;

	height: 100%;

	opacity: 0.4;

}



.swiper-photogallery-thumbs .swiper-slide-active,

.swiper-photogallery-thumbs .swiper-slide:hover {

	opacity: 1;

}



.swiper-container .swiper-button-prev,

.swiper-container .swiper-button-next {

	background: none;

}



.swiper-container .swiper-button-prev:before,

.swiper-container .swiper-button-next:before {

	font-family: "Pe-icon-7-stroke";

	content: '\e686';

	background: rgba(0, 0, 0, 0.6);

	color: #fff;

	font-size: 48px;

	position: absolute;

}



.swiper-container .swiper-button-prev:before {

	left: 0;

}



.swiper-container .swiper-button-next:before {

	content: '\e684';

	right: 0;

}



.swiper-slide .vertical-text {

	text-align: center;

	font-size: 18px;

	position: absolute;

	top: 40%;

}



.swiper-lazyload-slider .swiper-slide img {

	width: auto;

	height: auto;

	max-width: 100%;

	max-height: 100%;

	-ms-transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	position: absolute;

	left: 50%;

	top: 50%;

}



/*

 * 1.22 -> lightbox 

 * -----------------------------------------------

*/

.lightbox .lb-dataContainer {

	left: 0;

	position: absolute;

	right: 0;

	top: -45px;

}



/*

 * 1.23 -> Top Search Bar

 * -----------------------------------------------

*/

#top-search-bar {

	background: #eee;

}



#top-search-bar form {

	position: relative;

}



#top-search-bar .form-control {

	background: #eee;

	border: none;

	box-shadow: none;

	font-size: 18px;

	height: 72px;

	margin: 0;

	width: 100%;

}



#top-search-bar .search-close {

	background: none repeat scroll 0 0 transparent;

	border: medium none;

	color: #999;

	cursor: pointer;

	font-size: 14px;

	height: 40px;

	line-height: 38px;

	margin-top: -20px;

	outline: medium none;

	overflow: hidden;

	position: absolute;

	right: 1px;

	top: 50%;

	width: 42px;

}



#top-search-bar button i {

	color: #777;

}



/*

 * 1.24 -> Minimal layout

 * -----------------------------------------------

*/

.minimal-layout {

	padding-bottom: 50px;

	padding-top: 50px;

}



.minimal-layout .container {

	max-width: 1040px;

	padding-left: 50px;

	padding-right: 50px;

}



.minimal-layout .header,

.minimal-layout .main-content,

.minimal-layout .footer {

	background: none repeat scroll 0 0 #fff;

	margin: 0 auto;

	max-width: 1040px;

}



.minimal-layout .header {

	margin-bottom: 15px;

}



.minimal-layout .header .navbar-default {

	background-color: #fff;

	border-color: #fff;

	padding: 0;

}



.minimal-layout .header .navbar-default .navbar-nav>li>a {

	padding: 30px 5px;

}



.minimal-layout .header .navbar-default .navbar-collapse {

	background-color: #fff;

	border-color: #fff;

	margin-right: 30px;

}



.minimal-layout .header #header-logo {

	margin: 0;

	padding-top: 27px;

}



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

	.minimal-layout .header .navbar-default .navbar-nav>li>a {

		padding: 10px;

	}



	.minimal-layout {

		padding-top: 0;

	}



	.minimal-layout .navbar-header {

		padding: 15px 0;

	}



	.minimal-layout .header .navbar-default .navbar-collapse {

		margin-right: 15px;

	}



	.minimal-layout .navbar-collapse .navbar-nav li a .caret {

		margin-right: 0;

	}

}



/*

 * 1.25 -> Multi Row Clearfix

 * -----------------------------------------------

*/

.multi-row-clearfix .col-xs-6:nth-child(2n + 3) {

	clear: left;

}



.multi-row-clearfix .col-xs-4:nth-child(3n + 4) {

	clear: left;

}



.multi-row-clearfix .col-xs-3:nth-child(4n + 5) {

	clear: left;

}



.multi-row-clearfix .col-xs-2:nth-child(6n + 7) {

	clear: left;

}



.multi-row-clearfix .col-xs-1:nth-child(12n + 13) {

	clear: left;

}



@media (min-width: 768px) {



	/* reset previous grid */

	.multi-row-clearfix .col-xs-6:nth-child(2n + 3) {

		clear: none;

	}



	.multi-row-clearfix .col-xs-4:nth-child(3n + 4) {

		clear: none;

	}



	.multi-row-clearfix .col-xs-3:nth-child(4n + 5) {

		clear: none;

	}



	.multi-row-clearfix .col-xs-2:nth-child(6n + 7) {

		clear: none;

	}



	.multi-row-clearfix .col-xs-1:nth-child(12n + 13) {

		clear: none;

	}



	/* clear first in row for small columns */

	.multi-row-clearfix .col-sm-6:nth-child(2n + 3) {

		clear: left;

	}



	.multi-row-clearfix .col-sm-4:nth-child(3n + 4) {

		clear: left;

	}



	.multi-row-clearfix .col-sm-3:nth-child(4n + 5) {

		clear: left;

	}



	.multi-row-clearfix .col-sm-2:nth-child(6n + 7) {

		clear: left;

	}



	.multi-row-clearfix .col-sm-1:nth-child(12n + 13) {

		clear: left;

	}

}



@media (min-width: 992px) {



	/* reset previous grid */

	.multi-row-clearfix .col-sm-6:nth-child(2n + 3) {

		clear: none;

	}



	.multi-row-clearfix .col-sm-4:nth-child(3n + 4) {

		clear: none;

	}



	.multi-row-clearfix .col-sm-3:nth-child(4n + 5) {

		clear: none;

	}



	.multi-row-clearfix .col-sm-2:nth-child(6n + 7) {

		clear: none;

	}



	.multi-row-clearfix .col-sm-1:nth-child(12n + 13) {

		clear: none;

	}



	/* clear first in row for medium columns */

	.multi-row-clearfix .col-md-6:nth-child(2n + 3) {

		clear: left;

	}



	.multi-row-clearfix .col-md-4:nth-child(3n + 4) {

		clear: left;

	}



	.multi-row-clearfix .col-md-3:nth-child(4n + 5) {

		clear: left;

	}



	.multi-row-clearfix .col-md-2:nth-child(6n + 7) {

		clear: left;

	}



	.multi-row-clearfix .col-md-1:nth-child(12n + 13) {

		clear: left;

	}

}



@media (min-width: 1200px) {



	/* reset previous grid */

	.multi-row-clearfix .col-md-6:nth-child(2n + 3) {

		clear: none;

	}



	.multi-row-clearfix .col-md-4:nth-child(3n + 4) {

		clear: none;

	}



	.multi-row-clearfix .col-md-3:nth-child(4n + 5) {

		clear: none;

	}



	.multi-row-clearfix .col-md-2:nth-child(6n + 7) {

		clear: none;

	}



	.multi-row-clearfix .col-md-1:nth-child(12n + 13) {

		clear: none;

	}



	/* clear first in row for large columns */

	.multi-row-clearfix .col-lg-6:nth-child(2n + 3) {

		clear: left;

	}



	.multi-row-clearfix .col-lg-4:nth-child(3n + 4) {

		clear: left;

	}



	.multi-row-clearfix .col-lg-3:nth-child(4n + 5) {

		clear: left;

	}



	.multi-row-clearfix .col-lg-2:nth-child(6n + 7) {

		clear: left;

	}



	.multi-row-clearfix .col-lg-1:nth-child(12n + 13) {

		clear: left;

	}

}



/*

 * 2.0 -> Preloader

 * -----------------------------------------------

*/

#preloader {

	background-color: #FFF;

	width: 100%;

	height: 100%;

	position: fixed;

	z-index: 100000;

}



#spinner {

	position: absolute;

	height: 45px;

	width: 45px;

	top: 50%;

	border-radius: 100%;

	-webkit-animation: rotation 1s infinite linear;

	-moz-animation: rotation 1s infinite linear;

	-o-animation: rotation 1s infinite linear;

	animation: rotation 1s infinite linear;

	left: 50%;

	margin-left: -17px;

	margin-top: -17px;

}



#spinner:before {

	content: "";

	display: block;

	position: absolute;

	height: 100%;

	width: 100%;

	border-top: 1px solid #ddd;

	border-left: 1px solid #ddd;

	border-bottom: 1px solid #888;

	border-right: 1px solid #ddd;

	border-radius: 100%;

}



@-webkit-keyframes rotation {

	from {

		-webkit-transform: rotate(0deg);

	}



	to {

		-webkit-transform: rotate(359deg);

	}

}



@-moz-keyframes rotation {

	from {

		-moz-transform: rotate(0deg);

	}



	to {

		-moz-transform: rotate(359deg);

	}

}



@-o-keyframes rotation {

	from {

		-o-transform: rotate(0deg);

	}



	to {

		-o-transform: rotate(359deg);

	}

}



@keyframes rotation {

	from {

		transform: rotate(0deg);

	}



	to {

		transform: rotate(359deg);

	}

}



/*  

 * 3.0 -> Elements

 * -----------------------------------------------

*/

/*  

 * 3.1  -> Accordion

 * -----------------------------------------------

*/

.panel-group .panel {

	box-shadow: none;

	-webkit-border-radius: 0 0 0 0;

	-moz-border-radius: 0;

	-ms-border-radius: 0 0 0 0;

	border-radius: 0 0 0 0;

	border: none;

	margin-bottom: 0;

	position: relative;

}



.panel-group .panel-title {

	font-size: 1.1667em;

	line-height: 20px;

}



.panel-group .panel-title:hover a,

.panel-group .panel-title:focus a {

	color: #333;

}



.panel-group .panel-title a {

	background: rgba(238, 238, 238, 0.7);

	display: block;

	margin-bottom: 15px;

	padding: 10px 30px;

	white-space: normal;

}



.panel-group .panel-title a.active {

	background: #ddd;

	color: #111;

}



.panel-group .panel-title a::after {

	color: #777;

	content: "\f107";

	font-family: fontawesome;

	font-size: 16px;

	position: absolute;

	right: 15px;

}



.panel-title a.active::after {

	color: #333;

	content: "\f106";

}



.panel-group .panel-title a.active .open-sub:after {

	display: none;

}



.panel-group .panel-title .open-sub {

	display: block;

	position: relative;

}



.panel-group .panel-title .open-sub:before,

.panel-group .panel-title .open-sub:after {

	content: "";

	display: block;

	position: absolute;

}



.panel-group .panel-title .open-sub:before {

	height: 1px;

	top: 50%;

	margin-top: -.5px;

	left: 50%;

}



.panel-group .panel-title .open-sub:after {

	width: 1px;

	left: 50%;

	margin-left: -.5px;

	top: 50%;

}



.panel-group .panel-content {

	padding: 10px 30px 20px;

}



.panel-group .panel-content>:last-child {

	margin-bottom: 0;

}



/* Toggle */

.panel-group.toggle .panel-heading {

	padding: 0;

	border-bottom: 0;

	border-top-left-radius: 0;

	border-top-right-radius: 0;

}



.panel-group.toggle .panel-heading+.panel-collapse>.panel-body,

.panel-group.toggle .panel-heading+.panel-collapse>.list-group {

	border-top: none;

}



.panel-group.toggle .panel-body {

	padding: 10px 0 5px 25px;

}



.panel-group.accordion.style2 .panel-title a,

.panel-group.toggle.style2 .panel-title a {

	background: none;

	border: 1px solid #ddd;

}



/*

 * 3.2  -> Funfact

 * -----------------------------------------------

*/

.funfact {

	border-right: 1px solid #ddd;

	padding-right: 25px;

	text-align: right;

}



.funfact.no-border {

	border-right: 0;

}



.funfact i {

	font-size: 45px;

}



.funfact h2 {

	position: relative;

}



.funfact h2:after {

	bottom: 0;

}



.funfact span {

	color: #999;

	font-size: 18px;

}



.funfact.style2 {

	text-align: center;

}



/*

 * 3.3  -> Working Process

 * -----------------------------------------------

*/

.working-process {

	border: 1px solid #777;

	margin: 0 auto 30px;

	overflow: hidden;

	padding: 25px;

	position: relative;

	text-align: center;

}



.working-process i {

	color: #fff;

	font-size: 45px;

}



.working-process .step {

	color: #777 !important;

}



.working-process .title {

	color: #777 !important;

}



.working-process span {

	bottom: 0;

	font-size: 100px;

	height: 100px;

	line-height: 100px;

	opacity: 0.1;

	position: absolute;

	right: 0;

	-webkit-transform: rotate(-25deg);

	-moz-transform: rotate(-25deg);

	-o-transform: rotate(-25deg);

	transform: rotate(-25deg);

	-webkit-transition: all .3s linear 0s;

	-moz-transition: all .3s linear 0s;

	-o-transition: all .3s linear 0s;

	transition: all .3s linear 0s;

	width: 100px;

	z-index: 3;

}



/* working process style two*/

.working-process.style-two {

	background: #fff;

	border: 1px solid #111;

	padding: 25px 25px 70px;

	text-align: center;

}



.working-process.style-two span {

	background: none repeat scroll 0 0 #ddd;

	color: #fff;

	font-size: 42px;

	height: 48px;

	left: -15px;

	line-height: 42px;

	opacity: 1;

	position: absolute;

	-webkit-transform: rotate(0deg);

	-moz-transform: rotate(0deg);

	-o-transform: rotate(0deg);

	transform: rotate(0deg);

	top: -15px;

	width: 48px;

	z-index: 3;

}



/*

 * 3.4  -> Icon Box

 * -----------------------------------------------

*/

.icon-box {

	margin-bottom: 60px;

	text-align: center;

}



.icon-box.dark {

	background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;

	padding: 30px 15px 20px 30px;

}



.icon-box.dark i {

	color: #fff;

	font-size: 38px;

	padding-top: 5px;

}



.icon-box.dark .heading {

	font-family: "Raleway", sans-serif;

	font-weight: 100;

	letter-spacing: 3px;

	padding-bottom: 5px;

}



.icon-box.dark p {

	color: #999;

	font-family: 'Raleway', sans-serif;

	font-size: 13px;

}



.icon-box .icon {

	display: inline-block;

	text-align: center;

	-webkit-transition: all .2s ease 0s;

	-moz-transition: all .2s ease 0s;

	-ms-transition: all .2s ease 0s;

	-o-transition: all .2s ease 0s;

	transition: all .2s ease 0s;

}



.icon-box i {

	display: inline-block;

	font-size: 48px;

	-webkit-transition: all .2s ease 0s;

	-moz-transition: all .2s ease 0s;

	-ms-transition: all .2s ease 0s;

	-o-transition: all .2s ease 0s;

	transition: all .2s ease 0s;

}



.icon-box i[class*="pe-7s-"] {

	vertical-align: text-bottom;

}



.icon-box.left {

	text-align: left;

}



.icon-box.left a {

	margin-right: 30px;

	padding: 0;

}



/* icon box boxed */

.icon-box.boxed {

	background-color: #ddd;

	margin: 0;

	padding: 30px;

}



.icon-box.boxed .heading {

	color: #111;

}



.icon-box.boxed .icon {

	border: 1px solid #eee;

	height: 60px;

	line-height: 65px;

	margin-bottom: 30px;

	margin-top: 10px;

	padding-right: 0;

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	transform: rotate(45deg);

	width: 60px;

}



.icon-box.boxed:hover .icon {

	background: #111;

	border-color: transparent;

	box-shadow: 0 0 0 10px rgba(160, 160, 160, 0.25);

}



.icon-box.boxed i {

	font-size: 30px;

}



.icon-box.boxed:hover i {

	color: #fff;

}



.icon-box.boxed.darker {

	background-color: #222;

}



.icon-box.boxed.darker .heading {

	color: #fff;

}



.icon-box.boxed.darker i {

	color: #fff;

}



.icon-medium {

	font-size: 36px;

	padding: 20px;

}



.icon-large {

	font-size: 48px;

	padding: 20px;

}



/*icons*/

.es-icon.es-icon-small {

	font-size: 12px;

	padding: 0 10px 0 0;

}



.es-icon.icon-white {

	color: #fff;

}



.es-icon.es-icon-medium {

	font-size: 32px;

	height: 32px;

	line-height: 1;

	width: auto;

}



.es-icon.es-icon-large {

	font-size: 64px;

	height: 64px;

	line-height: 1;

	width: auto;

}



/*

 * 3.5  -> Pie Charts

 * -----------------------------------------------

*/

.piechart-block {

	margin: 0 auto;

	max-width: 250px;

	position: relative;

	text-align: center;

}



.piechart-block h4 {

	margin-top: 25px;

}



.piechart-block .piechart {

	min-height: 116px;

}



.piechart-block .percent {

	font-size: 30px;

	left: 0;

	position: absolute;

	right: 0;

	top: 28%;

	z-index: 100;

}



.piechart-block .percent:after {

	content: "%";

	font-size: 30px;

}



/*

 * 3.6  -> Progress Bars

 * -----------------------------------------------

*/

.progress-item {

	margin-top: 20px;

}



.progress-item .progress {

	background-color: #f9f9f9;

	box-shadow: 0 0 1px rgba(0, 0, 0, 0.4) inset;

	border-radius: 0;

	height: 10px;

	margin-bottom: 15px;

	overflow: visible;

}



.progress-item .progress-bar {

	background: #111;

	font-size: 11px;

	padding-left: 10px;

	position: relative;

	text-align: left;

	width: 0;

	line-height: 18px;

	-webkit-transition: all 1s ease 0s;

	-moz-transition: all 1s ease 0s;

	-ms-transition: all 1s ease 0s;

	-o-transition: all 1s ease 0s;

	transition: all 1s ease 0s;

}



.progress-item .progress-bar .percent {

	background: none repeat scroll 0 0 #777;

	border-radius: 8px 0 0;

	padding: 3px 5px;

	position: absolute;

	right: 0;

	top: -30px;

}



.progress-item.style2 .progress {

	height: 25px;

}



.progress-item.style2 .progress-bar .percent {

	background: none;

	color: #111;

	font-size: 14px;

}



.progress-item.progress-white .progress {

	padding: 2px;

}



/*

 * 3.7  -> Pricing Tables

 * -----------------------------------------------

*/

.pricing-table {

	background: none repeat scroll 0 0 #fff;

	border: 1px solid #ddd;

	margin-bottom: 30px;

	padding: 5px 40px 0;

	position: relative;

	text-align: center;

}



.pricing-table.featured {

	border: 1px solid #111;

}



.pricing-table .table-price {

	color: #111;

	font-size: 60px;

	line-height: 1.2;

	font-family: "Open Sans", sans-serif;

	margin: 30px 0;

}



.pricing-table .table-price span {

	color: #777;

	display: block;

	font-size: 13px;

}



.pricing-table .table-list {

	list-style: outside none none;

	padding: 0;

}



.pricing-table .table-list li {

	border-bottom: 1px solid #e8e9ea;

	font-size: 13px;

	padding: 10px 0;

}



.pricing-table .btn {

	margin-right: 0;

}



.pricing-table.style2 .table-title {

	color: #111;

	border-bottom: 1px solid #e8e9ea;

	font-size: 20px;

	padding: 15px 0;

}



.pricing-table.style2 .table-list li {

	border-bottom: 0;

}



/*

 * 3.8 -> Tabs

 * -----------------------------------------------

*/

.tab-content {

	padding: 15px;

	border: 1px solid #ddd;

}



.nav-tabs {

	border: none;

}



.nav-tabs>li {

	float: left;

	margin-bottom: -1px;

}



.nav-tabs>li>a {

	border-radius: 0;

	font-family: 'Open Sans', sans-serif;

	font-size: 12px;

	color: #777;

	padding: 12px 20px;

	margin-right: 0;

}



.nav-tabs>li>a .fa {

	margin-right: 10px;

}



.nav-tabs>li.active>a,

.nav-tabs>li.active>a:hover,

.nav-tabs>li.active>a:focus {

	color: #111;

	background-color: #f8f8f8;

	border-radiun: 0;

}



.nav-tabs>li>a:hover,

.nav-tabs>li>a:focus {

	color: #333;

	background-color: transparent;

	border-radiun: 0;

}



.nav-tabs>li>a i {

	font-size: 32px;

	margin-right: 20px;

	vertical-align: middle;

}



/* horizontal-tab */

.horizontal-tab .nav-tabs>li {

	text-align: center;

}



.horizontal-tab .nav-tabs>li>a i {

	display: block;

	font-size: 48px;

	margin-right: 0;

	margin-bottom: 10px;

	vertical-align: middle;

}



/* horizontal-tab Fullwide */

.horizontal-tab.fullwide .nav-tabs>li {

	width: 20%;

}



/* vertical nav-tabs */

.vertical-tab {}



.vertical-tab .tab-content {

	padding: 5px 5px 20px 20px;

	border: none;

}



.vertical-tab .nav-tabs>li {

	float: none;

	margin-bottom: 0;

}



.vertical-tab .nav-tabs>li>a {

	background: none;

	border-radius: 0;

	border-bottom: 1px solid #ddd;

	border-right: 1px solid #ddd;

	border-top: 1px solid transparent;

	border-left: 1px solid transparent;

	font-size: 14px;

	padding: 30px 0 30px 15px;

}



.vertical-tab .nav-tabs>li:first-child>a {

	border-top: 1px solid #ddd !important;

}



.vertical-tab .nav-tabs>li:last-child>a {

	border-bottom: 1px solid transparent;

}



.vertical-tab .nav-tabs>li.active>a,

.vertical-tab .nav-tabs>li.active>a:hover,

.vertical-tab .nav-tabs>li.active>a:focus {

	background: none;

	border-top: 1px solid transparent;

	border-left: 1px solid transparent;

	border-right: 1px solid transparent;

	border-bottom: 1px solid #ddd;

}



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

	.vertical-tab .tab-content {

		padding: 20px 5px;

	}



	.nav-tabs>li>a {

		border-radius: 0;

		border-bottom: none;

		border-left: 2px solid #ddd;

	}



	.nav-tabs>li.active>a,

	.nav-tabs>li.active>a:hover,

	.nav-tabs>li.active>a:focus {

		border-bottom: none;

		border-left: 2px solid #ddd;

	}

}



/*

 * 3.9 -> Team Members

 * -----------------------------------------------

*/

.team-member {

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 20px;

	max-width: 300px;

	text-align: center;

}



.team-member .member-thumb {

	margin-bottom: 15px;

	overflow: hidden;

	position: relative;

}



.team-member .overlay {

	padding: 20px;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	-webkit-transition: all .3s ease 0s;

	-moz-transition: all .3s ease 0s;

	-ms-transition: all .3s ease 0s;

	-o-transition: all .3s ease 0s;

	transition: all .3s ease 0s;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



.team-member:hover .overlay,

.team-member.js-active .overlay {

	background: rgba(0, 0, 0, 0.8);

}



.team-member:hover .overlay.white,

.team-member.js-active .overlay.white {

	background: rgba(255, 255, 255, 0.8);

}



.team-member .overlay .social,

.team-member .overlay .member-info,

.team-member .overlay p {

	color: #fff;

	left: 0;

	margin: 15px;

	opacity: 0;

	position: absolute;

	right: 0;

	top: 40%;

	-webkit-transition: all .3s ease 0s;

	-moz-transition: all .3s ease 0s;

	-ms-transition: all .3s ease 0s;

	-o-transition: all .3s ease 0s;

	transition: all .3s ease 0s;

}



.team-member:hover .overlay .social,

.team-member.js-active .overlay .social {

	opacity: 1;

	top: 50%;

}



.team-member .overlay .social li a {

	display: inline-block;

	font-size: 18px;

	height: 35px;

	line-height: 35px;

	width: 35px;

}



.team-member .overlay .social li i {

	color: #fff;

	font-size: 18px;

}



.team-member:hover .overlay .member-info,

.team-member.js-active .overlay .member-info {

	opacity: 1;

	top: 20%;

}



.team-member .member-info .title {

	color: #777;

	margin-bottom: 15px;

}



.team-member .overlay .member-info .name,

.team-member .overlay .member-info .title {

	color: #fff;

}



.team-member:hover .overlay p,

.team-member.js-active .overlay p {

	opacity: 1;

	top: 30%;

}



/*

 * 3.10 -> Testimonials

 * -----------------------------------------------

*/

.static-testimonial .testimonial-thumb img {

	border-radius: 25%;

	width: 110px;

}



.static-testimonial .featured-testimonial {

	background-color: #eee;

}



.static-testimonial .featured-testimonial .testimonial-thumb img {

	border-radius: 0;

	width: 100%;

}



.static-testimonial .testimonial-details {

	padding: 0 0 0 15px;

	margin-bottom: 30px;

}



.static-testimonial .featured-testimonial .testimonial-details {

	margin-top: 45px;

	padding-left: 60px;

}



.static-testimonial .featured-testimonial .testimonial-details p {

	font-size: 18px;

	line-height: 29px;

	position: relative;

}



.testimonial-carousel.style2 .content p {

	font-size: 15px;

	font-weight: 400;

	font-family: 'Open Sans', sans-serif;

}



.static-testimonial .featured-testimonial .testimonial-details p:before {

	content: "\f10d";

	font-family: fontawesome;

	font-size: 48px;

	left: -55px;

	top: -10px;

	position: absolute;

}



.static-testimonial .other-testimonials {

	background: #f9f9f9;

}



.static-testimonial .other-testimonials .testimonial-details h4 {

	text-align: right;

	margin-top: 20px;

	color: #111;

}



.static-testimonial .other-testimonials .testimonial-details p {

	text-align: left;

	position: relative;

}



.static-testimonial .other-testimonials .testimonial-details p:before {

	content: "\f10d";

	font-family: fontawesome;

	font-size: 18px;

	left: -25px;

	top: 0;

	position: absolute;

}



/*

 * 3.11 -> Testimonial-Carousel

 * -----------------------------------------------

*/

.testimonial-carousel {

	text-align: center;

}



.testimonial-carousel .quote,

.testimonial-carousel .thumb {

	margin-bottom: 40px;

}



.testimonial-carousel .quote i {

	background: #412152;

	border-radius: 50%;

	color: #fff;

	font-size: 25px;

	height: 60px;

	line-height: 1;

	padding: 20px 0 0;

	text-align: center;

	width: 60px;

}



.testimonial-carousel .author {

	margin-top: 30px;

	text-transform: uppercase;

}



.testimonial-carousel.owl-theme .owl-controls {

	margin-top: 30px;

}



.testimonial-carousel.style2 .content p:after {

	content: "\f10e";

	font-family: fontawesome;

	font-size: 100px;

	left: 45%;

	opacity: 0.1;

	position: absolute;

}



.testimonial-carousel.bullet-white .owl-page span {

	background: #fff;

}



.testimonial-carousel .owl-item img {

	display: inline-block;

	width: auto;

	max-width: 90px;

}



/*

 * 3.12 -> Countdown timer

 * -----------------------------------------------

*/

#countdown {

	display: inline-block;

	margin: 0;

	padding: 0;

}



#countdown li {

	display: inline-block;

	float: left;

	width: auto;

}



#countdown span {

	font-size: 15px;

	font-style: normal;

	font-weight: 400;

	text-transform: uppercase;

}



#countdown input {

	font-weight: 400 !important;

	font-size: 30px !important;

}



#countdown li div {

	display: block !important;

}



/*

 * 3.13 -> Form

 * -----------------------------------------------

*/

.input-group-lg>.form-control,

.input-group-lg>.input-group-addon,

.input-group-lg>.input-group-btn>.btn {

	font-size: 14px;

}



.form-control {

	border-radius: 0;

	box-shadow: none;

}



label {

	font-weight: normal;

}



.form-control:focus,

form input[type="text"]:focus,

form input[type="email"]:focus,

form input[type="number"]:focus,

form input[type="url"]:focus,

form input[type="search"]:focus,

form input[type="tel"]:focus,

form input[type="password"]:focus,

form input[type="date"]:focus,

form input[type="color"]:focus,

form select:focus,

form textarea:focus {

	color: #111;

	border-color: rgba(0, 0, 0, .5);

	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);

	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2);

	box-shadow: 0 0 3px rgba(0, 0, 0, .2);

	outline: none;

}



/*

 * 3.14 -> Twitter

 * -----------------------------------------------

*/

.twitter-feed.twitter-carousel {

	color: #111;

	font-size: 20px;

}



.twitter-feed.twitter-carousel a {

	color: #111;

}



.twitter-feed .date {

	color: #777;

}



.twitter-feed.twitter-white,

.twitter-feed.twitter-white a {

	color: #fff;

}



/*

 * 3.15 -> Horizontal Timeline

 * -----------------------------------------------

*/

.horizontal-timeline {

	background-color: #fafafa;

	border: 1px solid #f8f8f8;

	padding: 50px 40px;

	margin: 15px 0;

	-webkit-transition: background-color .3s;

	transition: background-color .3s;

}



.horizontal-timeline:hover {

	background-color: #f3f3f3;

	border-color: #ddd;

}



.horizontal-timeline i {

	clear: left;

	color: rgba(0, 0, 0, 0.05);

	float: left;

	font-size: 60px;

	margin-right: 20px;

	-webkit-transition: all .2s ease 0s;

	-moz-transition: all .2s ease 0s;

	-ms-transition: all .2s ease 0s;

	-o-transition: all .2s ease 0s;

	transition: all .2s ease 0s;

}



.horizontal-timeline:hover i {

	color: rgba(0, 0, 0, 0.3);

}



.horizontal-timeline>h3 {

	margin-top: 0;

}



.horizontal-timeline .period {

	float: right;

	margin-bottom: 30px;

}



.horizontal-timeline .period span {

	color: #777;

	display: inline-block;

	padding: 15px 20px 15px 0;

}



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

	.horizontal-timeline {

		padding: 25px;

	}



	.horizontal-timeline .period {

		float: none;

	}

}



/**

 * 3.16 -> Mailchimp

 * -----------------------------------------------

*/

.newsletter-form input {

	background-color: #fff;

	background-image: none;

	border: 1px solid #ddd;

	border-radius: 5px !important;

	height: 45px;

}



.newsletter-form button.btn {

	display: flex;

	justify-content: center;

	align-items: center;

	border-radius: 5px !important;

	height: 45px;

	margin: 0;

	padding-top: 10px;

	width: 100%;

}



.newsletter-form .form-control:focus {

	box-shadow: none;

}



.newsletter-form {

	background: rgba(255, 255, 255, 0.8);

	padding: 15px;

}



.subscribed {

	background: rgba(191, 153, 65, 0.7);

	padding: 15px;
	
	border-radius: 25px;

}



/* mailchimp signup form*/

#mailchimp-signup-form {

	background-color: rgba(0, 0, 0, 0.50);

	border-radius: 0px;

	margin-top: 40px;

	padding: 25px;

}



#mailchimp-signup-form h4 {

	color: #fff;

	font-weight: 300;

	letter-spacing: 1px;

	margin-bottom: 30px;

	text-transform: uppercase;

}



#mailchimp-signup-form .form-control {

	border: 1px solid #999;

	border-radius: 6px;

	height: 50px;

	margin-bottom: 20px;

}



#mailchimp-signup-form input[type="text"],

#mailchimp-signup-form input[type="email"] {

	background-color: #f0f0f0;

	-webkit-transition: all 300ms ease 0s;

	-moz-transition: all 300ms ease 0s;

	-ms-transition: all 300ms ease 0s;

	-o-transition: all 300ms ease 0s;

	transition: all 300ms ease 0s;

}



#mailchimp-signup-form p {

	color: #fff;

}



#mailchimp-signup-form .btn {

	text-transform: uppercase;

	width: 100%;

}



#mailchimp-signup-form .btn:hover {

	color: #fff;

}



/*

 * 3.17 -> Heading

 * -----------------------------------------------

*/

.esc-heading {

	margin: 15px auto;

	overflow: hidden;

	position: relative;

	text-align: center;

}



.esc-heading.uppercase h2,

.esc-heading.uppercase h3,

.esc-heading.uppercase h4,

.esc-heading.uppercase span {

	text-transform: uppercase;

}



.esc-heading span {

	padding: 0 20px;

	position: relative;

	z-index: 5;

}



.esc-heading.lr-line span::after,

.esc-heading.lr-line span::before {

	border-top: 1px solid #ddd;

	content: "";

	display: inline-block;

	height: 5px;

	margin-top: 1px;

	position: absolute;

	top: 50%;

	width: 1200px;

}



.esc-heading.lr-line span::after {

	left: 100%;

	margin-left: 15px;

}



.esc-heading.lr-line span::before {

	margin-right: 15px;

	right: 100%;

}



.esc-heading.center-heading {

	margin: 15px auto;

	max-width: 100%;

}



.esc-heading.lr-line.center-heading span::after,

.esc-heading.lr-line.center-heading span::before {

	margin: 0 -10px;

	max-width: 35px;

}



/* right heading */

.esc-heading.right-heading {

	text-align: right;

}



/* left heading */

.esc-heading.left-heading {

	text-align: left;

}



.esc-heading.left-heading span {

	padding-left: 0;

}



.esc-heading.lr-line.left-heading span::after,

.esc-heading.lr-line.left-heading span::before {

	margin: 0 -10px;

	max-width: none;

}



.esc-heading.lr-line.left-heading span::before {

	border: 0;

}



/* fancy */

.esc-heading.fancy span {

	border: 2px solid #000;

	color: #000;

	display: inline-block;

	letter-spacing: 2px;

	padding: 10px 30px;

	text-transform: uppercase;

}



/* border-bottom */

.esc-heading.border-bottom::after {

	background-color: #ddd;

	bottom: 0;

	content: "";

	display: block;

	height: 2px;

	left: 0;

	margin: 0 auto;

	position: absolute;

	right: 0;

	width: 69px;

}



.esc-heading.border-bottom.left-heading::after {

	margin-left: 0;

}



.esc-heading.border-bottom.right-heading::after {

	margin-right: 0;

}



/* esc-heading */

.esc-heading.small-border span {

	padding: 0;

}



.esc-heading.small-border span:before,

.esc-heading.small-border span:after {

	background: #ccc;

	content: "";

	height: 1px;

	position: absolute;

	left: 0;

	width: 38px;

}



.esc-heading.small-border span:before {

	top: -6px;

}



.esc-heading.small-border span:after {

	bottom: -6px;

}



/*

 * 3.18 -> Call-to-action

 * -----------------------------------------------

*/

.call-to-action {

	text-align: left;

}



.call-to-action .icon {

	float: left;

	margin-right: 20px;

}



.call-to-action .icon i {

	font-size: 72px;

}



/*

 * 3.19 -> hover effect

 * -----------------------------------------------

*/

.box-hover-effect {

	position: relative;

	float: left;

	overflow: hidden;

	margin: 0 0 20px;

	width: 100%;

	text-align: center;

}



.box-hover-effect img {

	position: relative;

	display: block;

	max-height: 100%;

	max-width: 100%;

	opacity: 1;

}



.box-hover-effect .overlay {

	padding: 20px;

	color: #fff;

	text-transform: uppercase;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	-webkit-transition: all .3s ease 0s;

	-moz-transition: all .3s ease 0s;

	-ms-transition: all .3s ease 0s;

	-o-transition: all .3s ease 0s;

	transition: all .3s ease 0s;

}



.box-hover-effect .overlay:hover {

	background: rgba(0, 0, 0, 0.85);

}



.box-hover-effect .overlay.white:hover {

	background: rgba(255, 255, 255, 0.95);

}



.box-hover-effect .overlay::before,

.box-hover-effect .overlay::after {

	pointer-events: none;

}



.box-hover-effect .overlay,

.box-hover-effect .overlay>a {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



/* Anchor will cover the whole item by default */

/* For some effects it will show as a button */

.box-hover-effect .overlay>a {

	z-index: 1000;

	text-indent: 200%;

	white-space: nowrap;

	font-size: 0;

	opacity: 0;

}



.box-hover-effect .overlay .title {

	color: #fff;

}



.box-hover-effect .overlay .title span {

	font-weight: 800;

}



.box-hover-effect .overlay .title,

.box-hover-effect .overlay .para {

	margin: 0;

}



.box-hover-effect .overlay .para {

	color: #ccc;

	letter-spacing: 1px;

	font-size: 80%;

}



.box-hover-effect .overlay .entry-meta {

	bottom: 10px;

	font-size: 70%;

	opacity: 0;

	position: absolute;

	width: 85%;

	-webkit-transition: all .3s ease 0s;

	-moz-transition: all .3s ease 0s;

	-ms-transition: all .3s ease 0s;

	-o-transition: all .3s ease 0s;

	transition: all .3s ease 0s;

}



.box-hover-effect .overlay:hover .entry-meta {

	opacity: 1;

}



.box-hover-effect .overlay .entry-meta.top {

	top: 10px;

}



.box-hover-effect .overlay .entry-meta i {

	color: #fff;

}



.box-hover-effect .overlay .entry-meta i {

	color: #fff;

}



.box-hover-effect .overlay .icons {

	left: 0;

	opacity: 0;

	position: absolute;

	text-align: center;

	top: 40%;

	width: 100%;

	-webkit-transition: all .3s ease 0s;

	-moz-transition: all .3s ease 0s;

	-ms-transition: all .3s ease 0s;

	-o-transition: all .3s ease 0s;

	transition: all .3s ease 0s;

}



.box-hover-effect .overlay:hover .icons {

	opacity: 1;

}



.box-hover-effect .overlay:hover .icons i {

	color: #fff;

}



.box-hover-effect .overlay:hover .icons.twin i {

	padding: 10px;

}



.box-hover-effect .overlay:hover .icons.bordered i {

	border: 1px solid #fff;

}



.box-hover-effect .overlay:hover .icons.bordered i.text-black {

	border-color: #000;

}



/* Individual effects */



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

/***** effect1 *****/

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



.box-hover-effect.effect1 img {

	max-width: none;

	width: 100%;

}



.box-hover-effect.effect1 .overlay {

	text-align: left;

}



.box-hover-effect.effect1 .title,

.box-hover-effect.effect1 .para {

	-webkit-transform: translate3d(0, 20px, 0);

	transform: translate3d(0, 20px, 0);

}



.box-hover-effect.effect1 .title {

	-webkit-transition: -webkit-transform 0.35s;

	transition: transform 0.35s;

}



.box-hover-effect.effect1 .para {

	margin-top: 10px;

	color: rgba(255, 255, 255, 0.8);

	opacity: 0;

	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;

	transition: opacity 0.2s, transform 0.35s;

}



.box-hover-effect.effect1:hover img,

.box-hover-effect.effect1:hover .para {

	opacity: 1;

}



.box-hover-effect.effect1:hover img,

.box-hover-effect.effect1:hover .title,

.box-hover-effect.effect1:hover .para {

	-webkit-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

}



.box-hover-effect.effect1:hover .para {

	-webkit-transition-delay: 0.05s;

	transition-delay: 0.05s;

	-webkit-transition-duration: 0.35s;

	transition-duration: 0.35s;

}



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

/***** effect2 *****/

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

.box-hover-effect.effect2 img {

	max-width: none;

	width: 100%;

}



.box-hover-effect.effect2 .overlay::before {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	content: '';

	opacity: 0;

}



.box-hover-effect.effect2 .overlay:hover {

	background: rgba(0, 0, 0, 0.5);

}



.box-hover-effect.effect2 .overlay.white:hover {

	background: rgba(255, 255, 255, 0.5);

}



.box-hover-effect.effect2 .overlay.white::before {}



.box-hover-effect.effect2 .title {

	font-size: 20px;

	position: absolute;

	top: 30px;

	left: 0;

	width: 100%;

	-webkit-transition: all .3s ease 0s;

	-moz-transition: all .3s ease 0s;

	-ms-transition: all .3s ease 0s;

	-o-transition: all .3s ease 0s;

	transition: all .3s ease 0s;

}



.box-hover-effect.effect2 .overlay::before,

.box-hover-effect.effect2 .para {

	-webkit-transition: all .3s ease 0s;

	-moz-transition: all .3s ease 0s;

	-ms-transition: all .3s ease 0s;

	-o-transition: all .3s ease 0s;

	transition: all .3s ease 0s;

}



.box-hover-effect.effect2 .para {

	position: absolute;

	bottom: 0;

	left: 0;

	padding: 2em;

	width: 100%;

	opacity: 0;

}



.box-hover-effect.effect2:hover .title {

	color: #fff;

}



.box-hover-effect.effect2:hover .overlay::before,

.box-hover-effect.effect2:hover .para {

	opacity: 1;

	-webkit-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

}



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

/***** effect3 *****/

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

.box-hover-effect.effect3 {

	background: #42b078;

}



.box-hover-effect.effect3 img {

	max-width: none;

	-webkit-transition: all .3s ease 0s;

	-moz-transition: all .3s ease 0s;

	-ms-transition: all .3s ease 0s;

	-o-transition: all .3s ease 0s;

	transition: all .3s ease 0s;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

}



.box-hover-effect.effect3 img {

	max-width: none;

	-webkit-transition: all .3s ease 0s;

	-moz-transition: all .3s ease 0s;

	-ms-transition: all .3s ease 0s;

	-o-transition: all .3s ease 0s;

	transition: all .3s ease 0s;

}



.box-hover-effect.effect3:hover img {

	opacity: 0.4;

}



.box-hover-effect.effect3 .overlay {

	text-align: left;

}



.box-hover-effect.effect3 .title {

	position: relative;

	overflow: hidden;

	padding: 0.5em 0;

}



.box-hover-effect.effect3 .title::after {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 1px;

	background: #fff;

	content: '';

	-webkit-transition: all .3s ease 0s;

	-moz-transition: all .3s ease 0s;

	-ms-transition: all .3s ease 0s;

	-o-transition: all .3s ease 0s;

	transition: all .3s ease 0s;

}



.box-hover-effect.effect3 .title.text-black::after {

	background: #888;

}



.box-hover-effect.effect3:hover .title::after {

	-webkit-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

}



.box-hover-effect.effect3 .para {

	padding: 1em 0;

	opacity: 0;

	-webkit-transition: all .3s ease 0s;

	-moz-transition: all .3s ease 0s;

	-ms-transition: all .3s ease 0s;

	-o-transition: all .3s ease 0s;

	transition: all .3s ease 0s;

	-webkit-transform: translate3d(100%, 0, 0);

	transform: translate3d(100%, 0, 0);

}



.box-hover-effect.effect3:hover .para {

	opacity: 1;

	-webkit-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

}



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

/***** effect4 *****/

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



.box-hover-effect.effect4:hover {

	background: #111;

}



.box-hover-effect.effect4 img,

.box-hover-effect.effect4 .title {

	-webkit-transition: -webkit-transform 0.35s;

	transition: transform 0.35s;

}



.box-hover-effect.effect4 img {

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

}



.box-hover-effect.effect4 .title,

.box-hover-effect.effect4 .para {

	position: absolute;

	bottom: 0;

	left: 0;

	padding: 20px;

}



.box-hover-effect.effect4 .para {

	text-transform: none;

	font-size: 90%;

	line-height: 1.1;

	text-align: left;

	opacity: 0;

	-webkit-transition: all .3s ease 0s;

	-moz-transition: all .3s ease 0s;

	-ms-transition: all .3s ease 0s;

	-o-transition: all .3s ease 0s;

	transition: all .3s ease 0s;

	-webkit-transform: translate3d(0, 50px, 0);

	transform: translate3d(0, 50px, 0);

}



.box-hover-effect.effect4:hover img {

	-webkit-transform: translate3d(0, -80px, 0);

	transform: translate3d(0, -80px, 0);

}



.box-hover-effect.effect4:hover .title {

	-webkit-transform: translate3d(0, -100px, 0);

	transform: translate3d(0, -100px, 0);

}



.box-hover-effect.effect4:hover .para {

	opacity: 1;

	-webkit-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

}



/*

 * 4.0 -> Header

 * -----------------------------------------------

*/

.header .navbar-default {

	background: none repeat scroll 0 0 #ffffff;

	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);

	border-radius: 0;

	margin-bottom: 0;

	min-height: 60px;

	-webkit-transition: all 0.4s ease 0s;

	-moz-transition: all 0.4s ease 0s;

	-ms-transition: all 0.4s ease 0s;

	-o-transition: all 0.4s ease 0s;

	transition: all 0.4s ease 0s;

}



.header .navbar-default .navbar-nav li a {

	font-family: 'Arial', sans-serif;

	font-size: 16px;

	letter-spacing: 0;

}



.header .navbar-default .navbar-nav>li>a {

	color: #777;

	font-size: 14px;

	margin: 0 10px;

	padding: 20px 5px;

	text-transform: uppercase;

}



.header .navbar-default .navbar-nav>li>a:hover,

.header .navbar-default .navbar-nav>li>a:focus,

.header .navbar-default .navbar-nav>li>a.active {

	color: #111;

}



/*.header .navbar-default .navbar-nav>li>a:after {

	top: 10px;

	content: "";

	height: 1px;

	left: 0;

	right: 0;

	margin: 0 auto;

	position: absolute;

	width: 0;

	-webkit-transition: all .2s ease 0s;

	-moz-transition: all .2s ease 0s;

	-ms-transition: all .2s ease 0s;

	-o-transition: all .2s ease 0s;

	transition: all .2s ease 0s;

}*/



.header .navbar-default .navbar-nav>li>a:hover:after {

	width: 100%;

}



.header .navbar-default a.current:after {

	background: #777;

	bottom: 0;

	content: "";

	height: 2px;

	left: 0;

	right: 0;

	margin: 0 auto;

	width: 100% !important;

}



.navbar-default .navbar-nav>.open>a,

.navbar-default .navbar-nav>.open>a:hover,

.navbar-default .navbar-nav>.open>a:focus {

	background: transparent;

	border-color: transparent;

}



.header .navbar-default .navbar-nav li a i {

	color: #111;

	margin-right: 5px;

}



.header .navbar-default .navbar-nav li .badge {

	background-color: rgba(255, 255, 255, 0.5);

}



/* navbar-toggle */

.header .navbar-default .navbar-toggle {

	background: none !important;

}



.header .navbar-default .navbar-toggle .icon-bar {

	background-color: #111;

}



/* navbar-brand */

.header .navbar-brand {

	color: #111;

	font-size: 36px;

	font-family: 'Open Sans', sans-serif;

	padding-top: 15px;

}



.header .navbar-brand>img {

	max-height: 100px;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

}



.navbar-animated .navbar-brand>.logo-dark {

	display: none;

}



.header .navbar-animated {

	padding-bottom: 15px;

	padding-top: 15px;

}



.header .navbar-animated.animated-active {

	padding-bottom: 0;

	padding-top: 0;

}



.navbar-default .caret {

	border: none;

	margin: 0;

	vertical-align: middle;

	width: auto;

	display: inline;

}



/* navbar-dark */

.header .navbar-dark .navbar-toggle .icon-bar {

	background-color: #fff;

}



.header .navbar-dark,

.header .navbar-dark.animated-active {

	background-color: rgba(67, 33, 86, 0.95);

	border: none;

}



.header .navbar-dark li a,

.header .navbar-dark li i {

	color: #ddd !important;

}



.header .navbar-dark .navbar-nav>li>a:hover,

.header .navbar-dark .navbar-nav>li>a:focus,

.header .navbar-dark .navbar-nav>li>a.active {

	color: #fff !important;

}



.header .navbar-dark .navbar-nav li .badge {

	background-color: rgba(255, 255, 255, 0.5) !important;

}



.header .navbar-dark .dropdown-menu {

	background-color: rgba(17, 17, 17, 1);

}



.header .navbar-dark .dropdown ul li a:hover {

	background-color: rgba(255, 255, 255, 1) !important;

	color: #111 !important;

}



.header .navbar-dark .dropdown-menu {

	border-color: #111;

}



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

	.header .navbar-dark .navbar-collapse .navbar-nav li a {

		border-bottom: 1px solid #222;

	}



	.header .navbar-dark .navbar-nav {

		background: none repeat scroll 0 0 #111;

	}



	.header .navbar-dark li a:hover,

	.header .navbar-dark li.dropdown.open>a {

		background-color: rgba(136, 136, 136, 0.4);

		border-bottom-color: #777;

	}

}



/* navbar-fixed-top */

.header .navbar-default.navbar-fixed-top {

	opacity: 0.98;

}



/* navbar-transparent */

.header .navbar-transparent {

	background: none repeat scroll 0 0 transparent;

	border: none;

	box-shadow: none;

}



.header .navbar-transparent .navbar-nav>li>a,

.header .navbar-transparent .navbar-nav>li>a i {

	color: #fff;

}



.header .navbar-transparent .navbar-nav li .badge {

	background-color: rgba(255, 255, 255, 0.5) !important;

}



/* navbar-center */

.navbar.navbar-center .navbar-nav {

	display: inline-block;

	float: none;

}



.navbar.navbar-center .navbar-collapse {

	text-align: center;

}



/* Custom Responsive Top Nav */

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



	.navbar-default .navbar-nav>.open>a,

	.navbar-default .navbar-nav>.open>a:hover,

	.navbar-default .navbar-nav>.open>a:focus {

		background: #eee;

		border-color: #aaa;

	}



	.navbar-fixed-top .navbar-collapse,

	.navbar-fixed-bottom .navbar-collapse {

		max-height: 400px;

		overflow-y: scroll !important;

		overflow-x: hidden !important;

	}



	.navbar-header {

		float: none;

	}



	.navbar-left,

	.navbar-right {

		float: none !important;

	}



	.navbar-toggle {

		display: block;

		color: #FFF;

	}



	.navbar-collapse {

		border-top: 1px solid transparent;

		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);

	}



	.navbar-collapse.collapse {

		display: none !important;

	}



	#navbar,

	.navbar-toggle {

		border: none !important;

		box-shadow: none !important;

	}



	.navbar-default .navbar-toggle:hover,

	.navbar-default .navbar-toggle:focus {

		background-color: #333;

	}



	.navbar-nav {

		margin-top: 7.5px;

		background: #fff;

	}



	.navbar-collapse.collapse.in {

		display: block !important;

	}



	.header-nav .navbar .nav li {

		float: none;

	}



	.header .navbar-default .navbar-nav>li>a {

		margin: 0;

		padding: 10px;

	}



	.header-nav .navbar .nav>li>.dropdown-menu {

		border: none;

		box-shadow: none;

		position: relative;

		float: none;

	}



	/* navbar-center */

	.navbar.navbar-center .navbar-nav {

		display: block;

		float: none;

	}



	.navbar.navbar-center .navbar-collapse {

		text-align: left;

	}

}



/*

 * 4.1 -> Dropdown menu

 * -----------------------------------------------

*/

.navbar-nav .dropdown-menu {

	border: 1px solid #eee;

	border-radius: 0;

	box-shadow: none;

	left: 0;

	margin: 0;

	min-width: 200px;

	padding: 0;

	right: auto;

}



.header .navbar-default .dropdown ul li a:hover {

	background-color: #eee;

	color: #111;

	text-decoration: none;

}



.header .navbar-default .dropdown-menu>li>a:hover,

.header .navbar-default .dropdown-menu>li>a:focus {

	background: #111;

	color: #777;

}



.header .navbar-default .dropdown-menu li i {

	color: #777;

	font-size: 14px;

}



.navbar-nav .dropdown-menu li a {

	padding: 8px 15px;

	font-weight: 300;

	white-space: normal;

}



.navbar-nav .dropdown-menu li ul {

	left: 100%;

	right: auto;

	top: 0;

}



@media only screen and (min-width : 992px) {

	.navbar-nav .dropdown:hover>ul {

		display: block;

	}

}



.navbar-nav .dropdown-menu .divider {

	background: #ddd;

}



.navbar-nav .dropdown-menu.multi-column {

	padding-left: 0;

}



.navbar-nav .dropdown-menu.multi-column li[class*=col-] {

	padding-left: 0;

	padding-right: 0;

}



.navbar-nav .dropdown-menu.last-child {

	left: auto;

	right: 0;

}



.navbar-nav .dropdown-menu.multi-column.columns-2 {

	min-width: 360px;

}



.navbar-nav .dropdown-menu.multi-column.columns-3 {

	min-width: 540px;

}



.navbar-nav .dropdown-menu.multi-column.columns-4 {

	min-width: 720px;

	left: -180px;

}



.navbar-nav .dropdown-menu.multi-column.move-left {

	left: -180px;

}



.navbar-nav .dropdown-menu.multi-column .multi-title>a {

	font-weight: bold;

	min-height: 35px;

}



.navbar-nav .dropdown-menu.multi-column .multi-title>a:hover {

	background: none !important;

}



.navbar-nav .dropdown-menu.multi-column .multi-column-dropdown {

	list-style: none;

	padding: 0;

}



.navbar-nav .dropdown-menu.multi-column .multi-column-dropdown li a {

	clear: both;

	color: #333;

	display: block;

	font-size: 13px;

	line-height: 1.428571429;

	white-space: normal;

}



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

	.navbar-nav .dropdown-menu.multi-column {

		left: 0 !important;

	}



	.navbar-nav .dropdown-menu .dropdown-menu {

		display: block;

		float: none;

		left: 10px;

		position: relative;

	}



	.navbar-nav .dropdown-menu li a .caret-right {

		display: none !important;

	}



	.navbar-collapse .navbar-nav li a {

		border-bottom: 1px solid #eee;

	}



	.navbar-collapse .navbar-nav li a .caret {

		color: #111;

		float: right;

		margin-right: 25px;

	}

}



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

	.navbar-nav .dropdown-menu.multi-column.columns-4 {

		left: auto;

	}



	.navbar-nav .dropdown-menu.multi-column.move-left {

		left: auto;

	}



	.navbar-collapse .navbar-nav li a .caret {

		margin-right: 15px;

	}

}



/* inner-sticky-wrapper */

.header .inner-sticky-wrapper {

	height: 80px;

}



/*

 * 4.2 -> Vertical Header

 * -----------------------------------------------

*/

.vertical-header .header {

	border-right: 1px solid #eee;

	width: 260px;

	position: fixed;

	top: 0;

	left: 0;

	height: 100%;

	background: #ffffff;

	z-index: 101;

	padding: 60px 30px 20px;

	-webkit-transition: none;

	-moz-transition: none;

	-ms-transition: none;

	-o-transition: none;

	transition: none;

}



.vertical-header .header .navbar-header {

	float: none;

	margin-bottom: 50px;

}



.vertical-header .header .navbar-default {

	background-color: transparent;

	border-color: transparent;

	box-shadow: none;

}



.vertical-header .header .navbar-default a.current::after {

	background: transparent;

}



.vertical-header .header .navbar-brand>img {

	max-height: none;

}



.vertical-header .header .navbar-brand {

	height: auto;

	padding-left: 0;

	padding-right: 0;

}



.vertical-header .header .navbar-nav {

	float: none;

}



.vertical-header .header .navbar-nav>li {

	float: none;

}



.vertical-header .header .navbar-default .navbar-nav li a {

	font-size: 12px;

}



.vertical-header .header .navbar-default .navbar-nav>li>a {

	font-size: 14px;

	margin: 0;

	padding: 7px 0;

}



.vertical-header .header .navbar-default .navbar-nav .dropdown .dropdown-menu {

	box-shadow: none;

	border: none;

	float: none;

	padding: 0;

	position: relative;

	width: 100%;

	max-height: 0;

	overflow: hidden;

	-webkit-transition: all .9s cubic-bezier(0.55, 0, .175, 1) !important;

	-moz-transition: all .9s cubic-bezier(0.55, 0, .175, 1) !important;

	-ms-transition: all .9s cubic-bezier(0.55, 0, .175, 1) !important;

	-o-transition: all .9s cubic-bezier(0.55, 0, .175, 1) !important;

	transition: all .9s cubic-bezier(0.55, 0, .175, 1) !important;

	display: block !important;

	visibility: visible;

}



.vertical-header .header.text-center .navbar-default .navbar-nav .dropdown .dropdown-menu {

	text-align: center;

}



.vertical-header .header .navbar-default .navbar-nav .dropdown:hover .dropdown-menu {

	max-height: 700px;

}



.vertical-header .header .navbar-default .navbar-collapse {

	padding: 0;

}



.vertical-header .main-content,

.vertical-header .footer {

	margin-left: 260px;

	padding-top: 0;

}



.vertical-header .container {

	max-width: 940px;

}



@media only screen and (min-width : 992px) {

	.vertical-header .header.text-center #header-logo {

		width: 100%;

	}



	.vertical-header .header.text-center #header-logo img {

		display: inline-block;

	}

}



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

	.vertical-header .container {

		width: 100%;

		

	}

	#home.divider .container {

		margin-top: 10px;

	}

}



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

	.vertical-header .header {

		border: 0;

		height: 80px;

		padding: 0 15px;

		position: relative;

		width: 100%;

	}



	.vertical-header .header .navbar-header {

		margin-bottom: 0;

	}



	.vertical-header .header .navbar-default {

		background: none repeat scroll 0 0 #ffffff;

		box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);

		height: 80px;

		left: 0;

		opacity: 0.96;

		position: fixed;

		right: 0;

		top: 0;

		z-index: 1050;

	}



	.vertical-header .main-content,

	.vertical-header .footer {

		margin-left: 0;

		padding-top: 0;

	}



	.vertical-header .header #header-logo {

		padding-bottom: 0;

	}



	.vertical-header .header #header-logo img {

		height: 50px;

		width: auto;

	}



	.vertical-header .header .navbar-nav {

		padding: 0 15px;

	}

}



/*

 * 4.3 -> Menu full page

 * -----------------------------------------------

*/

.menu-full-page .header #menu li {

	padding: 5px 0;

}



.menu-full-page .header #menu li a {

	background: none;

	display: inline;

	font-size: 28px;

	text-transform: none;

}



.menu-full-page .header #menu ul ul {

	margin-top: 0;

}



.menu-full-page .header #menu ul ul li {

	padding: 3px 0;

}



.menu-full-page .header #menu ul ul li a {

	font-size: 12px;

}



.menu-full-page .header ul li.dropdown .dropdown-menu {

	background: none;

	box-shadow: none;

	border: none;

	float: none;

	padding: 0;

	position: relative;

	max-height: 0;

	overflow: hidden;

	-webkit-transition: all .9s cubic-bezier(0.55, 0, .175, 1) !important;

	-moz-transition: all .9s cubic-bezier(0.55, 0, .175, 1) !important;

	-ms-transition: all .9s cubic-bezier(0.55, 0, .175, 1) !important;

	-o-transition: all .9s cubic-bezier(0.55, 0, .175, 1) !important;

	transition: all .9s cubic-bezier(0.55, 0, .175, 1) !important;

	display: block !important;

	visibility: visible;

}



.menu-full-page .header ul li.dropdown:hover .dropdown-menu {

	max-height: 700px;

}



/*

 * 5.0 -> Section: Home

 * -----------------------------------------------

*/

#home {

	overflow: hidden;

}



#home.revslider-fullscreen {

	min-height: auto;

}



.home-content {

	display: table;

	height: 100%;

	position: relative;

	width: 100%;

	z-index: 1;

}



.home-text {

	display: table-cell;

	height: 100%;

	vertical-align: middle;

}



#home h1 {

	font-family: 'Raleway', sans-serif;

	font-weight: 100;

	margin-top: 0;

}



#home h1 span {

	font-weight: 500;

}



#home h5 {

	letter-spacing: 2px;

	line-height: 1.5em;

	text-transform: capitalize;

}



.letter-space-0 {

	letter-spacing: 0px;

}



.letter-space-1 {

	letter-spacing: 1px;

}



.letter-space-2 {

	letter-spacing: 2px;

}



.letter-space-5 {

	letter-spacing: 5px;

}



.letter-space-10 {

	letter-spacing: 10px;

}



.letter-space-15 {

	letter-spacing: 15px;

}



/* home revolution slider for minimal layouts */

.minimal-revslider-wrapper {

	left: 0 !important;

	width: 100% !important;

}



.minimal-revslider-wrapper .tp-leftarrow {

	left: 0 !important;

}



.minimal-revslider-wrapper .tp-rightarrow {

	right: 0 !important;

}



/*

 * 6.0 -> Section: Welcome To Escope

 * -----------------------------------------------

*/

p.text-large {

	font-size: 18px;

	line-height: 29px;

	max-width: 100%;

}



/*

 * 7.0 -> Section: Portfolio

 * -----------------------------------------------

*/

.masonry-filters {

	margin-bottom: 40px;

	text-align: center;

}



.masonry-filters li a {

	border: 1px solid transparent;

	color: #777;

	display: inline-block;

	float: none;

	font-size: 16px;

	font-weight: 400;

	line-height: normal;

	margin-right: 5px;

	outline: medium none;

	padding: 5px 15px;

}



.masonry-filters li a.active,

.masonry-filters li a:hover {

	border-color: #111;

	color: #111;

}



#works .masonry-items .masonry-item {

	cursor: url(../images/cursor.png) 30 30, crosshair;

}



.masonry-items {

	width: 120%;

}



.masonry-items .masonry-item {

	width: 24.98%;

	float: left;

	overflow: hidden;

}



/*

 * 7.1 -> Megafolio Pro Gallery

 * -----------------------------------------------

*/

.megafolio-container,

.megafolio-container-splash {

	width: 100%;

	position: relative;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

}



.filter_wrapper {

	background: none;

	max-width: unset !important;

	text-align: center;

}



.filter_wrapper .filter {

	border: 1px solid transparent;

	color: #777;

	display: inline-block;

	float: none;

	font-size: 16px;

	font-weight: 400;

	line-height: normal;

	margin-right: 5px;

	outline: medium none;

	padding: 5px 15px;

}



.filter_wrapper .filter.active {

	border-color: #111;

	color: #111;

}



.megafolio-container .mega-hoverlink,

.megafolio-container .mega-hoverview {

	background: none;

	border: 0;

	height: auto;

	padding: 5px 8px;

	width: auto;

}



.megafolio-container .mega-hoverlink i,

.megafolio-container .mega-hoverview i {

	color: #fff;

	font-size: 22px;

}



.gallerycaption-bottom {

	font-weight: 400;

}



.mega-hover.alone .mega-hoverlink {

	margin-right: -16px !important;

}



/*

 * 8.0 -> Divider: Client Logos

 * -----------------------------------------------

*/

.clients-logo .item {

	background: none repeat scroll 0 0 #f9f9f9;

	border-color: transparent;

	box-shadow: 0 0 0 10px rgba(255, 255, 255, 1);

	margin-bottom: 30px;

	padding: 15px;

	-webkit-transition: all .3s ease 0s;

	-moz-transition: all .3s ease 0s;

	-ms-transition: all .3s ease 0s;

	-o-transition: all .3s ease 0s;

	transition: all .3s ease 0s;

}



.clients-logo .item img {

	max-height: 90px;

	width: auto;

	display: inline;

}



.clients-logo.style2 .item {

	box-shadow: none;

}



.clients-logo.style2 .item img {

	max-height: 120px;

}



.carousel {

	text-align: center;

}



.clients-logo.carousel .item {

	box-shadow: none;

	margin: 0 10px;

}



/*

 * 9.0 -> Section: Blog Posts

 * -----------------------------------------------

*/

.blog-posts .post {

	border-bottom: 1px solid #eee;

	margin-bottom: 30px;

	padding-bottom: 30px;

}



.blog-posts .entry-title {

	line-height: 1.4;

	padding-top: 15px;

}



.blog-posts .entry-date {

	background: #111;

	color: #fff;

	display: inline-block;

	float: left;

	margin-left: 40px;

	margin-right: 10px;

	padding: 10px 20px;

	text-align: center;

}



.blog-posts .entry-date .day {

	display: block;

	font-size: 36px;

}



.blog-posts .entry-date .month {

	font-size: 16px;

}



.blog-posts .post .post-thumb {

	overflow: hidden;

	position: relative;

}



.blog-posts .entry-content {

	margin-top: 15px;

	position: relative;

}



.blog-posts .entry-content .post-date,

.blog-posts .entry-content .post-visited {

	color: #a1a1a1;

	font-size: 13px;

}



.blog-posts .entry-meta {

	margin: 10px 0;

}



.blog-posts .entry-meta span i {

	margin-right: 5px;

}



.blog-posts .entry-meta span {

	font-size: 12px;

	margin-right: 15px;

}



/*

 * 10.0 -> Section: Blog Single

 * -----------------------------------------------

*/

.single-post article .entry-title {

	font-family: "Open Sans", sans-serif;

	padding: 15px 0 0;

	text-transform: capitalize;

}



.single-post article {

	border-bottom: 1px solid #ddd;

	margin-bottom: 20px;

	padding-bottom: 30px;

}



.single-post .author-details {

	border-top: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	margin: 20px 0;

	padding: 20px 0;

}



.single-post .post-share ul {

	margin-bottom: 15px;

}



.single-post .post-share ul li {

	display: inline-block;

	margin-right: 5px;

}



.single-post .post-share ul li a {

	background: none repeat scroll 0 0 #eee;

	border: 1px solid #eee;

	border-radius: 0;

}



.single-post .post-share ul li a i {

	color: #777;

}



.single-post .post-share ul li a:hover i {

	color: #111;

}



.single-post .media-heading {

	margin-bottom: 5px;

	margin-top: 0;

}



.single-post .comments-title {

	margin-bottom: 15px;

}



.single-post .comment-list {

	padding-left: 0;

}



.single-post .comment-list .comment-author {

	margin-top: 30px;

}



.single-post .comment-list h6 {

	font-family: helvetica;

}



.single-post .comment-list li {

	list-style: none;

}



.single-post .comment-list .comment-heading {

	font-size: 13px;

}



.single-post .comment-list .comment-date {

	font-size: 13px;

}



.reply-box .form-group input {

	border-radius: 0;

	height: 45px;

	margin-bottom: 30px;

}



.single-post .reply-box h4 {

	margin-bottom: 15px;

}



.single-post .reply-box .form-group input {

	border-radius: 0;

	height: 45px;

	margin-bottom: 28px;

}



.single-post .reply-box .form-group textarea {

	border-radius: 0;

}



.single-post .reply-box #comment-form button.btn {

	margin-right: 0;

}



/*

 * 11.0 -> Blog Sidebar

 * -----------------------------------------------

*/

.sidebar {}



.sidebar.left {}



.sidebar .sidebar-widget {

	margin-bottom: 30px;

	padding-bottom: 30px;

}



.sidebar-widget.about-me .author-name {

	font-size: 18px;

}



.sidebar .sidebar-widget .widget-title {

	margin-bottom: 10px;

	padding-bottom: 10px;

	border-bottom: 1px solid #eee;

	display: inline-block;

}



.sidebar .search-form .search-input {

	background: none repeat scroll 0 0 transparent;

	border: none;

	border-bottom: 1px solid #777;

	border-radius: inherit;

	box-shadow: none;

	padding-bottom: 10px;

	padding-left: 0;

	padding-top: 0;

}



.sidebar .search-form .search-button {

	background: none repeat scroll 0 0 transparent;

	border: none;

	border-bottom: 1px solid #777;

	border-radius: initial;

	margin-top: 1px;

}



.flickr-widget #flickr-feed img {

	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

	float: left;

	height: 70px;

	margin: 0 5px 5px 0;

	padding: 0;

	width: 70px;

}



.sidebar .sidebar-widget .tags a {

	border: 1px solid #e4e4e4;

	display: inline-block;

	font-size: 15px;

	margin: 5px 4px 5px -2px;

	padding: 5px 12px;

}



.sidebar .sidebar-widget ul .dropdown ul {

	margin-left: 15px;

}



.sidebar .sidebar-widget.featured-products .media .media-left {

	width: 55px;

}



.twitter-widget .twitter-feed li {

	color: #777;

	font-size: 13px;

	margin-bottom: 20px;

	padding-left: 45px;

}



.twitter-widget .twitter-feed li.item {

	position: relative;

}



.twitter-widget .twitter-feed li::after {

	content: "\f099";

	color: #888;

	font-size: 36px;

	font-family: fontawesome;

	left: 0;

	position: absolute;

	top: 0;

}



.twitter-widget .twitter-feed li a {

	color: #111;

}



.twitter-widget .twitter-feed li .date {

	color: #111;

}



.blog-pull-right {

	float: right;

}



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

	.blog-pull-right {

		float: none;

	}

}



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



	

	#home {

		min-height: 100vh;

		display: flex;

		flex-direction: column;

		justify-content: center;

	}

	#home.divider > .container {
		padding-top: 0 !important;
	}



	#home.divider .container {

		width: 100%;

		margin-top: 10px;
		
		margin-bottom: 120px;

	}



	#home h2 {

		font-size: 16px;

	}

	

	#home h3 {

		font-size: 18px;

		margin-top: 5px;

		pointer-events: none;

	}



	#home h5 {

		font-size: 18px;

		pointer-events: none;

	}



	#book h2 {

		font-size: 18px;

	}



	#book h5 {

		font-size: 24px;

	}



	#book p {

		font-size: 18px;

	}



	.bg1 {

		background-image: url("../images/bg/bg1-m.png");

	}



	.bg6 {

		background-image: url("../images/bg/blurbg-m.png");

	}


	





}







/*

 * 13.0 -> Magazine

 * -----------------------------------------------

*/

.post {

	margin-bottom: 20px;

}



.small-photo-gallery li {

	margin-bottom: 10px;

	width: 16%;

}



.post .post-date p {

	font-size: 15px;

	color: #a1a1a1;

}



.post .post-date a {

	font-size: 14px;

	color: #a1a1a1;

}



.post .post-date a:hover {

	color: #333;

}



.media-post .post-thumb {

	float: left;

	margin: 0 10px 10px 0;

}



.media-post .post-right {

	overflow: hidden;

}



.media-post .post-title a {

	color: #222;

	font-size: 13px;

	letter-spacing: 1px;

}



/*

 * 14.0 -> Section: Contact

 * -----------------------------------------------

*/

.contact-wrapper {

	padding: 50px 50px 50px 100px;

}



#contact-form .form-group {

	margin-bottom: 30px;

}



#contact-form .form-control {

	background-image: none;

	border: 1px solid #eee;

	border-radius: 0;

	box-shadow: none;

	height: 48px;

}



#contact-form .form-control2 {

	background-color: rgba(0, 0, 0, 0.8);

	color: #ccc;

}



#contact-form textarea.form-control {

	height: 110px;

	resize: none;

}



#contact-form .form-group button {

	margin-top: 0;

}



#contact-form .form-control:focus,

#contact-form .form-control:active {

	box-shadow: none;

	color: #ccc;

}


/*

*/

#contact-form-zoho .form-group {

	margin-bottom: 30px;

}



#contact-form-zoho .form-control {

	background-image: none;

	border: 1px solid #eee;

	border-radius: 0;

	box-shadow: none;

	height: 48px;

}



#contact-form-zoho .form-control2 {

	background-color: rgba(0, 0, 0, 0.8);

	color: #ccc;

}



#contact-form-zoho textarea.form-control {

	height: 110px;

	resize: none;

}



#contact-form-zoho .form-group button {

	margin-top: 0;

}



#contact-form-zoho .form-control:focus,

#contact-form-zoho .form-control:active {

	box-shadow: none;

	color: #ccc;

}

/*

*/


textarea {

	resize: none;

}



.single-post .reply-box .btn-colored {

	margin-right: 0;

}



/*

 * 15.0 -> Section: contact-info

 * -----------------------------------------------

*/

.contact-info {

	font-size: 15px;

	font-weight: 400;

}



.contact-info i {

	font-size: 20px;

}



.contact-info2 {

	padding: 20px 45px;

	background-color: rgba(0, 0, 0, 0.8);

	color: #fff;

}



.contact-info2 h1,

.contact-info2 h2,

.contact-info2 h3,

.contact-info2 h4,

.contact-info2 h5,

.contact-info2 h6,

.contact-info2 p {

	color: #fff;

}



.contact-info ul {

	margin-bottom: 25px;

	padding-left: 0;

}



.contact-info ul li {

	margin-bottom: 10px;

	list-style: none;

}



.contact-info2 a {

	color: #fff;

}



.contact-info ul li i {

	color: #fff;

	font-size: 14px;

	height: 35px;

	line-height: 35px;

	margin-right: 5px;

	text-align: center;

	width: 35px;

}



.contact-info2 ul li i {

	color: #fff;

}



.contact-info2 ul li:hover i {

	background-color: #404040;

}



/*

 * 16.0 -> Map

 * -----------------------------------------------

*/

#google_map {

	width: 100%;

	height: 400px;

	z-index: 0;

	position: relative;

	display: none;

	z-index: 200;

	opacity: .8;

}



.toggle-map {

	background: rgba(0, 0, 0, 0.7);

	color: #fff;

	cursor: pointer;

	display: block;

	font-size: 16px;

	padding: 30px 0;

	position: relative;

	text-align: center;

	text-transform: uppercase;

	width: 100%;

	z-index: 200;

	-webkit-transition: all 200ms linear;

	-moz-transition: all 200ms linear;

	-o-transition: all 200ms linear;

	-ms-transition: all 200ms linear;

	transition: all 200ms linear;

}



.toggle-map:hover {

	color: #fff;

}



.toggle-map span:after {

	content: "\f107";

	font-family: fontawesome;

	margin-left: 10px;

}



.toggle-map.open span:after {

	content: "\f106";

}



.map-canvas {

	height: 400px;

	-webkit-transition: all .3s linear 0;

	-moz-transition: all .3s linear 0;

	-ms-transition: all .3s linear 0;

	-o-transition: all .3s linear 0;

	transition: all .3s linear 0;

}



.map-canvas.big {

	height: 800px;

}



.map-canvas.map-hidden {

	height: 0;

}



.map-canvas.map-visible {}



.btn-show-map {

	color: #111;

	font-size: 18px;

	left: 0;

	margin: 0 auto;

	position: absolute;

	right: 0;

	text-align: center;

	top: 45%;

}



.btn-show-map i {

	font-size: 48px;

}



/*

 * 17.0 -> Section: Footer

 * -----------------------------------------------

*/

.footer {

	background: #3a1c48;

	padding: 30px 0;

}



.footer .share-text {

	font-family: 'Crimson Text', sans-serif;

}



#footer-logo {

	width: auto;

	display: block;

	margin: 40px 0 0;

}



#footer-logo a {

	color: #fff !important;

	display: inline-block;

	font-family: "Open Sans", sans-serif;

	font-size: 48px;

}



/* footer widgets */

.footer .footer-widget {

	margin-bottom: 30px;

}



.footer .footer-widget .widget-title {

	border-bottom: 1px solid #f5f5f5;

	padding-bottom: 10px;

}



/*

 * 18.0 -> Scroll-To-Top

 * -----------------------------------------------

*/

.scrollToTop {

	background: rgba(0, 0, 0, 0.1);

	bottom: 15px;

	display: none;

	height: 50px;

	padding: 2px;

	position: fixed;

	right: 15px;

	text-align: center;

	text-decoration: none;

	width: 50px;

	z-index: 99999;

}



.scrollToTop i {

	color: #fff;

	font-size: 42px;

}



.scrollToTop:hover {

	background: rgba(0, 0, 0, 0.6);

	text-decoration: none;

}



/*

 * 19.0 -> features-carousel

 * -----------------------------------------------

*/

.features-carousel i {

	font-size: 48px;

}



/*

 * 20.0 -> Shop

 * -----------------------------------------------

*/

/*

 * 20.1  -> Product Details Page

 * -----------------------------------------------

*/

.products .product {

	margin-left: auto;

	margin-right: auto;

	max-width: 400px;

}



.product {

	margin-bottom: 30px;

}



.product .btn-cart {

	margin-right: 0;

}



.product .product-summary .product-title {

	margin-top: 0;

}



.product .product-summary .price {

	padding: 0 0 10px;

}



.product .product-summary .price ins {

	color: #111;

	font-size: 24px;

	text-decoration: none;

}



.product .product-summary .short-description {

	margin-bottom: 15px;

}



.product .product-summary .cart-form-wrapper .btn {

	margin-top: 0;

}



.product .product-summary .cart-form-wrapper .quantity,

.tbl-shopping-cart .quantity {

	display: inline-block;

	margin-right: .8571em;

	position: relative;

	width: 4.1429em;

	vertical-align: top;

}



.product .product-summary .cart-form-wrapper .quantity .minus,

.product .product-summary .cart-form-wrapper .quantity .plus,

.tbl-shopping-cart .quantity .minus,

.tbl-shopping-cart .quantity .plus {

	background: none repeat scroll 0 0 transparent;

	border: 1px solid #ccc;

	border-radius: 3px;

	font-family: 'Open Sans', sans-serif;

	height: 18px;

	left: 2.8571em;

	line-height: 1;

	outline: medium none;

	padding: 0;

	position: absolute;

	width: 18px;

}



.product .product-summary .cart-form-wrapper .quantity .minus,

.tbl-shopping-cart .quantity .minus {

	bottom: 0;

}



.product .product-summary .cart-form-wrapper .quantity .plus,

.tbl-shopping-cart .quantity .plus {

	top: 0;

}



.product .product-summary .cart-form-wrapper .quantity .qty,

.tbl-shopping-cart .quantity .qty {

	-moz-appearance: textfield;

	height: 41px;

	padding-left: 0;

	padding-right: 0;

	text-align: center;

	width: 40px;

}



.product .product-summary .variations {

	width: 100%;

}



.product .add-to-wishlist a i {

	background: none repeat scroll 0 0 #eee;

	border-radius: 50%;

	color: #111;

	font-size: 12px;

	height: 30px;

	line-height: 30px;

	margin-right: 2px;

	text-align: center;

	-webkit-transition: all .3s ease 0s;

	-moz-transition: all .3s ease 0s;

	-ms-transition: all .3s ease 0s;

	-o-transition: all .3s ease 0s;

	transition: all .3s ease 0s;

	width: 30px;

}



.product .add-to-wishlist a:hover i {

	background: none repeat scroll 0 0 #393939;

	color: #fff;

}



.product .cart-form-wrapper {

	border-bottom: 1px solid #eee;

	border-top: 1px solid #eee;

	margin-bottom: 30px;

	padding: 30px 0;

}



.product .product-tab {

	margin-top: 30px;

}



.product .commentlist .comment {

	margin-top: 30px;

	position: relative;

}



.product .commentlist .comment .meta {

	font-size: 12px;

}



.product .commentlist .comment .author {

	font-size: 14px;

	font-weight: bold;

}



.product .product-thumb {

	position: relative;

}



.product .product-thumb .overlay {

	background: rgba(0, 0, 0, 0.6);

	opacity: 0;

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	text-align: center;

	-webkit-transition: all .3s ease 0s;

	-moz-transition: all .3s ease 0s;

	-ms-transition: all .3s ease 0s;

	-o-transition: all .3s ease 0s;

	transition: all .3s ease 0s;

}



.product .product-thumb:hover .overlay {

	opacity: 1;

}



.product .product-thumb .overlay .add-to-wishlist {

	color: #fff;

	right: 10px;

	top: 10px;

	position: absolute;

}



/* star-rating */

.star-rating {

	font-size: 14px;

	height: 16px;

	line-height: 1;

	overflow: hidden;

	position: relative;

	top: 5px;

	width: 75px;

}



.star-rating::before,

.star-rating span::before {

	color: #ededed;

	content: "";

	float: left;

	font-family: FontAwesome;

	left: 0;

	letter-spacing: 2px;

	position: absolute;

	top: 0;

}



.star-rating span {

	float: left;

	left: 0;

	overflow: hidden;

	padding-top: 1.5em;

	position: absolute;

	top: 0;

}



.star-rating span::before {

	color: #f9ac20;

}



/*

 * 20.2  -> Category Page 

 * -----------------------------------------------

*/

/* Product Style 2 */

.product.style2 .btn-cart {

	border-color: #fff;

	color: #fff;

	margin-right: 0;

}



.product.style2 .product-thumb .product-details {

	left: 0;

	opacity: 0;

	position: absolute;

	right: 0;

	top: 30%;

	color: #fff;

}



.product.style2 .product-thumb:hover .product-details {

	opacity: 1;

}



.product.style2 .product-thumb:hover .product-details h5 {

	color: #fff;

}



.product .product-details .price ins {

	margin-left: 10px;

	text-decoration: none;

}



/*

 * 20.3  -> Cart Page 

 * -----------------------------------------------

*/

.tbl-shopping-cart .product-thumbnail img {

	max-width: 72px;

	max-height: 72px;

}



.tbl-shopping-cart .product-remove {

	text-align: center;

}



.tbl-shopping-cart .variation .variation-size,

.tbl-shopping-cart .variation .variation-size span {

	font-size: 12px;

}



.tbl-shopping-cart tr th,

.tbl-shopping-cart tr td,

.tbl-shopping-cart .coupon label,

.tbl-shopping-cart .coupon input,

.tbl-shopping-cart .coupon button {

	vertical-align: middle !important;

}



.tbl-shopping-cart tr td {

	padding: 10px 12px !important;

}



/*

 * 20.4  -> Checkout Page 

 * -----------------------------------------------

*/

.payment-method .radio {

	border: 1px solid #eee;

	padding: 10px;

}



.payment-method .radio>label {

	color: #111;

	font-size: 17px;

}



.payment-method .radio input {

	margin-top: 8px;

	vertical-align: initial;

}



.payment-method .radio>p {

	margin-left: 20px;

}



#checkout-shipping-address {

	display: none;

}



/**

 * 21.0 -> Revolution Slider

 * -----------------------------------------------

 */

.tp-bullets.preview4 .bullet {

	background: #6e6867 !important;

}



/*

 * 22.0 -> Section: Opening Hourse

 * -----------------------------------------------

*/

.opening-hourse ul li {

	border-bottom: 1px solid #eee;

	padding: 10px 0;

}



.opening-hourse ul li span {

	float: left;

}



.opening-hourse ul li .value {













	float: right;

}