/*

* Theme Name: Evolve

* Author: Okathemes

* Version: 1.1



/* Table of Content

================================================== 



    01. Header

	    - Top Bar

		    - Top Bar White

			- Top Bar Light Gray

			- Top Bar Color

		- Logo

    02. Main Menu

		- Dropdown menu

		- Sub Dropdown menu

		- mega menu

		- Mobile Navigation

    03. Header Search Form

    04. Main Headings

    05. Basic Elements

	    - Title Bar

		- Tagline

		- Breadcrumbs

		- Social Icons Footer

		- Magnifying Popup

		- Flickr Widget

		- Google Maps

    06. Revolution Slider

    07. Flexslider

	08. Featured Boxes

    09. Services Boxes

    10. Portfolio With Description

	    - Hover Animations

    11. Portfolio Without Description

		- Hover Animations

    12. Portfolio Filteration

    13. Isotope Filtering

    14. Showbiz Carousel

	    - Navigation Style 1

		- Navigation Style 2

		- Navigation Style 3

		- Navigation Style 4

	15. Parallex Section

	16. Some Page Style

		- Landing Page

		- Our Team

		- Contact Details

		- 404 Pages

	17. Recent Blog Post

	18. Blog Section

	    - Blog Comments

		- Pagination

	19. Blog Timeline

	20. Tags

	21. Contact Form

	22. Elements
		- Buttons
		- Skills Graph
		- Numeric Statistic
		- Pie Chart
		- Icons & Icons Box
		- Accordation
		- Tabs
		- Tooltip	
		- Alert Boxes
		- Testimonials
		- Happy Clients
		- Dropcap
		- Highlights
		- Blockquote
		- Large Notice
		- List Styles
		- Pricing Tables 
	23. Footer



*/



/* Import Section

====================================================================== */
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css");
@import url("base.css");				/* Default Reset, Typography, Forms, etc. */
 @import url("responsive.css");			/* Responsive Grid */
 @import url("icons.css");				/* Font Awesome Icons */
 @import url("custom-fonts.css");				/* Custom Icons */
 @import url("customstyle.css");				/* Custom style */
 @import url("ss-gizmo.css");				/* Font Awesome Icons */
 @import url("http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700");
@import url("http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800");
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
/* 01 Header

================================================== */

#header { height: auto; z-index: 999; position: relative; width: 100%; box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2); background: #fff; }
#header .topbar { height: 40px; width: 100%; border-bottom: 1px solid #eceef0; background:#fff; }
#header .topbar .call { padding: 7px 0px; }
#header .topbar .call li { display: inline-block; border-left: 1px solid #eceef0; padding-left: 10px; font-size: 12px; margin-right: 5px; }
#header .topbar .call li i { font-weight: 400; }
#header .topbar .call li.first { border-left: 0px solid #eceef0; color: #fff; }
#header .topbar .social-icons li { font-size: 12px; margin: 0px; padding-bottom: 0px; height: 40px; border-left: 1px solid #eceef0; }
#header .topbar .social-icons li.last { border-right: 1px solid #eceef0; }
.ie8 #header { border-bottom: 1px solid #e9e9e9; }
/*  Topbar White  **************************************/



.topbar.white { background: #fff!important; color: #848688!important; }
/*  Topbar Light Gray  **************************************/

.topbarNavbar{ display:none}

.topbar.light { background: #f2f4f6!important; color: #848688!important; }
.topbar.light .call li, .topbar.light .social-icons li { border-left: 1px solid #e2e4e6!important; }
.topbar.light .call li.first { border-left: 0px solid #e2e4e6!important; }
/*  Top Bar Color  **************************************/



.topbar.color { background: #000; color: #f2f4f6!important; }
.topbar.color i { color: #f2f4f6!important; }
.topbar.color .social-icons li i { color: #f2f4f6!important; }
/* Logo

================================================== */

#logo { margin-top: 30px; float: left; }
#logo a img { float: left; width: auto; height: 42px; }
/* 02 Main Menu

================================================== */

.compact .menu ul > li > a { padding: 21px; }
.menu > ul > li a:hover, .menu > ul > li a#current, .menu > ul > li a.current { color: #fb5a4e !important; }
.menu > ul > li > ul > li a:hover { color: #fff !important; }
.menu-container { float: right; margin: 0 auto; }
.menu-mobile { float: left; }
.menu-mobile { display: none; padding: 20px; }
.menu-mobile:after { content: "\f0c9"; font-family: 'FontAwesome'; font-size: 1.5rem; padding: 0; float: right; position: relative; top: 50%; -webkit-transform: translateY(-25%); transform: translateY(-25%); }
/*.menu-mobile:before {
	content:'␡';
	font-family: "SSGizmo";
	font-size: 1.5rem;
	padding: 0;
	float: right;
	position: relative;
	top: 50%;
-webkit-transform: translateY(-25%);
transform: translateY(-25%);
}*/
/*.menu-dropdown-icon:before {

	content: "\f196";

	font-family: 'FontAwesome';

	display: none;

	cursor: pointer;

	float: right;

	padding:10px;

	color: #333;

}

*/.show-on-mobile > li.menu-dropdown-icon:before { content: "\f196"; font-family: 'FontAwesome'; cursor: pointer; float: right; padding: 10px; color: #333; position: absolute; right: 0; }
.show-on-mobile > li.addnew:after { content: "\f147"; font-family: 'FontAwesome'; cursor: pointer; float: right; padding: 10px; color: #333; position: absolute; top: 0; right: 0; background: #eee; }
.menu > ul { margin: 0 auto; width: 100%; list-style: none; padding: 0; position: relative; box-sizing: border-box; }
.menu > ul:before, .menu > ul:after { content: ""; display: table; }
.menu > ul:after { clear: both; }
.menu > ul > li { float: left; padding: 0; margin: 0; }
.menu > ul > li a { text-decoration: none; padding: 40px 21px; display: block; color: #2d3e52; font-size: 16px; }
.menu > ul > li > ul { display: none; background: #5074b7; padding: 0; position: absolute; z-index: 9999; margin: 0; list-style: none; box-sizing: border-box; -webkit-box-shadow: 0px 10px 10px -2px rgba(8, 8, 8, 0.5); -moz-box-shadow: 0px 10px 10px -2px rgba(8, 8, 8, 0.5); box-shadow: 0px 10px 10px -2px rgba(8, 8, 8, 0.5); width:250px }
.menu > ul > li > ul:before, .menu > ul > li > ul:after { content: ""; display: table; }
.menu > ul > li > ul:after { clear: both; }
.menu > ul > li > ul > li { margin: 0; padding-bottom: 0; list-style: none; width: 100%; background: none; float: left; }
.menu > ul > li > ul > li a { color: #fff; font-size: 15px; padding: 12px!important; width: 100%; display: block; border-bottom: 1px solid #ccc; box-sizing: border-box; font-family: 'sansation_lightlight'; }
.menu > ul > li > ul > li > ul { display: block; padding: 0; margin: 0px 0 0; list-style: none; box-sizing: border-box; }
.menu > ul > li > ul > li > ul:before, .menu > ul > li > ul > li > ul:after { content: ""; display: table; }
.menu > ul > li > ul > li > ul:after { clear: both; }
.menu > ul > li > ul > li > ul > li { float: left; width: 100%; padding: 0; margin: 0; font-size: 1em; box-sizing: border-box; }
.menu > ul > li > ul > li > ul > li a { border: 0; }
.menu > ul > li > ul.normal-sub { width: 300px; left: auto; padding: 0; }
.menu > ul > li > ul.normal-sub > li { width: 100%; box-sizing: border-box; float: left; }
.menu > ul > li > ul.normal-sub > li a { border: 0; }
.menu > ul > li > ul > li > ul > li a:hover { color: #fff !important; }

/* ––––––––––––––––––––––––––––––––––––––––––––––––––

Mobile style's

–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 960px) {
.topbarNavbar{ display:block}
.topbarNavbar .eight.columns{ width:50%}
.topbarNavbar a.link{display: block;
margin:5px ;
    text-align: center;
    padding: 5px 10px;
    border: 1px solid #24a9e1;
    border-radius: 20px;}
.menu > ul > li a:hover {
 color: #2d3e52 !important;
}
.menu-container {
 width: 100%;
}
.menu > ul {
 float: left;
}
.menu-mobileFx {
 padding: 20px 0;
 color: #5074b7;
}
.menu-mobileFx span {
padding:5px 10px;
border:1px solid #06F
}
.menu-mobile {
 padding: 27px 0;
 color: #5074b7;
}
.menu-mobileFx:hover, .menu-mobile:hover {
 color: #5074b7;
}
.menu-mobileFx, .menu-mobile {
 display: block;
 float: right;
 padding: 27px 27px;
 z-index: 99;
 position: relative;
}
.menu-dropdown-icon:before {
 display: block;
}
.menu > ul {
 display: none;
}
.menu > ul > li {
 width: 100%;
 display: block;
 border-bottom: 1px solid #ddd;
 float: left;
 position: relative;
}
.menu > ul > li > a {
 padding: 10px 0px;
 width: 100%!important;
 display: block;
 box-sizing: border-box;
 border-top: 0;
}
.menu > ul > li > a:hover {
 border-top: 0;
}
.menu > ul > li > ul > li > ul > li a {
 padding: 10px 15px !important;
}
.menu > ul > li > ul {
 position: relative;
 padding: 0px;
 box-shadow: none;
}
.menu > ul > li > ul.normal-sub {
 width: 100%;
}
.menu > ul > li > ul > li {
 float: none;
 width: 100%;
 margin-top: 0px;
}
.menu > ul > li > ul > li:first-child {
 margin: 0;
}
.menu > ul > li > ul > li > ul {
 position: relative;
 margin: 0;
}
.menu > ul > li > ul > li > ul > li {
 float: none;
 padding: 0;
 border-bottom: 1px solid #fff;
 background: none;
}
.menu .show-on-mobile {
 display: block;
 width: 92%;
 margin:0 4%;
}
.menu > ul > li > ul.normal-sub > li {
 border-bottom: 1px solid #fff;
}
.menu > ul > li > ul.normal-sub > li a {
 padding: 10px 15px!important;
}
}

/* Mobile Navigation

================================================== */



@media only screen and (max-width: 767px) {
#mobile-navigation {
 display: block;
}
#responsive, .search-container {
 display: none;
}
#header {
 z-index: 999;
 background-color: #fff;
 height: 105px;
 margin-top: 0;
 position: fixed;
 width: 100%;
}
body {
 padding-top: 0;
}
#header #logo {
 width: auto;
 left: 0;
 right: 0;
 position: absolute;
 margin: 0 auto;
 margin-top: 28px;
 z-index: 99;
}
a.menu-trigger {
 color: #a0a5aa;
 display: block;
 font-size: 18px;
 float: left;
 background: #fff;
 z-index: 100;
 position: relative;
}
.search-trigger {
 color: #a0a5aa;
 display: block;
 font-size: 18px;
 float: right;
 cursor: pointer;
 background: #fff;
 z-index: 100;
 position: relative;
}
#menu-search {
 display: none;
}
#menu-search input {
 float: left;
 box-shadow: none;
 border: 0;
 font-size: 16px;
 color: #a0a5aa;
 background: none;
 width: 50%;
 padding: 27px 0 23px 0;
}
a.menu-trigger, .search-trigger {
 padding: 25px 30px;
}
a.menu-trigger {
 padding-left: 0;
}
.search-trigger {
 padding-right: 0;
}
#menu-search input:focus {
 color: #848688;
}
 #menu-search input::-webkit-input-placeholder {
 color: #a0a5aa;
 opacity: 1;
}
 #menu-search input::-moz-placeholder {
 color: #a0a5aa;
 opacity: 1;
}
 #menu-search input:-ms-input-placeholder {
 color: #a0a5aa;
 opacity: 1;
}
 #menu-search input:focus::-webkit-input-placeholder {
 color: #848688;
 opacity: 1;
}
 #menu-search input:focus::-moz-placeholder {
 color: #848688;
 opacity: 1;
}
 #menu-search input:focus:-ms-input-placeholder {
 color: #848688;
 opacity: 1;
}
.jPanelMenu-panel {
 -webkit-box-shadow: 3px 0 20px 0 rgba(0, 0, 0, 0.28);
 box-shadow: 3px 0 20px 0 rgba(0, 0, 0, 0.28);
}
}
#jPanelMenu-menu #current { border-bottom: 1px solid #eee; }
#jPanelMenu-menu #current:after, #jPanelMenu-menu .sf-sub-indicator { display: none; }
#jPanelMenu-menu li a { display: block; padding: 12px 20px !important; background-color: #f4f6f8; border-bottom: 1px solid #eceef0; color: #848688; font-weight: 500; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; font-weight: 500; outline: none; }
#jPanelMenu-menu li a:hover { background-color: #f4f6f8; }
#jPanelMenu-menu li li a { background-color: #fff; padding-left: 30px !important; }
/* 03 Header Search Form

================================================== */



#header-search-button { padding: 40px 0 0 0; font-size: 18px; text-align: center; float: right; }
.search-button a, .search-button:active, .search-button:visited { display: inline-block; color: #2d3e52; transition: color 0.3s ease }
.search-button:hover { }
#header-search-panel { height: 125px; background: #fff; display: none; position: absolute; left: 0; top: 0; z-index: 999; width: 100%; max-width: 100%; }
#header-search-panel .container { max-width: 1600px; padding: 0 40px }
#header-search { width: 100%; border: 0; height: 50px!important; padding-top: 7px; padding-bottom: 7px; line-height: 36px!important; font-size: 36px; font-weight: 300; color: #b9bec3; letter-spacing: 0px; border-bottom: 0px solid rgba(0, 0, 0, 0.05)!important; background: transparent!important; position: absolute; left: 0; padding-left: 20px; top: 35px; vertical-align: middle; -webkit-font-smoothing: antialiased }
#header-search:focus { outline: none!important; color: #b9bec3; }
#header-search-panel .fake-submit-button { position: absolute; left: 0; top: 48px; height: 30px; line-height: 30px; width: 50px; display: inline-block; text-align: left; font-size: 30px; color: #b9bec3; padding-right: 20px; overflow: hidden; transition: color 0.3s ease-in-out }
#header-search-panel input[type="submit"] { opacity: 0!important; filter: alpha(opacity=0)!important; width: 50px; height: 30px; overflow: hidden; padding: 0; text-indent: -9999px; position: absolute; left: 0; top: 0; z-index: 999; }
#header-search-panel .search > div { position: relative; width: 100%; height: 90px; min-height: 90px; transition: border-color 0.3s ease; color: #2d3237; }
#header-search-panel .close-search { color: #b9bec3; cursor: pointer; width: 40px; line-height: 32px; font-size: 40px; height: 40px; position: absolute; right: 0; top: 48px; text-align: center; opacity: 0; transition: opacity 0.2s ease; display: inline-block; z-index: 12; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
#header-search-panel .close-search:hover { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); }
#header-search-panel .search > div .close-search { opacity: 1 }
#header-search-panel .search > div:hover .fake-submit-button { color: #3498db }
/* 04 Headings

================================================== */

.main-headline h3 { font-size: 40px; text-align: center; font-weight: 300; color: #2d3237; margin-top: 30px; float: left; width: 100%; margin-bottom: 10px; line-height: 40px; font-family: 'Roboto', sans-serif; font-weight: 500; }
.main-headline p { font-size: 16px; text-align: center; line-height: 18px; color: #2d3237; }
.main-headline h3.color-white { color: #fff; }
.headline { font-size: 20px; font-weight: 600; padding-right: 10px; letter-spacing: 1px; }
.brd-headling { border-bottom: 3px solid #eceef0; width: 22px; float: left; margin: 0 0 25px 0; }
h5 { line-height: 21px; color: #5f8cb4; font-weight: 600; font-size: 17px; }
.bg-container .brd-headling { border-bottom: 3px solid #3fb8de; width: 22px; float: left; margin: 0 0 25px 0; }
/* 05 Basic Elements

================================================== */



/* Title bar

================================================== */

#titlebar { background-color: #eff4f7; min-height: 80px; margin: 0 0 40px 0; padding-top: 20px; }
#titlebar h2 { font-size: 20px; font-weight: 500; float: left; width: 100%; margin: 25px 0 0 0; }
#titlebar span { font-weight: 300; color: #a0a5aa; }
/* Tagline

================================================== */

#tagline { margin: 60px 0 40px 0; font-size: 20px; text-align: center; font-weight: 500; color: #505050; }
#tagline p { line-height: 28px; margin: 3px 0; }
#tagline span, #tagline a { background: #a0a5aa; color: #fff; padding: 0 7px 1px 7px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-decoration: none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.05); }
/* Breadcrumbs

================================================== */

#breadcrumbs ul { float: right; font-size: 13px; margin-top: 20px; font-weight: normal; }
#breadcrumbs ul li { display: inline-block; color: #b9bec3; margin: 0 0 0 5px; }
#breadcrumbs ul li:after { content: ""; font-family: "FontAwesome"; font-size: 12px; color: #b9bec3; margin: 0 0 0 9px; opacity: 0.5; }
#breadcrumbs ul li:last-child:after { content: " "; margin: 0; }
#breadcrumbs ul li:last-child a, #breadcrumbs ul li a { color: #b9bec3; font-weight: normal; }
#breadcrumbs ul li a:hover { color: #fff; text-decoration: underline; }
#breadcrumbs ul li:first-child { padding-right: 0; margin-left: 0; }
#breadcrumbs ul li:last-child { color: #b9bec3; background: none; }
#breadcrumbs ul li:last-child { padding: 0; background: none; }
/* Social Icons Footer

================================================== */

.social-icons-footer { margin: -3px 0 0 0; float: right; }
.social-icons-footer li { display: inline; list-style: none; float: left; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.social-icons-footer li i { display: block; padding-top: 5px; }
/* Magnifying Popup

================================================== */

.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; overflow: hidden; position: fixed; background: #000; opacity: 0.8; filter: alpha(opacity=80); }
.mfp-wrap { top: -10px; left: 0; width: 100%; height: 100%; z-index: 1001; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }
.mfp-container { height: 100%; text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 505; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }
.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader { color: #a0a5aa; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 504; }
.mfp-preloader a { color: #cccccc; }
.mfp-preloader a:hover { color: #fff; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
.mfp-s-loading .mfp-arrow { display: none; }
button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; padding: 0; z-index: 506; }
 button::-moz-focus-inner {
 padding: 0;
 border: 0;
}
.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; opacity: 1; padding: 0 0 18px 10px; text-indent: 99999; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { right: 10px; top: 40px; padding-right: 6px; width: 100%; background-image: url(../images/mfp-close.png); background-repeat: no-repeat; background-position: 100% 50%; text-indent: 9999; }
.mfp-counter { position: absolute; top: 0; right: 0; color: #a0a5aa; font-size: 13px; line-height: 18px; }
.mfp-arrow { position: absolute; top: 0; opacity: 0; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
.mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: solid transparent; }
.mfp-arrow.mfp-arrow-left { background-image: url(../images/mfp-left.png); background-repeat: no-repeat; background-position: 50%; }
.mfp-arrow.mfp-arrow-right { background-image: url(../images/mfp-right.png); background-repeat: no-repeat; background-position: 50%; right: 0; }
.mfp-content:hover .mfp-arrow { opacity: 1; }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; }
.mfp-iframe-holder .mfp-close { top: -40px; }
/* Main image in popup */

img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }
/* The shadow behind the image */

.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); }
.mfp-figure { line-height: 0; }
.mfp-bottom-bar { margin-top: -30px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }
.mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-break: break-word; padding-right: 36px; }
.mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; }
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

/* Media Queries for Magnific Popup */

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder {
 padding-left: 0;
 padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
 padding: 0
}
/* The shadow behind the image */

.mfp-img-mobile .mfp-figure:after {
 top: 0;
 bottom: 0;
}
.mfp-img-mobile .mfp-bottom-bar {
 background: rgba(0, 0, 0, 0.6);
 bottom: 0;
 margin: 0;
 top: auto;
 padding: 3px 5px;
 position: fixed;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
 padding: 0;
}
.mfp-img-mobile .mfp-counter {
 right: 5px;
 top: 3px;
}
.mfp-img-mobile .mfp-close {
 top: 0;
 right: 0;
 width: 35px;
 height: 35px;
 line-height: 35px;
 background: rgba(0, 0, 0, 0.6);
 position: fixed;
 text-align: center;
 padding: 0;
}
.mfp-img-mobile .mfp-figure small {
 display: inline;
 margin-left: 5px;
}
}
 @media all and (max-width: 800px) {
.mfp-arrow {
 width: 70px;
}
}
.mfp-ie7 .mfp-img { padding: 0; }
.mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; }
.mfp-ie7 .mfp-container { padding: 0; }
.mfp-ie7 .mfp-content { padding-top: 44px; }
.mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; }
.mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.85; }
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; }
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }
/* Flickr Widget

====================================*/

.flickr-widget-blog { margin: 5px -15px 0 0; }
.flickr-widget-blog img { display: block; width: 100%; }
.flickr-widget-blog a { float: left; width: 76px; height: 76px; margin-right: 10px; margin-bottom: 10px; border: 5px solid #f2f4f6; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; border-radius: 2px; }
.flickr-widget-blog a:hover { border: 5px solid #a0a5aa; border-radius: 2px; }
/* Google Maps

====================================*/

#googlemaps { padding-bottom: 30%; border-radius: 2px; }
.google-map-container { margin: 0px 0 0px 0; }
.google-map-container img { max-width: none !important; }
/* 06 Revolution Slider

================================================== */
.banner-set { float:left; }
.tp-banner-container { width: 100%; position: relative; }
.tp-banner { width: 100%; position: relative; }
.tp-banner-fullscreen-container { width: 100%; position: relative; padding: 0; }
/* Navigation

====================================*/

.tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: background-color 150ms ease-in-out, opacity 0.2s ease-out; -moz-transition: background-color 150ms ease-in-out, opacity 0.2s ease-out; -o-transition: background-color 150ms ease-in-out, opacity 0.2s ease-out; -ms-transition: background-color 150ms ease-in-out, opacity 0.2s ease-out; transition: background-color 150ms ease-in-out, opacity 0.2s ease-out; }
.tparrows.hidearrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.tp-leftarrow.default, .tp-rightarrow.default { z-index: 100; cursor: pointer; position: relative; border: 1px solid rgba(255, 255, 255, 0.5); width: 40px; height: 80px; }
.tp-leftarrow:hover, .tp-rightarrow:hover { border: 1px solid rgba(255, 255, 255, 1); }
.tp-leftarrow.default { background-image: url(../images/rev/slider-left-arrow.png); background-repeat: no-repeat; background-position: 45% 50%; border-radius: 2px; left: 15px; }
.tp-rightarrow.default { background-image: url(../images/rev/slider-right-arrow.png); background-repeat: no-repeat; background-position: 55% 50%; border-radius: 2px; right: 15px; }
/* Other Styles

====================================*/

.tp_inner_padding { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; max-height: none !important; }
.tp-simpleresponsive .slotholder *, .tp-simpleresponsive img { -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; }
.tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position: absolute; visibility: hidden; }
.tp-simpleresponsive img { max-width: none; }
.noFilterClass { filter: none !important; }
/* Shadows

====================================*/

.tp-bannershadow { position: absolute; margin-left: auto; margin-right: auto; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; }
.tp-bannershadow.tp-shadow1 { background: url(../assets/shadow1.html) no-repeat; background-size: 100%; width: 890px; height: 30px; bottom: -30px; }
.tp-bannershadow.tp-shadow2 { background: url(../assets/shadow2.html) no-repeat; background-size: 100%; width: 890px; height: 60px; bottom: -60px; }
.tp-bannershadow.tp-shadow3 { background: url(../assets/shadow3.html) no-repeat; background-size: 100%; width: 890px; height: 60px; bottom: -60px; }
/* Fullscreen Video

====================================*/

.caption.fullscreenvideo { left: 0px; top: 0px; position: absolute; width: 100%; height: 100%; }
.caption.fullscreenvideo iframe { width: 100% !important; height: 100% !important; }
.tp-caption.fullscreenvideo { left: 0px; top: 0px; position: absolute; width: 100%; height: 100%; }
.tp-caption.fullscreenvideo iframe { width: 100% !important; height: 100% !important; }
/* Basic Settings For Banner

====================================*/

.tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; }
.tp-simpleresponsive a { text-decoration: none; }
.tp-simpleresponsive ul { list-style: none; padding: 0; margin: 0; }
.tp-simpleresponsive >ul >li { list-stye: none; position: absolute; visibility: hidden; }
.tp-transparentimg { content: "url(../assets/transparent.png)" }
.tp-3d { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 50%; }
/* 07 Flexslider

================================================== */

/* Browser Resets */

.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }
.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
/* FlexSlider Necessary Styles */

.flexslider { margin: 0; padding: 0; z-index: 1; position: relative; }
.flexslider .slides > li { display: none; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li:first-child { display: block; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width: 100%; display: block; }
.flex-pauseplay span { text-transform: capitalize; }
/* Clearfix for the .slides element */

.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
/* No JavaScript Fallback */

/* If you are not using another script, such as Modernizr, make sure you

 * include js that eliminates this class on page load */

.no-js .slides > li:first-child { display: block; }
/* FlexSlider Default Theme */

.flexslider { margin: 0; border: none; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.flex-direction-nav a { position: absolute; top: 50%; display: block; margin-top: -15px; width: 40px; height: 40px; text-align: center; line-height: 40px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); cursor: pointer; -webkit-transition: all .2s ease;
 -moz-transition: all .2s ease;
 -ms-transition: all .2s ease;
 -o-transition: all .2s ease;
 transition: all .2s ease;
-webkit-border-radius: 50%; border-radius: 50%; }
.flex-direction-nav a i { color: #fff; }
.flex-direction-nav .flex-next { right: 0px; }
.flex-direction-nav .flex-next:before { color: #fff; content: '\f105'; font-family: FontAwesome; font-weight: 100; font-size: 18px; }
.flex-direction-nav .flex-prev { left: 0px; }
.flex-direction-nav .flex-prev:before { color: #fff; content: '\f104'; font-family: FontAwesome; font-weight: 100; font-size: 18px; }
.flexslider:hover .flex-next, .flexslider:hover .flex-prev { opacity: 1; border: 1px solid #fff; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; background: rgba(255, 255, 255, 0.2); }
.flexslider:hover .flex-next { right: 20px; }
.flexslider:hover .flex-prev { left: 20px; }
.flex-direction-nav .disabled { opacity: .3 !important; filter: alpha(opacity=30); cursor: default; }
#main-slider .flexslider:hover .flex-next, #main-slider .flexslider:hover .flex-prev { opacity: .7; background: rgba(0, 0, 0, .6); border: 1px solid #fff; }
/* IE8 Styles */

.ie8 .flex-direction-nav a { filter: alpha(opacity=50); }
.ie8 .flex-direction-nav a:hover { filter: alpha(opacity=100) }
/* Caption */

.slide-caption { margin: 0; position: absolute; display: block; z-index: 120; right: 15px; bottom: 15px; color: #fff; background-color: #000; background: rgba(0, 0, 0, 0.5); border-radius: 2px; padding: 5px 9px; font-size: 12px; font-weight: 300; line-height: 18px; }
.slide-caption a { color: #fff; }
/* Control Nav */

.flex-control-nav { width: 100%; text-align: center; }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline;
}
.flex-control-paging li a { width: 12px; height: 12px; display: block; border: 1px solid #eceef0; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
.flex-control-paging li a:hover { border: 1px solid #999; }
.flex-control-paging li a.flex-active { border: 1px solid #999; cursor: default; }
.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }
/* Bg Tagline*/

.bg-tagline { width: 100% !important; position: relative; padding: 20px 0px 10px; background: #232d37; border-bottom: 6px solid #dce6f0; display: inline-block; }
.bg-tagline h3 { color: #fff; font-weight: 300; font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.bg-tagline p { color: #b9bec3; font-weight: normal; }
.bg-tagline a { font-size: 16px; font-weight: 300; line-height: 18px; margin-top: 10px; padding: 10px; }
/* 08 Featured Boxes

================================================== */

.featured-boxes { float: left; margin: 60px 0; }
.featured-box { margin: 0 0 0 0; }
.circle-1 { width: 100px; height: 100px; display: block; border-radius: 50%; border: 1px solid; text-align: center; margin: 10px auto; }
.square-1 { width: 90px; height: 90px; display: block; border-radius: 5px; border: 1px solid; text-align: center; margin: 10px auto; }
.circle-1 i { font-size: 40px; margin: 28px 0; left: 30%; float: left; z-index: 5; position: relative; }
.square-1 i { font-size: 40px; margin: 22px 0; left: 28%; float: left; z-index: 5; position: relative; }
.circle-1, .circle-1 i, .square-1, .square-1 i, .icon-center { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.featured-box:hover > .circle-1, .featured-box:hover > .square-1 { background-color: #a0a5aa; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
.featured-box:hover > .circle-1 i, .featured-box:hover > .square-1 i { color: #fff; transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); }
.featured-desc { text-align: center; margin: 30px 40px 0 30px; }
.featured-desc h3 { font-size: 24px; margin-bottom: 10px; font-weight: 300; font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: -0.5px; }
.featured-desc a { margin-top: 10px; }
/* Circle Style 2*/

.circle-2 { width: 48px; height: 48px; display: block; border-radius: 50%; background-color: #f2f4f6; text-align: center; float: left; -webkit-transition: all 0.3s ease-in-out, box-shadow 0.2s ease-in-out; -moz-transition: all 0.3s ease-in-out, box-shadow 0.2s ease-in-out; -o-transition: all 0.3s ease-in-out, box-shadow 0.2s ease-in-out; -ms-transition: all 0.3s ease-in-out, box-shadow 0.2s ease-in-out; transition: all 0.3s ease-in-out, box-shadow 0.2s ease-in-out; position: relative; overflow: hidden; }
.circle-2-line { width: 48px; height: 48px; display: block; border-radius: 50%; border: 1px solid; text-align: center; float: left; -webkit-transition: all 0.3s ease-in-out, box-shadow 0.2s ease-in-out; -moz-transition: all 0.3s ease-in-out, box-shadow 0.2s ease-in-out; -o-transition: all 0.3s ease-in-out, box-shadow 0.2s ease-in-out; -ms-transition: all 0.3s ease-in-out, box-shadow 0.2s ease-in-out; transition: all 0.3s ease-in-out, box-shadow 0.2s ease-in-out; position: relative; overflow: hidden; }
.circle-2 i, .circle-2-line i { font-size: 20px; margin: 0; top: 12px; left: 30%; float: left; color: #fff; z-index: 5; position: relative; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.square-2 { width: 44px; height: 44px; display: block; border-radius: 3px; background-color: #f2f4f6; text-align: center; float: left; -webkit-transition: all 0.3s ease-in-out, box-shadow 0.2s ease-in-out; -moz-transition: all 0.3s ease-in-out, box-shadow 0.2s ease-in-out; -o-transition: all 0.3s ease-in-out, box-shadow 0.2s ease-in-out; -ms-transition: all 0.3s ease-in-out, box-shadow 0.2s ease-in-out; transition: all 0.3s ease-in-out, box-shadow 0.2s ease-in-out; position: relative; overflow: hidden; margin-top: 5px; }
.square-2-line { width: 44px; height: 44px; display: block; border-radius: 3px; border: 1px solid; text-align: center; float: left; -webkit-transition: all 0.3s ease-in-out, box-shadow 0.2s ease-in-out; -moz-transition: all 0.3s ease-in-out, box-shadow 0.2s ease-in-out; -o-transition: all 0.3s ease-in-out, box-shadow 0.2s ease-in-out; -ms-transition: all 0.3s ease-in-out, box-shadow 0.2s ease-in-out; transition: all 0.3s ease-in-out, box-shadow 0.2s ease-in-out; position: relative; overflow: hidden; }
.square-2 i, .square-2-line i { font-size: 20px; margin: 0; top: 10px; left: 30%; float: left; color: #fff; z-index: 5; position: relative; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.featured-box:hover > .circle-2, .featured-box:hover > .square-2 { background-color: #fff; }
.featured-box:hover > .circle-2 i, .featured-box:hover > .circle-2-line i, .featured-box:hover > .square-2 i, .featured-box:hover > .square-2-line i { -webkit-animation: toBottomFromTop 0.25s forwards; -moz-animation: toBottomFromTop 0.25s forwards; animation: toBottomFromTop 0.25s forwards; animation-delay: 0.03s; -webkit-animation-delay: 0.03s; color: #fff; }
.featured-desc-2 { text-align: left; margin: 40px 10px 0px 70px; }
.featured-desc-2 h3 { font-size: 18px; font-weight: 300; font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.featured-desc-2 p { font-size: 13px; }
.featured-desc-2 a { font-size: 13px; position: relative; top: -10px; }
.featured-desc-2 li { display: inline-block; margin-right: 10px; }
.icon-left { width: 48px; height: 48px; display: block; float: left; -webkit-transition: all 0.3s ease-in-out, box-shadow 0.2s ease-in-out; -moz-transition: all 0.3s ease-in-out, box-shadow 0.2s ease-in-out; -o-transition: all 0.3s ease-in-out, box-shadow 0.2s ease-in-out; -ms-transition: all 0.3s ease-in-out, box-shadow 0.2s ease-in-out; transition: all 0.3s ease-in-out, box-shadow 0.2s ease-in-out; position: relative; overflow: hidden; }
.icon-left i { font-size: 30px; margin: 0; top: 5px; left: 30%; float: left; z-index: 5; position: relative; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
/* Third Style */

.icons-center { text-align: center; }
.icons-center i { font-size: 100px; }
.featured-box:hover > .icons-center { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); }
.featured-desc-center { text-align: center; margin: 0px 30px 0 30px; }
.featured-desc-center h3 { font-size: 20px; margin-bottom: 10px; font-weight: 600; font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: -0.5px; }
.featured-desc-center a { margin-top: 10px; }
 @-webkit-keyframes toBottomFromTop { 49% {
 -webkit-transform: translateY(100%);
}
 50% {
 opacity: 0;
 -webkit-transform: translateY(-100%);
}
 51% {
 opacity: 1;
}
}
 @-moz-keyframes toBottomFromTop { 49% {
 -moz-transform: translateY(100%);
}
 50% {
 opacity: 0;
 -moz-transform: translateY(-100%);
}
 51% {
 opacity: 1;
}
}
 @keyframes toBottomFromTop { 49% {
 transform: translateY(100%);
}
 50% {
 opacity: 0;
 transform: translateY(-100%);
}
 51% {
 opacity: 1;
}
}
.featured-box li { line-height: 28px; font-size: 14px; }
/* 09 Services Boxes

================================================== */

.services-box { display: block; position: relative; z-index: 2 }
.services-box-animated { text-align: center; width: 100%; height: auto; background: transparent; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden }
.services-box-animated .inner { -webkit-perspective: 100px; -moz-perspective: 100px; -ms-perspective: 100px; perspective: 100px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0!important; -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0s!important; -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0!important; transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275) 0!important }
.services-box-animated .front, .services-box-animated .back { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden }
.services-box-animated .front { -ms-transform: rotateY(0deg); z-index: 8; display: block; width: 100%; height: auto; border: 1px solid #eceef0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 60px 20px; webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box }
.services-box-animated .front h3 { margin: 10px 0; font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 200; }
.services-box-animated .front i { font-size: 80px; text-align: center; }
.services-box-animated .front img { margin: 20px auto; }
.services-box-animated .back { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); overflow: hidden; color: #fff; background: #fff; border: 1px solid #eceef0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; padding: 20px; webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box }
.services-box-animated .back h3 { color: #fff; font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 200; margin: 10px 0; }
.services-box-animated .back p { color: #fff; margin: 10px 0; }
.services-box-animated:hover .inner, .no-csstransitions .services-box-animated .inner { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg) }
.services-box-animated:hover .front { z-index: -1 }
/* 10 Portfolio With Description

================================================== */

.portfolio-item { display: block; }
.item-description { padding: 20px; text-align: left; background-color: #f8fafc; border-radius: 0 0 2px 2px; box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); margin-top: -4px; }
.item-description-bgwhite { background-color: #fff; }
.portfolio-item img { }
.portfolio-item:hover img { }
.item-description, .item-description h5, .item-description span { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
.item-description h5 { font-size: 18px; font-weight: 300; line-height: 20px; }
.item-description span { color: #5074b7; font-size: 15px!important; line-height: 19px; font-style: italic; }
.item-description i { color: #ccc; font-size: 13px; font-weight: 400; line-height: 0px; text-align: right; margin-top: -8px; float: right; }
#portfolio-wrapper .item-description { padding: 20px; }
#portfolio-wrapper .item-description h5 { line-height: 20px; }
#related-work .item-description { padding: 20px; }
#related-work .item-description h5 { line-height: 20px; }
.portfolio-item:hover > figure > .item-description { background-color: #fff; }
.portfolio-item:hover > figure > .item-description a h5 { color: #fff; }
.portfolio-item:hover > figure > .item-description span { color: #000; opacity: 0.5; filter: alpha(opacity=50); }
/* Hover / Animations

====================================*/

.hovericon { position: absolute; left: 50%; top: 0; color: #fff; font-size: 18px; margin-top: -30px; margin-left: -30px; width: 60px; height: 60px; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)"; background-color: rgba(255, 255, 255, 0.2)!important; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.5)!important; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -moz-opacity: 0.00; -khtml-opacity: 0.00; opacity: 0.00; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.portfolio-item:hover .hovericon, .post-img:hover .hovericon { position: absolute; left: 50%; top: 65%; rm.Microsoft.Alpha(Opacity=100)";
}
.ie8 .hovercover {
	display: none;
}
.hovercover {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#59000000, endColorstr=#59000000)";
	background-color: rgba(0, 0, 0, 0.6);
	opacity: 0;
	border-radius: 2px;
}
.portfolio-item .hovercover {
	border-radius: 2px 2px 0 0;
}
.hoverzoom {
	background: url(../images/hoverzoom.png) no-repeat;
	display: block;
	height: 18px;
	width: 18px;
	margin: 21px 0 0 21px;
}
.hoverlink {
	background: url(../images/hoverlink.png) no-repeat;
	display: block;
	height: 19px;
	width: 19px;
	margin: 21px 0 0 20px;
}
/* 11 Portfolio Without Description

================================================== */

.portfolio-alt {
	float: left;
}
.portfolio-alt li.one-third {
	width: 100%;
	margin-right: 1px!important;
	margin-left: 0px!important;
	margin-bottom: 1px!important;
}
.portfolio-item-alt img {
}
.portfolio-item-alt:hover img {
}
/* Hover / Animations

====================================*/

.portfolio-item-alt:hover .hovericon {
	position: absolute;
	left: 50%;
	top: 50%;
	opacity: 1.00;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.ie8 .hovercover-alt {
	display: none;
}
.hovercover-alt {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#59000000, endColorstr=#59000000)";
	background-color: rgba(0, 0, 0, 0.75);
	opacity: 0;
}
.portfolio-item-alt:hover .hovercover-alt {
	opacity: 1;
}
.hoverzoom {
	background: url(../images/hoverzoom.png) no-repeat;
	display: block;
	height: 18px;
	width: 18px;
	margin: 21px 0 0 21px;
}
.hoverlink {
	background: url(../images/hoverlink.png) no-repeat;
	display: block;
	height: 19px;
	width: 19px;
	margin: 21px 0 0 20px;
}
.mediaholder-alt {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 280px!important;
}
.mediaholder-alt img {
	width: 100%;
	position: relative;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}
.hovercover-alt:before {
	content: "";
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	border: 1px solid rgba(255,255,255,0.2)!important;
}
.full-portfolio {
	overflow: hidden
}
.full-portfolio .items {
	width: 100%;
	clear: both;
	margin: 0;
	padding: 0;
	list-style: none;
}
.full-portfolio .items li {
	float: left;
	position: relative;
	background: none;
	padding: 0;
	width: 16.666666667%;
}
.full-portfolio .items li img {
	display: block;
	/*position: relative;*/

	width: 100%;
	height: auto;
}
.full-portfolio .items:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
figure {
	display: block;
	overflow: hidden;
	position: relative;
}
.items li figure img {
	display: block;
	width: 100%;
}
figure li a, figure li a img {
	display: block;
	position: relative;
}
figure img {
	display: block;
	max-width: 100%;
	-webkit-backface-visibility: hidden;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
figure a:hover img {
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
figure a .text-overlay {
	opacity: 0;
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	height: 100%;
	position: absolute;
	text-decoration: none;
	width: 100%;
	z-index: 100;
	padding: 0px;
	background: #000;
	background: rgba(0,0,0,0.75);
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
figure a:hover .text-overlay {
	opacity: 1;
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
figure a .text-overlay:before {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	border: 1px solid rgba(255,255,255,0.2);
}
figure a .text-overlay .info {
	text-align: center;
	top: 50%;
	width: 100%;
	left: 0;
	position: absolute;
	margin-top: -11px;
	color: #d4d4d4;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
}
/* 12 Portfolio Filteration

================================================== */

#portfolio-wrapper .portfolio-item {
	margin-bottom: 20px;
}
#portfolio-wrapper {
	display: block;
}
#filters {
	text-align: center;
	margin: 0 auto 20px!important;
}
#filters li {
	display: inline-block;
	line-height: 24px;
	background: #fff;
	overflow: hidden;
}
#filters a {
	color: #b9bec3;
	font-size: 14px;
	font-weight: 500;
	display: block;
	padding: 5px 10px;
	margin: 0 0 0 5px;
	border-radius: 3px;
	line-height: 20px;
	border: 1px solid #f2f4f6;
	-webkit-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
	-ms-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
	transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
}
#filters a:hover, .selected {
	background-color: #a0a5aa !important;
	color: #fff !important;
	border: 1px solid !important;
}
/* 13 Isotope Filtering

================================================== */



.isotope-item {
	z-index: 2;
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
/* Isotope CSS3 transitions */

.isotope, .isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: top, left, opacity;
	transition-property: transform, opacity;
}
/* Disabling Isotope CSS3 transitions */

.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}
/* Disable CSS transitions for containers with infinite scrolling */

.isotope.infinite-scrolling {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
/* 14 Showbiz Carousel

================================================== */

.showbiz {
	position: relative;
	margin: 10px;
}
/* Navigation Style 1

====================================*/

.showbiz-navigation {
	width: 140px;
	height: 35px;
	margin: 0 auto 20px;
	padding-left: 10px;
	padding-top: 20px;
}
.sb-navigation-left, .sb-navigation-right, .sb-navigation-left.notclickable, .sb-navigation-right.notclickable {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.sb-navigation-left, .sb-navigation-right {
	width: 65px;
	height: 35px;
	cursor: pointer;
	float: left;
	border-radius: 2px;
	border: 1px solid #d7dce1;
}
.sb-navigation-left {
	margin-right: 5px;
}
.sb-navigation-left i, .sb-navigation-right i {
	line-height: 34px;
	font-size: 24px;
	color: #d7dce1;
	margin-left: 28px;
}
.sb-navigation-left:hover i, .sb-navigation-right:hover i {
	color: #fff!important;
}
.sb-navigation-left:hover, .sb-navigation-right:hover {
	background-color: #a0a5aa;
}
.sb-navigation-left.notclickable, .sb-navigation-right.notclickable {
	cursor: default;
}
.sb-navigation-left.notclickable i, .sb-navigation-right.notclickable i {
	color: #d7dce1;
}
/* Navigation Style 2

====================================*/

.sb-navigation-left-2, .sb-navigation-right-2, .sb-navigation-left-2.notclickable, .sb-navigation-right-2.notclickable {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.sb-navigation-left-2, .sb-navigation-right-2 {
	cursor: pointer;
	top: 100px;
	position: relative;
}
.sb-navigation-left-2 {
	float: left;
}
.sb-navigation-right-2 {
	float: right;
}
.sb-navigation-left-2 i, .sb-navigation-right-2 i {
	line-height: 24px;
	font-size: 24px;
	color: #eceef0;
}
.sb-navigation-left-2:hover, .sb-navigation-right-2:hover {
}
.sb-navigation-left-2.notclickable, .sb-navigation-right-2.notclickable {
	cursor: default;
}
.sb-navigation-left-2.notclickable i, .sb-navigation-right-2.notclickable i {
	color: #eceef0;
}
/* Navigation Style 3

====================================*/

.sb-navigation-left-3, .sb-navigation-right-3, .sb-navigation-left-3.notclickable, .sb-navigation-right-3.notclickable {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.sb-navigation-left-3, .sb-navigation-right-3 {
	cursor: pointer;
	margin-top: 36px;
	border: 1px solid #fff;
	border-radius: 50%;
	width: 30px;
	height: 30px;
}
.sb-navigation-left-3 {
	float: left;
}
.sb-navigation-right-3 {
	float: right;
}
.sb-navigation-left-3 i, .sb-navigation-right-3 i {
	line-height: 30px;
	font-size: 18px;
	color: #fff;
	padding-left: 12px;
}
.sb-navigation-left-3:hover, .sb-navigation-right-3:hover {
	background: #fff;
}
.sb-navigation-left-3.notclickable, .sb-navigation-right-3.notclickable {
	cursor: default;
}
.sb-navigation-left-3.notclickable i, .sb-navigation-right-3.notclickable i {
	color: #fff;
}
/* Navigation Style 4

====================================*/

.showbiz-navigation-4 {
	width: 70px;
	height: 25px;
	float: right;
	margin: -27px 0 0 -2px;
	padding-left: 10px;
}
.sb-navigation-left-4, .sb-navigation-right-4, .sb-navigation-left-4.notclickable, .sb-navigation-right-4.notclickable {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.sb-navigation-left-4, .sb-navigation-right-4 {
	width: 25px;
	height: 25px;
	cursor: pointer;
	float: left;
	border-radius: 2px;
	border: 1px solid #d7dce1;
}
.sb-navigation-left-4 {
	margin-right: 3px;
}
.sb-navigation-left-4 i, .sb-navigation-right-4 i {
	line-height: 24px;
	font-size: 17px;
	color: #d7dce1;
	margin-left: 10px;
}
.sb-navigation-left-4:hover i, .sb-navigation-right-4:hover i {
	color: #fff!important;
}
.sb-navigation-left-4:hover, .sb-navigation-right-4:hover {
	background-color: #a0a5aa;
}
.sb-navigation-left-4.notclickable, .sb-navigation-right-4.notclickable {
	cursor: default;
}
.sb-navigation-left-4.notclickable i, .sb-navigation-right-4.notclickable i {
	color: #d7dce1;
}
/* Basic Styles

====================================*/

.showbiz ul, .showbiz li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.showbiz ul li {
	position: relative;
	-webkit-transform: translateZ(10);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	margin: 20px 20px 20px 0;
}
.showbiz.our-clients ul li {
	margin: 10px 40px 30px 0;
}
.showbiz.our-clients {
	margin-bottom: -10px;
}
.showbiz .overflowholder {
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index: 2;
}
.showbiz .overflowholder ul {
	width: 100000px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.showbiz .overflowholder ul li {
	float: left !important;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	position: relative;
}
.showbiz .overflowholder ul li .four {
	width: 265px!important;
}
.mediaholder {
	position: relative;
	overflow: hidden;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}
.mediaholder img {
	width: 100%;
	position: relative;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}
/* 15 Parallex Section

================================================== */

.parallex {
	overflow: hidden;
	width: 100%;
	background-attachment: fixed;
	background-position: center;
}
.parallex .container {
	text-align: center;
	padding: 80px 0;
}
.parallex, .parallex h1, .parallex h2, .parallex h3, .parallex h4, .parallex h5, .parallex h6, .parallex a:hover {
	color: #fff;
}
.parallex .titles {
	border-color: rgba(255, 255, 255, 0.2);
}
.parallex a {
	color: #fff;
	color: rgba(255, 255, 255, 0.8);
}

@media only screen and (min-width: 1920px) {
.parallex {
	background-size: cover;
}
}

@media only screen and (max-width: 1024px) {
.parallex {
	background-size: cover;
	background-attachment: scroll;
	background-position: top center !important;
}
}
/*------------------------------------------

        parallex bagkground

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

        

        

#parallex1 {
	background-image: url(../images/parallex/parallex1.jpg);
}
#parallex2 {
	background-image: url(../images/parallex/parallex2.jpg);
}
#parallex3 {
	background-image: url(../images/parallex/parallex3.jpg);
}
#parallex4 {
	background-image: url(../images/parallex/parallex4.jpg);
}
#parallex5 {
	background-image: url(../images/parallex/parallex5.jpg);
}
#parallex-prodcut {
	background-image: url(../images/parallex/pricing-section-bg.jpg);
}
#parallex-inner {
	background-image: url(../images/parallex/parallex-inner.jpg);
	margin-bottom: 60px;
}
#parallex-inner .container {
	text-align: left;
	padding: 50px 0 20px;
}
#parallex-inner .container h1 {
	font-size: 36px;
	font-family: 'raleway';
	font-weight: 100;
	line-height: 36px;
	letter-spacing: -1px
}
#parallex-inner .container p {
	font-size: 13px;
	color: #b9bec3;
}
.parallex-slider {
	height: 100%;
	min-height: 100%;
	position: relative;
	overflow: hidden;
	text-align: center;
	z-index: 750;
}
.parallex-slider .parallex-holder {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 80%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 820px;
	max-width: 100%;
}
.js .parallex-slider .parallex-holder {
	opacity: 0;
}
.parallex-slider-title {
	font-size: 4em;
	letter-spacing: 0.3em;
	margin-bottom: 20px;
	text-transform: uppercase;
	text-align: center;
	display: inline-block;
	color: #FFFFFF;
	padding: 20px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.parallex-slider-description {
	color: #FFFFFF;
	font-size: 12px;
	letter-spacing: 1px;
	margin-bottom: 10px;
	text-align: center;
	text-transform: uppercase;
	display: block;
}
.btn-holder {
	display: block;
	margin: 10px auto;
	text-align: center;
}
.parallex-slider-btn {
	background: transparent;
	color: #FFFFFF;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 2px;
	padding: 10px 15px;
	font-size: 12px;
	cursor: pointer;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	display: inline-block;
	-webkit-transition: 0.2s background linear;
	-moz-transition: 0.2s background linear;
	transition: 0.2s background linear;
}
.parallex-slider-btn:hover {
	color: #FFFFFF;
	background: rgba(255, 255, 255, 0.15);
}
.parallex-slider-title-black {
	font-size: 4em;
	letter-spacing: 0.3em;
	margin-bottom: 20px;
	text-transform: uppercase;
	text-align: center;
	color: #000;
	padding: 20px 0;
}
.parallex-slider-description-black {
	color: #000;
	font-size: 12px;
	letter-spacing: 1px;
	margin-bottom: 10px;
	text-align: center;
	text-transform: uppercase;
	display: block;
}
.btn-holder-black {
	display: block;
	margin: 10px auto;
	text-align: center;
}
.parallex-slider-btn-black {
	background: transparent;
	color: #000;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 2px;
	padding: 10px 15px;
	font-size: 12px;
	cursor: pointer;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	display: inline-block;
	-webkit-transition: 0.2s background linear;
	-moz-transition: 0.2s background linear;
	transition: 0.2s background linear;
}
.parallex-slider-btn-black:hover {
	color: #000;
	background: rgba(0, 0, 0, 0.05);
}
.parallex-slider-title-slider {
	font-size: 4em;
	letter-spacing: 0.1em;
	margin-bottom: 20px;
	text-transform: uppercase;
	text-align: center;
	color: #000;
	position: absolute;
	top: 58%;
	left: 50%;
	z-index: 999999999!important;
}
/* Regular Table

====================================*/

table.standard-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border: none;
	margin-bottom: 15px;
}
table.standard-table th {
	border: 1px solid #eceef0;
    border-right: none;
    background-color: #fb5a4e;
    padding: 10px 15px;
    color: #fff;
    vertical-align: top;
    font-size: 14px;
    font-weight: 600;
	width: 50%;
}
table.standard-table td:last-child {
	border-right: 1px solid #eceef0;
}
table.standard-table th:last-child {
	border-right: 1px solid #eceef0;
}
table.standard-table td {
	padding: 10px 15px;
	border: 1px solid #eceef0;
	border-top: none;
	border-right: none;
}
table.standard-table tr:hover td {
	background-color: #f6f8fa;
}
table.standard-table tr {
	border-radius: 3px
}
/* #Video Background

	================================================== */

	

.video-sec {
	height: 550px;
	position: relative;
	overflow: hidden;
}
.video-item {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 0;
	overflow: hidden
}
.video-sec .pattern-bg {
	background-image: url(../images/overlay-pattern.html);
	opacity: 0.5;
	width: 100%;
	height: 100%;
	z-index: 1;
	padding: 45px 0 43px;
	clear: both;
	background-repeat: repeat;
	position: absolute;
	text-indent: -99990000;
}
.video-sec .dark-content, .video-sec .light-content {
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.53);
	padding: 45px 0 43px;
	z-index: 2;
	width: 100%;
	height: 100%;
	position: relative;
}
.video-sec .dark-content * {
	color: #fff;
}
.video-sec .light-content {
	text-shadow: none;
}
.video-sec .slight {
	color: #292929;
}
/* 16 Some Page Style

================================================== */

/* Landing Page

================================================== */

#landing_banner {
	width: 100%;
	height: 500px;
	background-color: #1e1e1e;
	position: relative;
	overflow: hidden;
}
.bg_landing_banner {
	background: url(../images/bg-landing.jpg) no-repeat;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	background-size: 100%;
}
#landing_banner h1 {
	color: #fff;
	font-size: 44px;
	line-height: 46px;
	font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 800;
	letter-spacing: -0.05em;
	margin-top: 40px;
}
#landing_banner p {
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.landing_socials {
	position: relative;
	left: 40%;
	font-size: 40px;
}
.landing_socials .socials_list li {
	margin-right: 30px;
}
.iphone-w-iphone {
	margin-top: 88px;
	float: right;
}
.landing-boxes {
	float: left;
	margin: 0px 0 0px 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.landing-boxes:hover {
	background: #fff;
}
.landing-boxes img {
	width: 100%;
}
.landing-boxes:hover img {
	opacity: 0.7;
}
.landing-boxes h3 {
	color: #2d3237;
	font-size: 20px;
	line-height: 24px;
	font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 200;
	letter-spacing: -0.01em;
	margin-top: 20px;
	text-align: center;
}
.landing-boxes p {
	color: #2d3237;
	font-size: 14px;
	line-height: 24px;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
	padding: 0 20px;
}
.landing-boxes a {
	font-size: 14px;
	font-weight: 300;
	margin-top: 30px;
	text-align: center;
}
.landing-boxes i {
	font-size: 20px;
	position: relative;
	top: 3px;
}
.landing-imac h2 {
	color: #2d3237;
	font-size: 24px;
	line-height: 30px;
	font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 200;
	letter-spacing: -0.01em;
	margin-top: 20px;
	padding-right: 50px;
}
.landing-imac p {
	line-height: 24px;
	margin-top: 20px;
	margin-bottom: 30px;
	padding: 0 50px 0 0;
}
.landing-imac ul {
	float: left;
}
.landing-imac ul li {
	display: inline-block;
	font-size: 30px;
	margin-right: 15px;
	color: #afb4b9;
}
.landing-imac ul li:hover {
	display: inline-block;
	font-size: 30px;
	margin-right: 15px;
	color: #ff0000;
}
/* Our Team

================================================== */

.team {
	background: #fff;
	border-radius: 0 0 2px 2px;
	margin-bottom: 30px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	position: relative;
	top: 0;
}
.team:hover {
	box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
}
.team-name {
	padding: 12px 0px 10px 0px;
	margin: 0 20px 10px 20px;
	border-bottom: 1px solid #eceef0;
}
.team-name h5 {
	line-height: 14px;
	font-weight: 600;
}
.team-name span {
	display: block;
	font-weight: 300;
	color: #b9bec3;
	font-size: 12px;
	font-style: italic;
}
.team-about {
	padding: 0 0 1px 0;
	margin: 0 20px 0px 20px;
}
.team-email {
	border-top: 1px solid #eceef0;
	padding: 5px 0 10px;
	margin: 0 20px 0px 20px;
	font-weight: 300;
	color: #b9bec3;
	font-size: 12px;
}
.team-email a {
	font-weight: 300;
	color: #b9bec3;
	font-size: 12px;
}
.team-email a:hover {
}
.team-about p {
	line-height: 24px;
}
.team-img {
	border-radius: 2px 2px 0 0;
}
.team-alt {
	width: 100%;
	float: left;
}
.team-alt .img-wrp {
	width: 49%;
	float: left;
}
.team-alt .contents {
	width: 49%;
	float: right;
	text-align: left;
}
.img-wrp {
	position: relative;
}
.img-wrp img {
	display: block;
	width: 100%;
	border-radius: 2px;
}
.overlay-wrp {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	height: 100%;
	width: 100%;
}
.overlay-wrp .overlay {
	opacity: 0.5;
	filter: alpha(opacity=50);
	height: 100%;
	width: 100%;
	border-radius: 2px;
}
.overlay {
	background: #000;
}
.overlay-content.social-icons {
	margin-top: -11px;
	position: absolute;
	top: 20%;
	left: 25%;
	z-index: 10;
}
.overlay-content.social-icons li a {
	color: #fff!important;
	background: rgba(0, 0, 0, 0.7)!important;
	border-radius: 50%!important;
	font-size: 18px!important;
}
/* Contact Details

====================================*/

.contact-informations {
	margin: 20px 0 0 0;
}
.contact-informations p {
	margin: 0;
}
.contact-details-alt p {
	margin: -2px 0 0 22px;
	line-height: 18px;
}
.contact-informations li i {
	float: left;
	margin: 3px 5px 0 0;
	color: #909090;
}
.contact-informations li, .contact-informations.second li {
	margin: 3px 0;
}
/* 404 Pages

================================================== */

#not-found {
	margin: 90px 0 115px 0;
}
#not-found h2 {
	text-align: center;
	font-size: 240px;
	line-height: 210px;
	font-weight: 600;
	letter-spacing: -5px;
}
#not-found h3 {
	text-align: center;
	font-size: 40px;
	line-height: 100px;
	font-weight: 300;
	text-transform: uppercase;
}
#not-found p {
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	color: #b9bec3;
}
#not-found a:hover i {
	color: #fff!important;
}
/* 17 Recent Blog Post

================================================== */

.recent-blog {
	margin-bottom: 38px;
	background: #fff;
	box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .08);
	border-radius: 0 2px 2px 0px;
}
.recent-blog img {
	width: 100%;
	border-radius: 2px 2px 0px 0px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.recent-blog:hover img {
	opacity: 0.8;
}
.recent-blog h4 {
	line-height: 21px;
	padding: 10px 10px 0;
	font-size: 16px;
}
.recent-blog h4 a {
	color: #333
}
.recent-blog h4 a:hover {
	color: #848688
}
.recent-blog p {
	margin-bottom: 0;
	padding: 10px;
	font-size: 13px;
}
.recent-blog .author {
	margin-bottom: 0;
	padding: 10px;
	font-size: 13px;
	border-top: 1px solid #eff4f7;
	text-align: center;
	color: #b9bec3;
}
.margin-1 {
	margin: 28px 0 22px 0
}
.date {
	float: left;
	text-align: center;
	height: 0;
	position: relative;
	top: 20px;
	z-index: 9;
}
.date span {
	display: block;
	background: #ff0000;
}
.day {
	padding: 5px 10px 0 10px;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	border-radius: 0px 2px 0px 0
}
.month {
	background: #ccc;
	padding: 0 10px 2px 10px;
	color: #fff;
	border-radius: 0px 0px 2px 0;
	box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .07)
}
.margin-reset {
	margin-top: -10px
}
.sidebar.padding-reset {
	padding-top: 0
}
/* 18 Blog Section

================================================== */

.post {
	padding: 0 0 40px 0;
	margin: 0 0 40px 0;
	border-bottom: 1px solid #eceef0;
}
.post-alt {
	margin: 0 0 20px 0;
	border: 0px solid #eceef0;
}
.post-alt .post-content {
	width: 100%;
	float: left;
}
.post-img img, .post-img iframe {
	border-radius: 2px;
}
.post-img {
	margin: 0 0 30px 0;
}
.medium .post-img {
	margin: 0;
}
/* Post Content */



.post-format {
	border-right: 1px solid #eceef0;
	padding: 5px 15px;
	float: left;
}
.post-format h2 {
	font-weight: 600;
	color: #b9bec3;
	text-align: center;
	border-bottom: 1px solid #eceef0;
	font-size: 36px;
	line-height: 20px;
	padding-bottom: 20px;
	margin-bottom: 10px;
}
.post-format h4 {
	font-weight: 600;
	color: #e2e4e6;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
}
.post-format span {
	font-weight: 300;
	color: #e2e4e6;
	text-align: center;
}
.post-format span:hover {
	font-weight: 300;
	color: #000;
	text-align: center;
}
.post-format .icon-camera {
	font-size: 14px;
	margin-top: 23px;
	left: 38%
}
.post-content {
	width: 90%;
	float: right;
}
.medium .post-content {
	margin: 0;
	width: 100%;
}
.post-content h2 a {
	color: #2d3237;
	font-weight: 700;
	letter-spacing: -0.5px;
}
.post-content h2 a:hover {
	color: #989988;
}
.post-content p {
	margin-bottom: 19px;
}
.post-content .testimonial {
	background: #006699;
	color: #fff;
	padding: 20px;
	border-radius: 2px;
	font-size: 18px;
	font-weight: 500;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
.post-content .testimonial strong {
	font-size: 40px;
	line-height: 30px;
	color: #fff;
}
.post-content .testimonial span {
	margin-left: 20px;
}
.post-content .testimonial p.client {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	margin-top: -10px;
	margin-bottom: 0px;
	margin-left: 20px;
}
/* Meta */

.meta {
	margin: 0 0 10px 0;
}
.meta ul {
	line-height: 22px;
	margin: 1px 0 0 0;
}
.meta ul li {
	display: inline-block;
	font-weight: 200;
	color: #b9bec3;
	margin: 0 5px 0px 0;
	padding: 0 10px 0 0;
	background: url('../images/blog-divider.png') no-repeat 100% 55%;
	font-style: italic;
	font-size: 12px;
}
.meta ul li:last-child {
	background: 0;
}
.meta ul li a {
	color: #b9bec3;
}
.meta ul li a, .post-content h2 a:hover {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.meta ul li a:hover {
	color: #a0a5aa;
}
/* 19 Blog Timeline

================================================== */

#tline-content {
	background: url(../images/bg-timeline.png) repeat-y center center;
	width: 1180px;
	margin: 0 auto;
}
.pin-box, .tline-box {
	width: 212px;
	width: 210px\9;
	padding: 12px;
	display: block;
	background: #fff;
	margin: 10px;
	float: left;
	border: 1px solid #e5e5e5;
}
.tline-box {
	width: 500px;
	padding: 10px;
	padding-bottom: 20px;
	margin-top: 20px;
	min-height: 160px;
	border-radius: 2px;
	position: relative;
	border: 1px solid #eceef0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.tline-row-l, .tline-row-r {
	background: url(../images/right-timeline.png) no-repeat right 12%;
	width: 68px;
	height: 17px;
	margin-right: -68px;
	display: block;
	position: absolute;
	right: 0;
	top: 16px;
}
.tline-row-r {
	background: url(../images/left-timeline.png) no-repeat left 12%;
	left: 0;
	margin: 0;
	margin-left: -68px;
}
.tline-box.rgtline {
	float: right;
	margin-top: 53px;
	right: 0;
	clear: right;
}
.tline-box:hover {
	box-shadow: 0px 0px 10px -1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 10px -1px rgba(0, 0, 0, 0.1);
}
.tline-topdate {
	width: 100px;
	height: 70px;
	border-radius: 50%!important;
	position: relative;
	display: block;
	clear: both;
	zoom: 1;
	padding: 40px 5px 0;
	border: 2px solid #f6f8fa;
	background: #fff;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	line-height: 18px;
	color: #eceef0;
	margin: 0 auto 7px;
	border-radius: 2px;
	text-shadow: 0 1px 1px #fff;
}
.tline-topdate.enddte {
	bottom: 0;
	margin-bottom: 0;
}
/* Blog Comments

================================================== */

.comments-sec {
	float: left;
	width: 100%;
	margin: -5px 0 25px 0;
}
ol.commentlist {
	float: left;
	width: 100%;
	margin: 0;
}
ol.commentlist li {
	float: left;
	padding: 10px 0 15px 0;
}
ol.commentlist li:first-child {
	border: 0;
	padding: 25px 0 0px 0;
}
ol.commentlist li {
	list-style: none;
}
ol li ol.childlist {
	float: right;
	width: 85%;
	margin: 0 5% 0 0;
}
ol.commentlist li ol.childlist li:first-child {
	padding: 25px 0 0 0;
}
ol.commentlist li ol.childlist li {
	margin: 0px 0 15px 0;
}
.comments-amount {
	font-weight: 300;
	color: #a0a5aa;
}
ol li ol.childlist .comment-des {
	float: left;
	width: 82.6%;
}
.avatar {
	float: left;
}
.avatar img {
	float: left;
	max-width: 70px;
	border-radius: 50%;
	border: 1px solid #eceef0;
	padding: 8px;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
.avatar:hover img {
	background: #000;
}
.comment-des p {
	margin: 0;
	line-height: 23px;
}
.comment-des {
	float: left;
	margin: -70px 0 0 110px;
	width: 80%;
	border: 1px solid #eceef0;
	color: #848688;
	border-radius: 2px;
	padding: 20px;
}
.arrow-comment {
	width: 10px;
	height: 20px;
	position: relative;
	float: left;
	background: url(../images/comment-arrow.png) no-repeat;
	margin-left: -30px;
}
.comment-des strong {
	float: left;
	padding-right: 5px;
	color: #848688;
}
.comment-des span {
	float: left;
	color: #b9bec3;
}
.comment-by {
	float: left;
	width: 100%;
	padding-bottom: 8px;
	padding-top: 5px;
}
.comment-by span.reply {
	float: right;
	display: inline;
}
.comment-by span.reply a {
	float: right;
	height: 17px;
	margin-left: 5px;
	font-weight: normal;
	color: #b9bec3;
}
.comment-by span.reply a i {
	color: #bbb;
	transition: all 0.1s ease-in-out;
}
.comment-by span.reply a:hover, .comment-by span.reply a:hover i {
	color: #a0a5aa;
}
.comment-by span.date {
	color: #b9bec3;
	float: left;
	font-weight: 300;
	text-align: left;
	padding: 0 0 0 8px;
	position: relative;
	top: 0px;
	font-size: 12px;
	font-style: italic;
}
/* Pagination

================================================== */

.pagination {
	margin: 0;
}
.pagination ul li a {
	padding: 7px 11px;
	border-bottom: none;
	display: inline-block;
	color: #b9bec3;
	float: left;
	margin-right: 4px;
	border: 1px solid #eceef0;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	border-radius: 2px;
}
.pagination .current, .pagination ul li a:hover {
	color: #fff;
}
/* 20 Tags

================================================== */

.tags {
	margin: 10px 0 0 0;
}
.tags a {
	padding: 4px 11px 4px 11px;
	display: inline-block;
	color: #b9bec3;
	background-color: #f2f4f6;
	margin: 0 2px 6px 0;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.05);
	border-radius: 2px;
}
.tags a:last-child {
	margin-right: 0;
}
.tags a:hover {
	background: #a0a5aa;
	color: #fff;
	box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
}
/* Widget Tabs

====================================*/

.widget-tabs li {
	padding: 0 0 12px 0;
	margin: 12px 0 0 0;
	border-bottom: 1px solid #eceef0;
}
.widget-tabs li:first-child {
	margin: 4px 0 0 0;
}
.widget-tabs li:last-child {
	border-bottom: 0;
}
.widget-thumb a img {
	display: block;
	width: 70px;
	height: 70px;
	border: 5px solid #f2f4f6;
	border-radius: 2px;
	float: left;
	margin: 0 10px 0 0;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
.widget-thumb a img:hover {
	border: 5px solid;
}
.widget-text h4 {
	font-size: 14px;
	font-weight: 600;
	line-height: 21px;
	padding: 3px 0 0 0;
}
.widget-text h4 a {
	color: #777;
}
.widget-text h4 a:hover {
	color: #b9bec3;
}
.widget-text span {
	color: #a0a5aa;
	font-weight: 300;
	margin: 4px 0 0 0;
	display: block;
}
.widget-tabs.comments .widget-text span {
	padding: 5px 0 0 0;
	margin: 0;
}
/* Widget

====================================*/

.widget {
	margin: 30px 0 0 0;
}
.widget p {
	margin: 0;
}
.categories a {
	color: #848688;
	display: block;
	line-height: 19px;
	padding: 3px 0;
}
.categories a:hover {
	color: #a0a5aa;
}
.categories ul li:before {
	content: "";
	font-family: "FontAwesome";
	font-size: 13px;
	color: #ccc;
	margin: 3px 9px 0 0;
	float: left;
}
/* Blog Tabs */

.tabs-nav.blog li {
	width: 33.334%;
}
.tabs-nav.blog li a i {
	margin: 0 auto;
	width: 100%;
	font-size: 18px;
	color: #b9bec3;
}
.tabs-nav li.active a i {
	color: #fff;
}
.tabs-nav.blog li a i.icon-star {
	font-size: 17px;
}
.tabs-nav.blog li a i.icon-time, .tabs-nav.blog li a i.icon-star, .tabs-nav.blog li a i.icon-comments-alt {
	position: relative;
	top: 1px;
}
/* 21 Contact Form

================================================== */

#contact fieldset div {
	margin-bottom: 20px;
	float: left;
	width: 100%;
}
#contact fieldset div input {
	width: 240px;
}
#contact textarea {
	width: auto;

	min-width: 97.5%;
	min-height: 180px;
	background: #fff;
	resize: vertical;
}
#contact input, #contact textarea, #contact select {
	-webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
	-moz-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
	-o-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
	-ms-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
	transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
}
#contact input:focus #contact textarea:focus, #contact select:focus {
	border: 1px solid #d6d6d6;
	outline: none;
	position: relative;
	z-index: 5;
}
#contact input.error, #contact textarea.error, #contact select.error {
	border: 1px solid #f5c8c3;
	background: #ffeced;
}
#contact label span {
	color: #e24747;
}
#contact input[type="submit"][disabled] {
	background: #a0a5aa;
}
#message {
	margin: 0;
	padding: 0;
	display: block;
	background: transparent none;
}
.loader {
	padding: 10px;
	float: left;
}
/* Add Comment

====================================*/

.add-comment label {
	margin: 0 0 4px 0;
}
.add-comment label span {
	color: #e24747;
}
.add-comment input {
	margin: 0 0 20px 0;
	min-width: 240px;
}
.add-comment textarea {
	margin: 0 0 18px 0;
	width: auto;
	min-width: 97.5%;
	min-height: 180px;
	background: #fff;
	resize: vertical;
}
input.add-comment-btn {
	float: left;
	min-width: 100px;
	margin: 0;
}
/* =================================================================== */

/* 22 Elements

====================================================================== */



/* Buttons

====================================*/

.button, input[type="button"], input[type="submit"] {
	padding: 8px 16px;
	display: inline-block;
	border: 0;
	font-weight: 500;
	outline: none;
	font-size: 14px;
	cursor: pointer;
	width: auto;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border-radius: 2px;
}
.small.button, .small input[type="button"], .small input[type="submit"] {
	padding: 4px 10px;
	display: inline-block;
	border: 0;
	font-weight: 500;
	outline: none;
	font-size: 12px;
	cursor: pointer;
	width: auto;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border-radius: 2px;
}
.big.button, .big input[type="button"], .big input[type="submit"] {
	padding: 8px 16px;
	display: inline-block;
	border: 0;
	font-weight: 500;
	outline: none;
	font-size: 18px;
	cursor: pointer;
	width: auto;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border-radius: 2px;
}
.button i {
	margin: 0 2px 0 0;
}
.button.gray {
	color: #fff;
	background: #a0a5aa;
}
.button.gray:hover {
	background: #a0a5aa;
}
.button.white {
	color: #2d3237;
	background: #fff;
}
.button.white:hover {
	background: #a0a5aa;
}
.button.light {
	color: #a0a5aa;
	background: #f2f4f6;
}
.button.light:hover {
	color: #fff;
	background: #a0a5aa;
}
.button.color {
	color: #fff;
	background: #a0a5aa;
}
.button.color:hover {
	background: #a0a5aa;
}
.button.line {
	color: #000;
	border: 1px solid #000;
	height: 22px;
	padding-top: 10px;
}
.button.line:hover {
	color: #000;
	background: #fff;
	border: 1px solid #fff;
}
.button.line-color {
	color: #000;
	border: 1px solid #000;
}
.button.line-color:hover {
	color: #fff;
}
.button.line-white {
	color: #fff;
	border: 1px solid #fff;
}
.button.line-white:hover {
	color: #fff;
	opacity: 0.7;
}
.button.line-gray {
	color: #b9bec3;
	border: 1px solid #eceef0;
}
.button.line-gray:hover {
	border: 1px solid #b9bec3;
}
/* Input Button */

input[type="button"], input[type="submit"], input[type="button"]:focus, input[type="submit"]:focus {
	color: #fff;
	background: #a0a5aa;
	padding: 8px 14px;
	border: none !important;
}
input[type="button"], input[type="submit"] {
	float: left;
}
input[type="button"]:hover, input[type="submit"]:hover {
	background: #a0a5aa;
}
/*Button group*/

.button-group {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.button-group .button {
	font-size: 18px;
	overflow: hidden;
	padding: 25px 0;
	text-align: center;
	text-transform: uppercase;
	width: 25%;
	margin: 0;
	letter-spacing: -1px;
}
.button-group .or {
	background-color: #fff;
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	line-height: 42px;
	text-align: center;
	margin-left: -23px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	z-index: 99;
	font-weight: bold;
	border-radius: 50%;
}
.button-group .title {
	display: block;
}
.button-group .subtitle {
	font-size: 11px;
	font-weight: 400;
	line-height: 15px;
	letter-spacing: 0;
}
.button-group .button:first-child {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	border-right: 0px solid #fff;
}
.button-group .button:last-child {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}
/* Skill Bars

============================================ */

.skill-bar {
	text-align: left!important;
	margin: 0px!important;
}
.skill-bar li {
	list-style: none!important;
	margin-bottom: 20px;
}
.skill-bar li:last-child span {
	margin-bottom: 0px;
}
.skill-bar li .bar-wrap {
	margin-bottom: 13px;
	border: 1px solid #eceef0;
	border-radius: 300px 300px 300px 300px;
	-webkit-border-radius: 300px 300px 300px 300px;
	-o-border-radius: 300px 300px 300px 300px;
	-moz-border-radius: 300px 300px 300px 300px;
	padding: 2px;
}
.skill-bar li span {
	height: 4px;
	width: 0px;
	display: block;
	border-radius: 300px 300px 300px 300px;
	-webkit-border-radius: 300px 300px 300px 300px;
	-o-border-radius: 300px 300px 300px 300px;
	-moz-border-radius: 300px 300px 300px 300px;
}
.skill-bar li p {
	padding-top: 10px;
}
.skill-bar li span {
	overflow: visible!important;
	position: relative;
	background: #fb5a4e!important;
}
.skill-bar li span strong {
	position: absolute;
	right: -0px;
	top: 10px;
	padding: 4px 7px!important;
	background-color: #5074b7;
	color: #fff;
	line-height: 12px!important;
	font-size: 10px!important;
	opacity: 0;
	display: block;
	border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
	-o-border-radius: 2px 2px 2px 2px;
}
.skill-bar li span strong:after {
	border-color: #5074b7 transparent;
	border-style: solid;
	border-width: 0px 5px 5px;
	top: -4px;
	content: "";
	display: block;
	left: 10px;
	position: absolute;
	width: 0;
}
.skill-bar li span strong.full:after {
	left: 15px;
}
/* Pie Chart Skills

================================================== */



.bg-facts {
	background: url(../images/bg-facts.png) center 500px no-repeat;
	background-position: 1460px 0px 0px 0px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
.easyPieChart {
	position: relative;
	text-align: center;
}
.easyPieChart canvas {
	position: absolute;
	top: 10px;
	left: 10px;
}
.chart {
	float: left;
	height: 100%;
	margin-left: 3%;
	width: 22%;
	margin-bottom: 20px;
	position: relative;
}
.chart .percentage-light {
	text-align: center;
	color: #fff;
	background: #92d453;
	font-size: 18px;
	margin-bottom: 30px;
	font-weight: 300;
	border-radius: 100%;
	padding: 10px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.chart:hover .percentage-light {
	background: #5074b7;
}
a:hover {
	color: #5074b7;
}
.chart h3 {
	margin: 20px 0 10px -110px;
	color: #404e82;
	font-size: 18px;
	text-align: center;
}
.chart p {
	line-height: 18px;
	text-align: center;
	margin: 10px 0 10px -50px;
	color: #686868;
}
.chart .percentage-light-alt {
	text-align: center;
	color: #fff;
	font-size: 18px;
	margin-bottom: 30px;
	font-weight: 300;
	border-radius: 50%;
	padding: 10px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	background: #fff!important;
}
.chart:hover .percentage-light-alt {
	background: rgba(220, 224, 227, 1)!important;
}
/* Numeric Statistic

================================================== */

.stats {
	padding: 50px 0px 50px 0px;
	text-align: center;
	border-right: 1px solid #d7d7d7;
	width: 100%;
}
.stats.brddark {
	padding: 50px 0px 50px 0px;
	text-align: center;
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	width: 100%;
}
.stats.last {
	border-right: 0px solid #eff4f7;
}
.stats .num {
	color: #5074b7;
	font-size: 40px;
	font-weight: 800;
	margin-bottom: 10px;
}
.stats .type {
	color: #000;
	font-weight: 200;
	font-size: 11px;
	letter-spacing: 2px;
}
.stats .type.white {
	color: #fff;
	font-weight: 200;
	font-size: 11px;
	letter-spacing: 2px;
}
.stats-alt {
	padding: 10px 0px 10px 0px;
	text-align: center;
	border-right: 1px solid #eff4f7;
	width: 100%;
}
.stats-alt.brddark {
	padding: 10px 0px 10px 0px;
	text-align: center;
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	width: 100%;
}
.stats-alt.last {
	border-right: 0px solid #eff4f7;
}
.stats-alt .num {
	color: #232d37;
	font-size: 20px;
	font-weight: 800;
	margin-bottom: 10px;
}
.stats-alt .type {
	color: #c3cdd7;
	font-weight: 200;
	font-size: 8px;
	letter-spacing: 2px;
	line-height: 12px;
}
.stats-alt .type.white {
	color: #fff;
	font-weight: 200;
	font-size: 8px;
	letter-spacing: 2px;
}
/* Icons Demo

====================================*/

.the-icons {
	list-style-type: none;
	margin: 0
}
.the-icons li [class^="icon-"], .the-icons li [class*="icon-"], .the-icons li [class^="ss-"], .the-icons li [class*="ss-"] {
	display: inline-block;
	text-align: center
}
.the-icons li {
	display: block;
	line-height: 32px;
	height: 30px;
	padding: 0 0 0 2px;
	border-radius: 2px
}
.the-icons li, .the-icons li:hover {
	color: #848688;
}
.the-icons li, .the-icons li i {
	color: #2d3237;
}
.the-icons li [class^="icon-"], .the-icons li [class*="icon-"], .the-icons li [class^="ss-"], .the-icons li [class*="ss-"] {
	width: 32px;
	font-size: 14px
}
.the-icons li:hover {
	text-decoration: none;
}
.the-icons li:hover [class^="icon-"], .the-icons li:hover [class*="icon-"], .the-icons li:hover [class^="ss-"], .the-icons li:hover [class*="ss-"] {
	font-size: 28px;
	vertical-align: middle
}
 .the-icons li:hover [class^="icon-"]:before, .the-icons li:hover [class*="icon-"]:before, .the-icons li:hover [class^="ss-"]:before, .the-icons li:hover [class*=" s-"]:before, {
 font-size:24px;
 vertical-align:-3px
}
/* Social Icons

====================================*/

.social-icons li {
	display: inline;
	float: left;
	margin-right: 4px;
}
.social-icons li a {
	width: 40px;
	height: 40px;
	display: inline-block;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	position: relative;
	overflow: hidden;
}
/* Common Styles */

.social-icons li a i {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	position: absolute;
	z-index: 20;
}
.social-icons li a:hover, .social-icons li a i {
	color: #fff;
}
.social-icons li a i {
	top: -30px;
	opacity: 0;
}
.social-icons li a:hover i {
	top: 0;
	opacity: 1;
}
.twitter:before, .wordpress:before, .facebook:before, .linkedin:before, .steam:before, .tumblr:before, .github:before, .delicious:before, .instagram:before, .xing:before, .amazon:before, .dropbox:before, .paypal:before, .lastfm:before, .gplus:before, .yahoo:before, .pinterest:before, .dribbble:before, .flickr:before, .reddit:before, .vimeo:before, .spotify:before, .rss:before, .youtube:before, .blogger:before, .appstore:before, .digg:before, .evernote:before, .fivehundredpx:before, .forrst:before, .stumbleupon:before, .dribbble:before {
	font-family: "FontAwesome";
	font-size: 16px;
	line-height: 16px;
	color: #a0a5aa;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	position: absolute;
	z-index: 20;
}
/* Icon Styles */

.twitter:before {
	font-size: 14px;
}
.twitter i, .twitter:before {
	margin: 13px 0 0 12px;
}
.twitter:before {
	content: "\f081";
	top: 0;
	opacity: 1;
}
.twitter:hover:before {
	top: 30px;
	opacity: 0;
}
.twitter:hover {
	background-color: #3bc1ed;
}
.dribbble i, .dribbble:before {
	margin: 13px 0 0 13px;
}
.dribbble:before {
	content: "\f17d";
	top: 0;
	opacity: 1;
}
.dribbble:hover:before {
	top: 30px;
	opacity: 0;
}
.dribbble:hover {
	background-color: #ef5a92;
}
.facebook i, .facebook:before {
	margin: 13px 0 0 16px;
}
.facebook:before {
	content: "\f082";
	top: 0;
	opacity: 1;
}
.facebook:hover:before {
	top: 30px;
	opacity: 0;
}
.facebook:hover {
	background-color: #4a6d9d;
}
.linkedin i, .linkedin:before {
	margin: 13px 0 0 13px;
}
.linkedin:before {
	content: "\f0e1";
	top: 0;
	opacity: 1;
}
.linkedin:hover:before {
	top: 30px;
	opacity: 0;
}
.linkedin:hover {
	background-color: #0b7bb5;
}
.delicious i, .delicious:before {
	margin: 13px 0 0 13px;
}
.delicious:before {
	content: "\23";
	top: 0;
	opacity: 1;
}
.delicious:hover:before {
	top: 30px;
	opacity: 0;
}
.delicious:hover {
	background-color: #3274d1;
}
.paypal i, .paypal:before {
	margin: 13px 0 0 13px;
}
.paypal:before {
	content: "\24";
	top: 0;
	opacity: 1;
}
.paypal:hover:before {
	top: 30px;
	opacity: 0;
}
.paypal:hover {
	background-color: #2e689a;
}
.gplus i, .gplus:before {
	margin: 13px 0 0 13px;
}
.gplus:before {
	content: "\2b";
	top: 0;
	opacity: 1;
}
.gplus:hover:before {
	top: 30px;
	opacity: 0;
}
.gplus:hover {
	background-color: #d53824;
}
.stumbleupon i, .stumbleupon:before {
	margin: 13px 0 0 11px;
}
.stumbleupon:before {
	content: "\2f";
	top: 0;
	opacity: 1;
}
.stumbleupon:hover:before {
	top: 30px;
	opacity: 0;
}
.stumbleupon:hover {
	background-color: #eb4924;
}
.fivehundredpx i, .fivehundredpx:before {
	margin: 13px 0 0 11px;
}
.fivehundredpx:before {
	content: "\30";
	top: 0;
	opacity: 1;
}
.fivehundredpx:hover:before {
	top: 30px;
	opacity: 0;
}
.fivehundredpx:hover {
	background-color: #444;
}
.pinterest i, .pinterest:before {
	margin: 13px 0 0 15px;
}
.pinterest:before {
	content: "\31";
	top: 0;
	opacity: 1;
}
.pinterest:hover:before {
	top: 30px;
	opacity: 0;
}
.pinterest:hover {
	background-color: #cb1f25;
}
.forrst i, .forrst:before {
	margin: 13px 0 0 15px;
}
.forrst:before {
	content: "\3a";
	top: 0;
	opacity: 1;
}
.forrst:hover:before {
	top: 30px;
	opacity: 0;
}
.forrst:hover {
	background-color: #40833e;
}
.digg i, .digg:before {
	margin: 13px 0 0 12px;
}
.digg:before {
	content: "\3b";
	top: 0;
	opacity: 1;
}
.digg:hover:before {
	top: 30px;
	opacity: 0;
}
.digg:hover {
	background-color: #205685;
}
.spotify i, .spotify:before {
	margin: 13px 0 0 13px;
}
.spotify:before {
	content: "\3d";
	top: 0;
	opacity: 1;
}
.spotify:hover:before {
	top: 30px;
	opacity: 0;
}
.spotify:hover {
	background-color: #6ca405;
}
.reddit i, .reddit:before {
	margin: 13px 0 0 12px;
}
.reddit:before {
	content: "\3e";
	top: 0;
	opacity: 1;
}
.reddit:hover:before {
	top: 30px;
	opacity: 0;
}
.reddit:hover {
	background-color: #404040;
}
.appstore i, .appstore:before {
	margin: 13px 0 0 14px;
}
.appstore:before {
	content: "\41";
	top: 0;
	opacity: 1;
}
.appstore:hover:before {
	top: 30px;
	opacity: 0;
}
.appstore:hover {
	background-color: #c0c0c0;
}
.blogger i, .blogger:before {
	margin: 13px 0 0 15px;
	font-size: 14px !important;
}
.blogger:before {
	content: "\42";
	top: 0;
	opacity: 1;
}
.blogger:hover:before {
	top: 30px;
	opacity: 0;
}
.blogger:hover {
	background-color: #ff6501;
}
.dribbble i, .dribbble:before {
	margin: 13px 0 0 13px;
}
.dribbble:before {
	content: "\44";
	top: 0;
	opacity: 1;
}
.dribbble:hover:before {
	top: 30px;
	opacity: 0;
}
.dribbble:hover {
	background-color: #ef5a92;
}
.evernote i, .evernote:before {
	margin: 13px 0 0 15px;
}
.evernote:before {
	content: "\45";
	top: 0;
	opacity: 1;
}
.evernote:hover:before {
	top: 30px;
	opacity: 0;
}
.evernote:hover {
	background-color: #6bb130;
}
.flickr i, .flickr:before {
	margin: 13px 0 0 13px;
}
.flickr:before {
	content: "\46";
	top: 0;
	opacity: 1;
}
.flickr:hover:before {
	top: 30px;
	opacity: 0;
}
.flickr:hover {
	background-color: #136dd5;
}
.rss i, .rss:before {
	margin: 13px 0 0 14px;
	font-size: 14px !important;
}
.rss:before {
	content: "\52";
	top: 0;
	opacity: 1;
}
.rss:hover:before {
	top: 30px;
	opacity: 0;
}
.rss:hover {
	background-color: #fe8f00;
}
.youtube i, .youtube:before {
	margin: 13px 0 0 14px;
	font-size: 18px !important;
}
.youtube:before {
	content: "\f167";
	top: 0;
	opacity: 1;
}
.youtube:hover:before {
	top: 30px;
	opacity: 0;
}
.youtube:hover {
	background-color: #bf2f29;
}
.vimeo i, .vimeo:before {
	margin: 13px 0 0 13px;
	font-size: 14px !important;
}
.vimeo:before {
	content: "\56";
	top: 0;
	opacity: 1;
}
.vimeo:hover:before {
	top: 30px;
	opacity: 0;
}
.vimeo:hover {
	background-color: #4c8ab0;
}
.xing i, .xing:before {
	margin: 13px 0 0 14px;
}
.xing:before {
	content: "\58";
	top: 0;
	opacity: 1;
}
.xing:hover:before {
	top: 30px;
	opacity: 0;
}
.xing:hover {
	background-color: #036568;
}
.yahoo i, .yahoo:before {
	margin: 13px 0 0 11px;
}
.yahoo:before {
	content: "\59";
	top: 0;
	opacity: 1;
}
.yahoo:hover:before {
	top: 30px;
	opacity: 0;
}
.yahoo:hover {
	background-color: #9251a2;
}
.amazon i, .amazon:before {
	margin: 13px 0 0 12px;
}
.amazon:before {
	content: "\61";
	top: 0;
	opacity: 1;
}
.amazon:hover:before {
	top: 30px;
	opacity: 0;
}
.amazon:hover {
	background-color: #2f3842;
}
.steam i, .steam:before {
	margin: 13px 0 0 11px;
}
.steam:before {
	content: "\62";
	top: 0;
	opacity: 1;
}
.steam:hover:before {
	top: 30px;
	opacity: 0;
}
.steam:hover {
	background-color: #383838;
}
.dropbox i, .dropbox:before {
	margin: 13px 0 0 13px;
}
.dropbox:before {
	content: "\64";
	top: 0;
	opacity: 1;
}
.dropbox:hover:before {
	top: 30px;
	opacity: 0;
}
.dropbox:hover {
	background-color: #2c92dd;
}
.github i, .github:before {
	margin: 13px 0 0 13px;
}
.github:before {
	content: "\67";
	top: 0;
	opacity: 1;
}
.github:hover:before {
	top: 30px;
	opacity: 0;
}
.github:hover {
	background-color: #5c7381;
}
.lastfm i, .lastfm:before {
	margin: 13px 0 0 11px;
}
.lastfm:before {
	content: "\6c";
	top: 0;
	opacity: 1;
}
.lastfm:hover:before {
	top: 30px;
	opacity: 0;
}
.lastfm:hover {
	background-color: #d21309;
}
.tumblr i, .tumblr:before {
	margin: 13px 0 0 15px;
}
.tumblr:before {
	content: "\74";
	top: 0;
	opacity: 1;
}
.tumblr:hover:before {
	top: 30px;
	opacity: 0;
}
.tumblr:hover {
	background-color: #3d658d;
}
.wordpress i, .wordpress:before {
	margin: 13px 0 0 14px;
}
.wordpress:before {
	content: "\77";
	top: 0;
	opacity: 1;
}
.wordpress:hover:before {
	top: 30px;
	opacity: 0;
}
.wordpress:hover {
	background-color: #383838;
}
.instagram i, .instagram:before {
	margin: 13px 0 0 14px;
}
.instagram:before {
	content: "\f31f";
	top: 0;
	opacity: 1;
}
.instagram:hover:before {
	top: 30px;
	opacity: 0;
}
.instagram:hover {
	background-color: #3f6f94;
}
/* Tooltips

====================================*/

#tiptip_holder {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99999;
	font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#tiptip_holder.tip_top {
	padding-bottom: 5px;
	-webkit-transform: translateX(12px)
}
#tiptip_holder.tip_bottom {
	padding-top: 5px;
}
#tiptip_holder.tip_right {
	padding-left: 5px;
}
#tiptip_holder.tip_left {
	padding-right: 5px;
}
#tiptip_content {
	color: #fff;
	font-size: 12px;
	line-height: 16px;
	padding: 6px 10px;
	background-color: #666;
	border-radius: 2px;
}
#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}
#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #666;
}
#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #666;
}
#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #666;
}
#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #666;
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: #666;
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: #666;
}
#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: #666;
}
#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: #666;
}
/* Tabs

====================================*/

.tabs-nav {
	list-style: none;
	margin: 0 0 0px 0;
	overflow: hidden;
	padding: 0;
	display: block;
	text-align: center;
}
.tabs-nav li {
	float: none;
	line-height: 38px;
	overflow: hidden;
	padding: 0;
	margin-right: 1px;
	display: inline-block;
}
.tabs-nav li a {
	background-color: #5074b7;
	color: #fff;
	font-weight:800;
	display: block;
	letter-spacing: 0;
	outline: none;
	padding: 8px 20px;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	font-size: 18px;
	line-height: 30px;
}
.tabs-nav li.active a {
	background:#91d4ed!important;
	color:#5074b7;
}
.tab-content {
	    position: relative;
}
.tabs-container {
	overflow: hidden;
	margin-top: -7px;
	padding: 0px;
	border-radius: 2px;
}
/* Accordions & Toggles

====================================*/

.ui-accordion .ui-accordion-header, .trigger a {
	display: block;
	cursor: pointer;
	position: relative;
	padding: 0;
	line-height: 26px;
	outline: none;
	color: #848688;
	font-size: 14px;
	-webkit-transition: background-color 100ms ease-in-out;
	-moz-transition: background-color 100ms ease-in-out;
	-o-transition: background-color 100ms ease-in-out;
	-ms-transition: background-color 100ms ease-in-out;
	transition: background-color 100ms ease-in-out;
	padding: 10px 16px;
	margin-bottom: 0px;
	border-radius: 2px;
	border: 1px solid #eceef0;
	margin-bottom: 10px;
}
.ui-accordion .ui-accordion-header-active:hover, .ui-accordion .ui-accordion-header-active, .trigger.active a, .trigger.active a:hover {
	background: #a0a5aa;
	color: #fff;
}
.ui-accordion .ui-accordion-content, .toggle-container {
	padding: 10px 16px 10px 16px;
	border-right: 1px solid #eceef0;
	border-left: 1px solid #eceef0;
	border-bottom: 1px solid #eceef0;
	margin-top: -10px;
	margin-bottom: 10px;
}
.ui-accordion .ui-accordion-content p {
	margin: 0;
}
.ui-accordion .ui-accordion-content {
}
.ui-accordion-icon:before, .ui-accordion-icon-active:before, .toggle-icon:before {
	font-family: "FontAwesome";
	content: "+";
	color: #afb9c3;
	font-size: 20px;
	display: block;
	float: right;
	line-height: 25px;
	margin: 0 0px 0 0;
}
.toggle-container p {
	margin: 0;
}
.ui-accordion-icon-active:before, .trigger.active .toggle-icon:before {
	content: "-";
	color: #fff;
}
.faq .toggle-icon:before, .faq .trigger.active .toggle-icon:before {
	content: "";
	float: left;
	margin-right: 10px;
}
.ui-accordion h6 {
	line-height: 26px;
	outline: none;
	color: #848688;
	font-size: 14px;
	border-bottom: 1px solid #eceef0;
	margin: 10px 0;
	font-weight: 600;
}
.ui-accordion p strong {
	line-height: 26px;
	outline: none;
	width: 30%!important;
	font-size: 12px;
}
.ui-accordion ul {
	margin-bottom: 20px;
}
.ui-accordion .button {
	margin-left: 10px;
	margin-bottom: 10px;
}
/* Alert Boxes

====================================*/

.notification {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 15px;
	position: relative;
	padding: 13px 40px 13px 18px;
	border-radius: 2px;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.03);
}
.notification p {
	margin: 0;
}
.notification span {
	font-weight: 600;
}
.notification.success, .notification.success strong {
	background-color: #EBF6E0;
	color: #5f9025;
	border: 1px solid #b3dc82;
}
.notification.error, .notification.error strong {
	background-color: #ffe9e9;
	color: #de5959;
	border: 1px solid #fbc4c4;
}
.notification.warning, .notification.warning strong {
	background-color: #FBFADD;
	color: #8f872e;
	border: 1px solid #ded58a;
}
.notification.notice, .notification.notice strong {
	background-color: #E9F7FE;
	color: #5091b2;
	border: 1px solid #b6d7e8;
}
.notification strong {
	border: none !important;
}
.notification.success .close, .notification.error .close, .notification.warning .close, .notification.notice .close {
	padding: 0px 9px;
	position: absolute;
	right: 0;
	top: 22px;
	display: block;
	height: 8px;
	width: 8px;
	cursor: pointer;
}
.notification.success .close {
	background: url(../images/alert_boxes_close_ico.png) 0 -8px no-repeat;
}
.notification.error .close {
	background: url(../images/alert_boxes_close_ico.png) 0 0 no-repeat;
}
.notification.warning .close {
	background: url(../images/alert_boxes_close_ico.png) 0 -16px no-repeat;
}
.notification.notice .close {
	background: url(../images/alert_boxes_close_ico.png) 0 -24px no-repeat;
}
/* Testimonials

====================================*/

.testimonials {
	background: #f4f6f8;
	border-radius: 2px;
	-webkit-box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.04);
	box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.04);
	width: 98%;
}
.testimonials p {
	color: #848688;
	padding: 20px;
	line-height: 23px;
}
.testimonials-bg {
	background: url(../images/testimonials-bg.png) no-repeat;
	margin-top: -16px;
	display: block;
	margin-left: 27px;
	width: 200px;
	height: 30px;
}
.testimonials-author {
	color: #b9bec3;
	float: left;
	display: block;
	margin-bottom: 20px;
	font-style: italic;
}
.testimonials-author span {
	color: #b9bec3;
}
.testimonial_home {
	color: #848688;
	padding: 25px 25px 0;
	line-height: 24px;
	font-size: 14px;
	text-align: center;
}
.testimonial_home i {
	color: #eceef0;
	font-size: 40px;
	text-align: center;
}
.author {
	text-align: center;
	display: block;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	font-style: italic;
	font-size: 12px;
}
.author span {
	color: #b9bec3!important;
}
/* Happy Clients

====================================*/

.sb-navigation-left-2.alt, .sb-navigation-right-2.alt {
	top: 57%;
	margin: 0;
	position: absolute;
	height: 20px;
	width: 20px;
	z-index: 99;
}
.sb-navigation-left-2.alt {
	left: 10px;
}
.sb-navigation-right-2.alt {
	right: 0;
}
.happy-clients-photo img {
	float: left;
	display: block;
	margin-bottom: 11px;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	border: 1px solid #eceef0;
	padding: 10px;
	margin-left: 30px;
}
.happy-clients-cite {
	font-size: 20px;
	font-weight: 300;
	color: #fff;
	width: 80%;
	margin: 0 auto;
	display: block;
	text-align: left;
	line-height: 30px;
	margin-bottom: 7px;
	border: 1px solid #fff;
	padding: 30px 10px;
	border-radius: 5px;
	float: right;
	margin-right: 40px;
	font-family: 'Roboto', sans-serif;
}
.happy-clients-cite i {
	font-size: 18px;
	font-weight: normal;
	position: relative;
	top: -20px;
	left: -22px;
	color: #eceef0;
}
.happy-clients-author {
	font-size: 13px;
	font-weight: 500;
	color: #eff4f7 !important;
	float: left;
	display: block;
	text-align: left;
	line-height: 32px;
	margin-left: 40px;
	font-style: italic;
}
.happy-clients-author strong {
	color: #b9bec3;
	font-weight: 800;
}
/* Dropcaps

====================================*/

.dropcap {
	float: left;
	color: #a0a5aa;
	font-size: 58px;
	line-height: 54px;
	padding-top: 4px;
	padding-right: 10px;
	margin-top: -2px;
}
.dropcap.gray {
	color: #555;
}
/* Highlights

====================================*/

.highlight.color, .highlight.gray, .highlight.light {
	padding: 2px 6px;
	color: #fff;
	border-radius: 2px;
}
.highlight.color {
	background: #a0a5aa;
}
.highlight.gray {
	background: #a0a5aa;
}
.highlight.light {
	background: #f2f4f6;
	color: #848688;
}
/* Blockquote

====================================*/

blockquote {
	border-left: 3px solid #e8e8e8;
	background: #fafcfe;
	padding: 10px 20px;
	color: #a0a5aa;
	line-height: 24px;
	margin: 10px 0 20px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
/* Large Notice

====================================*/

.large-notice {
	padding: 32px;
	border-radius: 2px;
	background-color: #fcfcfc;
	border: 1px solid #e4e4e4;
}
.large-notice h2 {
	margin-bottom: 10px;
	font-weight: 600;
	font-size: 22px;
}
.large-notice p {
	font-size: 14px;
	color: #848688;
	line-height: 22px;
}
/* List Styles

====================================*/

.list-1 li, .list-2 li, .list-3 li, .list-4 li, .list-5 li {
	list-style: none;
	margin: 7px 0;
	margin-left: 2px;
	font-family: 'Roboto', sans-serif!important;
}
.list-1 li:first-child, .list-2 li:first-child, .list-3 li:first-child, .list-4 li:first-child, .list-5 li:first-child {
	margin-top: 0;
}
.list-1 li:before, .list-2 li:before, .list-3 li:before, .list-4 li:before, .list-5 li:before {
	content: "";
	font-family: "FontAwesome";
	margin: 0 8px 0 0;
	position: relative;
	color: #a0a5aa;
}
.list-1 li:before {
	content: "";
}
.list-2 li:before {
	content: "\f105";
}
.list-3 li:before {
	content: "\f0a9";
	font-family: FontAwesome;
	top: 1px;
	font-size: 15px;
}
.list-5 li:before {
	content: "\f0a9";
	font-family: FontAwesome;
	top: 1px;
	font-size: 15px;
	color:#000;
}
.list-4 li:before {
	content: "";
}
/* Pricing Tables 

===================================== */

.plan {
	border-radius: 2px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.plan:hover {
	box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.07);
}
.plan h4 {
	font-size: 16px;
	padding: 18px 0;
	color: #fff;
	font-weight: 600;
	text-align: center;
	background-color: #5074b7;
	font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	border-bottom: none;
}
.plan-price {
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	padding: 10px 0 10px 0px;
	position: relative;
	background-color: #fb5a4e;
	float: left;
	width: 100%;
}
.plan-currency {
    font-size: 14px;
    color: #dfdfdf;
    margin: 0px;
    float: left;
    width: 100%;
}
.period {
	display: block;
	font-size: 16px;
	margin: 5px 0 0 0;
	opacity: 0.6;
}
.plan-features {
	background: #fff;
	padding: 0px 10px;
	float: left;
	width: 100%;
	box-sizing: border-box;
}
.plan-features ul li {
	padding: 12px 0;
	text-align: center;
	border-bottom: 1px solid #eceef0;
}
.plan-features a.button {
	position: relative;
	display: block;
	width: 100px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	background-color: #232d37;
	color: #fff;
}
/* Premium Plan Style */



.premium .plan-price, .premium .plan-features a.button:hover {
	background-color: #fff;
	color: #169fe6;
}
.premium.plan h3, .premium .plan-features a.button {
	background-color: #232d37;
	color: #fff;
}
.premium .plan-currency {
	color: #169fe6;
}
.premium.plan h3, .premium .plan-features {
	background-color: #ff0000;
	color: #fff;
}
 .featured .plan-price, {
 background-color: #eff4f7;
 color:#afb4b9
}
.featured.plan h3 {
	background-color: #fff;
}
.featured .plan-features a.button {
	background-color: #5074b7;
}
.featured .plan-features a.button:hover {
	color: #fff
}
/* 23 Footer

====================================================== */

#footer {
	color: #bcc1c5;
    font-size: 13px;
    position: relative;
    z-index: 9;
    float: left;
    width: 100%;
}
#footer h3 {
	margin-bottom: 10px;
	color: #fff;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 13px;
	text-align: left;
}
#footer .widget-tabs li {
	padding: 0 0 12px 0;
	margin: 12px 0 0 0;
	border-bottom: 0px solid #000!important;
}
#footer .widget-tabs li:first-child {
	margin: 4px 0 0 0;
}
#footer .widget-tabs li:last-child {
	border-bottom: 0;
}
#footer .widget-thumb a img {
	display: block;
	width: 70px;
	height: 70px;
	border: 5px solid #bcc1c5;
	border-radius: 2px;
	float: left;
	margin: 0 10px 0 0;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
#footer .widget-thumb a img:hover {
	border: 5px solid;
}
#footer .widget-text h4 {
	font-size: 13px;
	font-weight: 600;
	line-height: 18px;
	padding: 3px 0 0 0;
	color: #bcc1c5;
}
#footer .widget-text h4 a {
	color: #bcc1c5;
}
#footer .widget-text h4 a:hover {
	color: #b9bec3;
}
#footer .widget-text span {
	color: #a0a5aa;
	font-weight: 300;
	margin: 4px 0 0 0;
	display: block;
}
#footer .widget-tabs.comments .widget-text span {
	padding: 5px 0 0 0;
	margin: 0;
}
/* Footer Bottom

====================================*/

#footer-bottom {
	background-color: #fff;
	padding: 20px 0 70px 0;
	color: #232d37;
	float: left;
	width: 100%;
	position: relative;
	z-index: 9;
}
#footer-bottom a {
	color: #232d37;
	font-weight: 600;
}
/* Get In Touch

====================================*/

.get-in-touch {
	margin: 15px 0 0 0;
	text-align: left;
}
.get-in-touch li p strong {
	color: #bcc1c5;
	float: left;
	font-weight: 600;
	margin: 0 5px 5px 0;
}
.get-in-touch .icon-map-marker {
	font-size: 16px;
}
.get-in-touch li {
	margin: 0 0 15px 0;
}
.get-in-touch p, .get-in-touch li, .get-in-touch a {
	color: #bcc1c5 !important;
}
.get-in-touch p {
	margin: -2px 0 0 25px;
	line-height: 20px;
}
.get-in-touch li i {
	float: left;
	margin: 2px 0 0 0;
	color: #bcc1c5;
}
/* Search / Newsletter Inputs

====================================*/

.newsletter-btn, .search-btn {
	background-color: #a0a5aa;
	border-radius: 0 2px 2px 0;
	border: 0;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	float: right;
	z-index: 5;
	position: relative;
	padding: 9px 16px;
	line-height: 18px;
	margin: 0;
	height: 38px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.newsletter-btn {
	position: relative;
	left: -37px;
}
.newsletter-btn:hover, .search-btn:hover {
	background-color: #4c90ab;
}
.search-btn i {
	float: left;
	margin: -2px 0 0 0;
	padding: 0 3px;
}
.search-btn {
	padding: 9px 10px;
	width: 38px;
}
input.search {
	float: left;
	color: #a0a5aa;
	border-radius: 2px 0 0 2px;
	z-index: 1;
	position: relative;
	font-size: 13px;
	width: 80%;
	margin-top: -38px;
	padding: 9px 12px;
	line-height: 18px;
	height: 18px;
}
input.newsletter {
	float: left;
	color: #a0a5aa;
	border-radius: 2px 0 0 2px;
	z-index: 1;
	position: relative;
	font-size: 13px;
	width: 75%;
	padding: 9px 12px;
	line-height: 18px;
	height: 18px;
}
.widget_latest_posts li {
	margin-bottom: 5px;
	text-align: left;
}
.widget_latest_posts li a {
	color: #28b1e5;
	font-size: 13px;
}
#footer .widget_latest_posts li a {
	color: #bcc1c5 !important;
	font-size: 13px;
}
.widget_latest_posts li a:hover {
}
.widget_latest_posts li:last-child {
	margin: 0;
}
.widget_latest_posts li i {
	font-size: 8px!important;
	color: #bcc1c5!important;
	margin-right: 5px;
}
.widget_latest_posts li span {
	font-size: 10px;
}
.photo-stream {
	margin-right: -12px;
}
.photo-stream li {
	float: left;
	overflow: hidden;
	margin: 0 10px 10px 0;
}
.photo-stream a img {
	display: block;
	border-radius: 3px;
	filter: url("data:image/svg+xml;
utf8, <svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
	-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
	-webkit-backface-visibility: hidden; /* Fix for transition flickering */
	opacity: 0.7;
}
.photo-stream a:hover img {
	opacity: 1;
	filter: none;
	-webkit-filter: grayscale(0%);
}
.photo-stream img {
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 3px;
}
.footer_tags h3 {
	padding-bottom: 23px;
}
.footer_tags ul {
	margin-left: -6px;
	margin-bottom: -6px;
	display: block;
	overflow: hidden;
}
.footer_tags li {
	margin-left: 6px;
	margin-bottom: 6px;
	float: left;
}
.footer_tags li a {
	height: 26px;
	line-height: 28px;
	padding: 0px 9px;
	display: block;
	position: relative;
	background-color: #1b232b;
	border: 1px solid #141a20;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.03);
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.03);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.03);
	behavior: url(layout/plugins/PIE.html);
	font-size: 12px;
	color: #bcc1c5;
}
.footer_tags li a:hover {
	background-color: #ffffff;
	border: 1px solid #1a1a1a;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#232d37) to(#232d37));
	background: -webkit-linear-gradient(#32414f, #232d37 1px, #232d37);
	background: -moz-linear-gradient(#32414f, #232d37 1px, #232d37);
	background: -ms-linear-gradient(#595959, #404040 1px, #404040);
	background: linear-gradient(#32414f, #232d37 1px, #232d37);
	background: -o-linear-gradient(#32414f, #232d37 1px, #232d37);
	-pie-background: linear-gradient(#32414f, #232d37 1px, #232d37);
	color: #ffffff;
	text-decoration: none;
}

/* Media Queries

====================================================================== */



/* Smaller than standard 1180 (devices and browsers) */

@media only screen and (min-width: 959px) and (max-width: 1199px) {
.caption.text {
	margin-left: 50px !important;
}
.caption h2, .caption h3, .caption p {
	margin: 0;
}
.menu ul > li > a {
	padding: 38px 15px !important;
}
ol li ol.childlist .comment-des {
	float: right;
	width: 78%;
}
.comment-des {
	float: right;
	width: 81%;
}
.add-comment textarea, #contact textarea {
	min-width: 97%;
}
.flickr-widget-blog a {
	width: 57px;
	height: 57px;
}
#not-found {
	margin: 50px 0 75px 0;
}
#not-found h2 {
	font-size: 210px;
	line-height: 210px;
}
#not-found p {
	font-size: 28px;
	line-height: 36px;
}
#not-found i {
	font-size: 200px;
	top: -5px;
}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 959px) {
.caption.text {
	margin-left: 30px !important;
}
.caption h2 {
	margin-top: -8px;
}
.caption p {
	margin-top: 8px;
}
.img-1 {
	margin-left: 0 !important;
}
.menu ul > li > a {
	padding-left: 0px;
	padding-right: 0px;
}
.compact .menu ul > li > a {
	padding: 10px;
}
#search-form {
	position: absolute;
	right: 0;
}
.search-container {
	margin-left: 50px !important;
}
.the-icons {
	font-size: 13px;
}
ol li ol.childlist .comment-des {
	float: right;
	width: 71%;
}
.comment-des {
	float: right;
	width: 75%;
}
.add-comment textarea, #contact textarea {
	min-width: 96%;
}
.flickr-widget-blog a {
	width: 69px;
	height: 69px;
}
#not-found {
	margin: 35px 0 60px 0;
}
#not-found h2 {
	font-size: 160px;
	line-height: 160px;
}
#not-found i {
	font-size: 155px;
	top: -4px;
}
#not-found p {
	font-size: 22px;
	line-height: 32px;
}
}

/* All Mobile Sizes (devices and browser) */

@media only screen and (max-width: 767px) {
.caption.text {
	margin-left: 30px !important;
}
.caption h2 {
	font-size: 32px;
	margin-top: 10px;
}
.caption h3 {
	font-size: 20px;
	margin-top: 15px;
}
.caption p {
	display: none;
}
.img-1 {
	margin-left: 0 !important;
}
.showbiz.our-clients ul li img {
	margin: 0 auto;
}
#breadcrumbs ul {
	float: left;
	margin-top: 0;
	padding: 0 0 24px 0;
}
#titlebar h2 {
	margin-top: 3px;
}
#googlemaps {
	padding-bottom: 40%;
}
.plan-features {
	margin-bottom: 25px;
}
.medium .post-img {
	margin-bottom: 20px;
}
#filters {
	margin: 10px 0 30px 0;
}
#filters a {
	margin: 0 5px 5px 0;
}
.line.filters {
	display: none;
}
.line.showing {
	display: inline-block;
	margin: -11px 0 0 0;
	z-index: 5;
}
.social-icons-footer {
	margin-top: 5px;
	float: left;
}
#footer {
	padding-top:0px;
}
#footer h3 {
	margin-top: 30px;
}
.featured-boxes {
	margin: 40px 0 5px 0;
}
.featured-box {
	margin: 0 0 25px 0;
}
a.button.launch {
	margin: 0 0 30px 0;
}
#related-work figure {
	margin-bottom: 20px;
}
.search-form {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #eceef0;
}
#contact input[type="submit"] {
 margin: 0 0 30px 0;
}
#not-found { margin: 15px 0 25px 0; }
#not-found h2 { font-size: 110px; line-height: 120px; }
#not-found i { font-size: 105px; top: -2px; }
#not-found p { font-size: 22px; line-height: 32px; }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

@media only screen and (min-width: 480px) and (max-width: 767px) {
ol li ol.childlist .comment-des {
 float: right;
 width: 63%;
}
.comment-des {
 float: right;
 width: 68%;
}
.add-comment textarea, #contact textarea {
 min-width: 95%;
}
.flickr-widget-blog a {
 width: 87px;
 height: 87px;
}
}



/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 479px) {
.caption h2 {
 font-size: 32px;
 margin-top: 0;
}
.caption h3 {
 font-size: 18px;
 margin-top: 10px;
}
.caption p {
 display: none
}
ol li ol.childlist .comment-des {
 float: right;
 width: 49%;
}
.comment-des {
 float: right;
 width: 56%;
}
.add-comment textarea, #contact textarea {
 width: 90%;
}
.flickr-widget-blog a {
 width: 82px;
 height: 82px;
}
.dropcap {
 font-size: 52px;
}
.chart {
 float: left !important;
 clear: both;
 height: 100%;
 margin-left: 0%;
 width: 22%;
 margin-bottom: 20px;
 position: relative;
 left: 0px !important;
 float: left !important;
 width: 100% !important;
 margin: 0px !important;
 padding: 0px !important;
}
 @media only screen and (max-width: 767px) {
 .easyPieChart {
 margin: auto !important;
}
 .chart {
 margin-bottom: 45px !important;
}
 .chart p {
 text-align: center;
 margin: 0px !important;
 line-height: 23px;
}
 .chart h3 {
 margin: 0px !important;
}
 .ui-accordion .ui-accordion-content .image-right {
 width: 100% !important;
}
}