/*
* Author: Vasterad
* URL: http://purethemes.net
*/


/* ------------------------------------------------------------------- */
/* Import Section
---------------------------------------------------------------------- */
@import url("base.css");				/* Default Reset, Typography, Forms, etc. */
@import url("responsive.css");			/* Responsive Grid */
@import url("font-awesome.css");		/* Font Awesome Icons */
@import url("http://fonts.googleapis.com/css?family=Montserrat:400,700");
@import url("http://fonts.googleapis.com/css?family=Lato:400,700,300");


/* ------------------------------------------------------------------- */
/* Table of Contents
---------------------------------------------------------------------- 
1. Header
2. Mobile Navigation
2. Homepage Banner
3. Titlebar
4. Miscellaneous
5. Tables + Stacktable (responsive tables plug-in)
6. Magnific Popup
7. Shortcodes
8. Social Icons
9. Job List Styles
10. Revolution Slider
11. Flexslider
12. ShowBiz Carousel
13. Blog Styles
14. Widgets
15. Chosen Plugin
16. SCEditor
17. Submit Pages
18. Footer
19. Manage Applications Styles
20. Job List Page
21. Media Queries
22. Styles Switcher

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


/* ------------------------------------------------------------------- */
/* Header
---------------------------------------------------------------------- */
header {
	height: 90px;
	background-color: #fff;
}

#logo {
	margin-left: 0;
	display: inline-block;
	float: left;
	width: 17%;
}

#logo img { margin-top: 16px; }


/* Full-Width Header Styles */
header.full-width .container, 
header.full-width .container .sixteen.columns {
	width: 100%;
	padding-left: 20px;
	box-sizing: border-box;
	float: left;
	margin: 0;
}

header.full-width #navigation ul.float-right { right: 35px; }


/* Alternative Header & Menu style*/
.alternative #navigation {
	width: 100%;
	border-top: 1px solid #e0e0e0;
	margin: 27px 0 0 0;
	padding: 24px 0 12px 0;
}

.alternative #navigation ul {
	margin: 0;
}

.alternative .menu ul li { margin: 0 10px 0 0; }

.alternative #navigation ul.float-right { top: 27px; }


/* ---------------------------------- */
/* Navigation
------------------------------------- */

#navigation { float: left; margin-left: 110px; }

#navigation ul.float-right {
	right: 10px;
	top: 0;
	position: absolute;
}

#navigation ul.float-right li a i { margin-right: 2px; }

.js .selectnav { display: none; }

.menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: 700;
	text-transform: uppercase;
	margin: 26px 0 0 25px;
}

.menu ul li {
	position: relative;
	margin-left:10px;
}

.menu ul ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 100;
	width: 200px;
	letter-spacing: 0;
}

.menu > ul li { float: left; }
.menu ul li:hover > ul { display: block; }

.menu ul a {
	display: block;
	position: relative;
}

.menu ul ul ul {
	top: 0;
	left: 100%;
}


/* Main Styles */
.menu ul a { text-decoration: none; }

.menu ul > li > a {
	color: #333;
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
	padding: 0;
	overflow: hidden;
	padding: 10px 14px;
	margin-bottom: 12px;
}

#current { background-color: #505050; color: #fff; }
#current.sf-with-ul:after { color: #fff; }

.menu ul ul li a,
.menu ul li.sfHover a.sf-with-ul:after,
.menu ul li a {
	-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;
}

ul.float-right li a { 
	background-color: #f0f0f0;
	color: #333;
 }

ul.float-right li a:hover,
.menu ul li.sfHover a.sf-with-ul,
.menu ul li a:hover {
	background-color: #505050;
	color: #fff;
}


/* Drop-Down */
.menu ul ul {
	background-color: #282828;
	z-index: 999;
	margin: 0 0 0 0;
	padding: 14px 0;
	border-top: 10px solid inherit;
}

.menu ul ul:before {
	font-family: "FontAwesome";
	content:"?";
	font-size: 23px;
	color: #282828;
	display: block;
	position: absolute;
	top: -11px;
	left: 13px;
}

.menu ul ul ul:before { content:"";}

.menu > ul ul li:hover > a {
	border-bottom: 0;
	background: transparent;
}

.menu ul ul li {
	margin: 0;
	padding: 0;
	width: 100%;
}

.menu ul li.sfHover ul li a.sf-with-ul,
.menu ul ul li a {
	font-weight: 500;
	text-transform: none;
	color: #9f9f9f;
	font-size: 14px;
	line-height: 19px;
	padding: 5px 18px !important;
	border: 0;
	margin-bottom: 0;
	background-color: #282828;
}


.menu ul ul li:first-child { border: none; }

.menu ul ul li a:hover,
.menu ul li.sfHover ul li a.sf-with-ul:hover { color: #fff; }

.menu ul ul ul {
	margin: 0 0 0 3px;
	border: none;
}

.sf-with-ul:after {
	content: "?";
	font-family: "FontAwesome";
	font-size: 14px;
	margin: 0 0 0 7px;
	top: 0;
	position: relative;
	width: 9px;
	height: 5px;
	display: inline-block;
	color: rgba(0,0,0,0.4);
	float: right;
	font-weight: 500;
}

ul li ul a.sf-with-ul:after {
	right: 9px;
	top: 4px;
	position: absolute;
	content: "?";
}

.menu ul li.sfHover a.sf-with-ul:after { color: #fff; }
.menu ul li ul a.sf-with-ul:after { color: #888 !important; }


/* ------------------------------------------------------------------- */
/* Mobile Navigation
---------------------------------------------------------------------- */
#mobile-navigation { display: none; }

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

	#mobile-navigation { display: block; }

	#responsive { display: none; }

	a.menu-trigger,
	a.menu-trigger 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;
	}

	a.menu-trigger {
		color: #fff;
		background-color: #282828;
		display: block;
		float: left;
		z-index: 100;
		position: relative;
		margin: 0 0 30px 0;
		width: 100%;
		box-sizing: border-box;
		font-size: 16px;
		text-transform: uppercase;
		font-weight: 600;
	}

	a.menu-trigger:hover {
		color: #fff;
		background-color: #505050;
	}

	a.menu-trigger i {
		font-size: 18px;
		padding: 17px 17px 18px 17px;
		margin: 0px 10px 0px 0px;
		background-color: rgba(255,255,255, 0.08);
		font-weight: 500;
	}

	a.menu-trigger:hover i { background-color: rgba(0, 0, 0, 0.08);  }

	body[data-menu-position="open"] a.menu-trigger i.fa.fa-reorder:before { content:"?"; }
	body[data-menu-position="closed"] a.menu-trigger i.fa.fa-reorder:before { content:"?"; }

	#navigation ul.float-right {
		position: relative;
		text-transform: uppercase;
		font-weight: 600;
		display: inline-block;
		width: 100%;
		right:0;
	}

	#navigation { float: none; }
	
	#navigation ul.float-right a {
		color: #333;
		margin: 20px 25px 20px 0;
		display: inline-block;
		font-size: 14px;
	}	

	#navigation ul.float-right a:hover {
		color: #333;
		margin: 20px 25px 20px 0;
		display: inline-block;
		font-size: 14px;
	}

	ul.float-right li {
		display: inline-block;
		widows:;
	}

	#logo {
		width: 100%;
		position: relative;
		box-sizing: border-box;
		display: inline-block;
		border-bottom: 1px solid #e0e0e0;
		padding-bottom: 27px;
	}
}

#jPanelMenu-menu { background-color: #282828; }

#jPanelMenu-menu #current:after,
#jPanelMenu-menu .sf-sub-indicator { display: none; }

#jPanelMenu-menu li a {
	display:block;
	padding: 12px 20px !important;
	background-color: #333;
	color: #aaa;
	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;
	outline: none;
	line-height: 21px;
}

#jPanelMenu-menu #current,
#jPanelMenu-menu li a:hover { background-color: #505050; color: #fff; }

#jPanelMenu-menu li li a {
	background-color: #282828;
	padding-left: 30px !important;
}



/* ------------------------------------------------------------------- */
/* Homepage Banner
---------------------------------------------------------------------- */
#banner {
	max-height: 600px;
	width: 100%;
	display: inline-block;
	position: relative;
	background-repeat: no-repeat;
	background-position: 50% !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-bottom: -7px;
}

#banner:before {
	content:"";
	width: 100%;
	height: 100%;
	display: inline-block;
	background-color: rgba(34,34,34,0.5);
	position: absolute;
}

.search-container {
	display: block;
	width: 100%;
	position: relative;
	padding: 170px 0;
	margin-top: -10px;
}

.search-container h2 {
	font-size: 46px;
	color: #fff;
	margin-bottom: 10px;
	letter-spacing: -1px;
}

.search-container input {
	font-weight: 500;
	font-size: 18px;
	float: left;
	box-sizing: border-box;
	padding: 19px 20px;
	border: none;
	margin-right: 2%;
	width: 44.5%;
	float: left;
}


/* Form Icons */
input.ico-01 { background: #fff url("../images/ico-01.png") no-repeat scroll 97% 20px / 21px 21px; }
input.ico-02 { background: #fff url("../images/ico-02.png") no-repeat scroll 96% 20px / 14px 21px; }

.search-container input:focus { border: none; }

.search-container button {
	background-color: #505050;
	color: #fff;
	border: none;
	cursor: pointer;
	font-size: 20px;
	box-sizing: border-box;
	text-align: center;
	height: 60px;
	width: 7%;
	position: relative;
}

.search-container button:before { 
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.1);
	opacity: 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;
	z-index: 99;
}

.search-container button:hover:before { opacity: 1; }

.search-container button i { z-index: 100; position: relative; }


 /* Browse Jobs */
 .browse-jobs {
	color: #fff;
	margin-top: 20px;
 }

.browse-jobs a {
	background-color: rgba(255,255,255,0.1);
	border: 1px solid rgba(255,255,255,0.3);
	padding: 5px 10px;
	color: #fff;
	margin: 0 5px;
	-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;
}

.browse-jobs a:hover {
	background-color: rgba(255,255,255,0.2);
	border: 1px solid rgba(255,255,255,0.4);
}


/* Announce */
.announce {
	color: #fff;
	font-size: 24px;
	font-weight: 300;
	margin-top: 40px;
}

.announce strong {
	font-size: 30px;
	color: #fff;
}



/* ------------------------------------------------------------------- */
/* Titlebar
---------------------------------------------------------------------- */
#titlebar {
	background-color: #f6f6f6;
	position: relative;
	padding: 40px;
	margin-bottom: 20px;
}

#titlebar span a,
#titlebar span { font-size: 18px; color: #888; }

#titlebar.single { padding: 45px 0 47px 0; }
#titlebar.resume { margin-bottom: 45px; padding: 40px 0 37px 0;}

#titlebar .button {
	right: 10px;
	position: absolute;
	top: 51%;
	-webkit-transform: translateY(-51%);
	-moz-transform: translateY(-51%);
	-ms-transform: translateY(-51%);
	transform: translateY(-51%);
}

#titlebar .two-buttons .button {
	right: 10px;
	position: absolute;
	top: 47%;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

#titlebar .two-buttons .button.dark { margin-top: 55px; }

#titlebar h2 {
	font-size: 27px;
	line-height: 36px;
}

#titlebar span.icons {
	font-size: 18px;
	color: #808080;
	margin-bottom: 4px;
}

#titlebar span.icons a { color: #808080; }

#titlebar span a:hover,
#titlebar span.icons a:hover { color: #505050; }


/* Titlebar With Photo Background */
#titlebar.photo-bg {
	background-color: #222;
	padding: 95px 0;
	overflow: hidden;
    background-repeat: no-repeat;
    background-position: 50%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#titlebar.photo-bg h2 {
	font-size: 36px;
	color: #fff;
    line-height: 42px;
}

#titlebar.photo-bg span a {
	font-size: 20px;
	color: rgba(255,255,255,0.7);
	margin-bottom: 3px;
	display: inline-block;
}

#titlebar.photo-bg span a:hover{
	color: rgba(255,255,255,0.9);
}

#titlebar.photo-bg span.subtitle,
#titlebar.photo-bg #breadcrumbs ul li,
#titlebar.photo-bg #breadcrumbs ul li a {
	color: rgba(255,255,255,0.7);
}

#titlebar.photo-bg #breadcrumbs ul li a:hover { color: rgba(255,255,255,0.9); }

#titlebar.photo-bg .container { z-index: 11; }

#titlebar.photo-bg:before {
	content:"";
	width: 100%;
	height: 100%;
	display: inline-block;
	background-color: rgba(34,34,34,0.65);
	position: absolute;
	z-index: 10;
	top: 0px;
}


/* ---------------------------------- */
/* Breadcrumbs
------------------------------------- */
#breadcrumbs ul {
	margin-top: 0px;
	font-weight: 500;
}

#breadcrumbs ul li {
	display: inline-block;
	color: #777;
	margin: 0 0 0 5px;
}

#breadcrumbs ul li:after {
	content: "?";
	font-family: "FontAwesome";
	font-size: 14px;
	color: #aaa;
	margin: 0 0 0 9px;
}

#breadcrumbs ul li:last-child:after,
#breadcrumbs ul li:first-child:after {
	content: "";
	margin: 0;
}

#breadcrumbs ul li:last-child a,
#breadcrumbs ul li a { color: #707070; }
#breadcrumbs ul li a:hover { color: #505050; }

#breadcrumbs ul li:first-child {
	padding-right: 0;
	margin-left: 0;
}

#breadcrumbs ul li:first-child,
#breadcrumbs ul li:last-child {
	color: #777;
	background: none;
}

#breadcrumbs ul li:last-child {
	padding:0;
	background: none;
}

#breadcrumbs.recipe-page {
	position: absolute;
	right: 10px;
	top: -120px;
	z-index: 99;
	width: 300px;
}

#breadcrumbs.recipe-page ul li:first-child { display: none; }



/* ------------------------------------------------------------------- */
/* Miscellaneous
---------------------------------------------------------------------- */
.divider-line {
	border-bottom: 1px solid #e8e8e8;
}

/* ---------------------------------- */
/* Buttons
------------------------------------- */
a.button.gray.app-link.opened,
.upload-btn,
button,
input[type="button"],
input[type="submit"],
a.button {
	cursor: pointer;
	padding: 9px 18px;
	display: inline-block;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	outline: none;
	overflow: hidden;
	position: relative;
	z-index: 10;
	color: #fff;
	background-color: #505050;
	border: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#privacy_hide{ padding: 6px 12px; 
float: right;
    background-color: transparent;
    border: none;
    color: #fff;
    border-radius: 50%;
    border: 2px solid #fff;
}
#privacy_hide:hover { background-color: #fcf935; color:#fff;border: 2px solid #fcf935;}

.button.gray {
	background-color: #f2f2f2;
	color: #808080;
}

a.button.white {
	background-color: #fff;
	color: #333;
}

.button.big {
	font-size: 16px;
	padding: 12px 22px;
}

.button.big i { margin: 0 0 0 3px; }

.button.gray:hover { color: #fff; }

a.button.centered {
	display: table;
    margin: 0 auto;
}

#titlebar.photo-bg a.button:hover {
	background-color: #fff;
	color: #333;
}


a.button i { margin-right: 3px; }

a.button.gray.app-link.opened:hover,
.upload-btn,
a.button.dark,
button:hover,
a.button:hover,.submit-page .button.linkedin-btn:hover,
input[type="button"]:hover,
input[type="submit"]:hover { background-color: #282828; }

.upload-btn:hover,
#titlebar.photo-bg a.button.white:hover,
a.button.dark:hover { background-color: #505050; color: #fff; }

input[type="button"],
input[type="submit"] {
	padding: 9px 18px;
}



/* ------------------------------------------------------------------- */
/* Tables + Stacktable (responsive tables plug-in)
---------------------------------------------------------------------- */

table.manage-table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

table.manage-table th {
	background-color: #f6f6f6;
	text-align: left;
	padding: 18px 20px 18px 40px;
	color: #333;
	vertical-align: top;
	font-size: 16px;
	font-weight: 600;
	position: relative;
	z-index: 9;
	line-height: 22px;
	margin-left: 33px !important;
}

table.manage-table th i { position: absolute; left: 17px; top: 21px; }

table.manage-table a.button {
	padding: 7px 14px;
	line-height: 26px;
}

table.manage-table tr:nth-child(2n+1) { background-color: #fbfbfb; }

table.manage-table th:first-child { width: 32%; padding-left: 55px; }
table.manage-table th:first-child i { left: 35px; }
table.manage-table.resumes th:first-child { width: auto; }

table.manage-table.resumes td:first-child,
table.manage-table td:first-child { padding-left: 35px; line-height: 25px; }


/* Border Hover */
table.manage-table tr td {
	padding: 40px 20px;
	vertical-align: middle;
	border: 1px solid #e0e0e0;
	border-left: none;
	border-right: none;
}

table.manage-table tr:hover td { 
	border: 1px double rgba(80, 80, 80,0.7);
	border-left: none;
	border-right: none;
	background-color: rgba(80, 80, 80,0.05);
}

/* Resumes Table Styles */
table.manage-table.resumes td { padding: 30px 20px; } 

table td.title a {
	font-weight: 600;
	color: #333;
}

table td.title a:hover { color: #505050; }

span.pending {
	color: #53b427;
	font-weight: 500;
}

table.manage-table td.centered { text-align: center; }

table.manage-table td.action a { display: block; color: #333; line-height: 20px; padding: 3px 0; position: relative; margin-left: 21px; }
table.manage-table td.action a.delete i { left: -20px; }
table.manage-table td.action a i { position: absolute; left: -21px; top: 5px; }

table.manage-table td.action a.delete:hover { color: #f02929; }

table.manage-table td.action a:hover { color: #505050; }

.keywords,
.alert-name { width: 18% }


/* ---------------------------------- */
/* Stacktable
------------------------------------- */

.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }

@media (max-width: 990px) {
  .stacktable.large-only { display: none; }
  .stacktable.small-only { display: table; }
}

/* Responsive Tables */
.st-key {
	border: none;
	background-color: #f9f9f9;
	text-align: left;
	padding: 20px 22px;
	color: #333;
	vertical-align: top;
	font-weight: 600;
	width: 45%;
	border: 1px solid #e4e4e4;
}

.st-key i { margin-right: 4px;}

.st-val {
	width: 55%;
	text-align: left;
	padding: 20px 22px;
	border: 1px solid #e4e4e4;
	border-left:0;
}

.st-val a {
	font-weight: 600;
	color: #333;
	display: block;
	line-height: 27px;
}

.st-val a.button {
	color: #fff !important;
	text-align: center;
}

.st-val a:hover {
	color: #808080;
}

.st-space { height: 40px; }
.st-space:first-child { height: 10px; }

.stacktable { width: 100%; }

.st-head-row.st-head-row-main { display: block;}


/* ---------------------------------- */
/* My Account
------------------------------------- */
.my-account {
	width: 430px;
	float: left;
	display: inline;
	margin: 0 auto !important;
	float: none !important;
	display: block !important;
}

.form-row-wide input {width: 100%;}
.required {color: #d11c1c;}

.rememberme {
	display: block;
	margin-top: 10px;
	cursor: pointer;
}

.rememberme input {
	margin: 0 2px 0 0;
	top: 1px;
	display: inline-block;
}

.form-row input[type="submit"] {
	padding: 12px 16px;
	margin-top: 8px;
	margin-left: 180px;
}



/* ---------------------------------- */
/* Resume Table
------------------------------------- */
.resume-table {
	padding: 0 0 0 20px;
	margin: 0 0 20px 0;
	border-top: 3px solid #eee;
}

.resume-table strong {
	font-weight: 500;
	margin: 0;
	padding: 0;
	font-size: 20px;
	line-height: 30px;
	padding: 7px 0;
	display: block;
}

.resume-table strong:before {
	display:block;
	width: 15px;
	height: 15px;
	background: #eee;
	content:"";
	margin: 20px 0 0 -8px;
	position: absolute;
	left:-4px;
	top: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border:4px solid #fff;
}

.resume-table dd,.resume-table dt {
	border-left: 2px solid #e0e0e0;
	padding:0 0 0 1em;
	margin:0
}

.resume-table p {
	margin:0 0 15px 0;
}

.resume-table dt {
	padding:1em 0 0 1em;
	position:relative
}

.resume-table dd { overflow:hidden }


/* ---------------------------------- */
/* Categories Page
------------------------------------- */
.categories-group {
	padding: 50px 0;
}

.categories-group:first-child { padding-top: 0; }

.categories-group:nth-child(2n) {
	background-color: #f6f6f6;
}

.categories-group ul li {
	padding: 4px 0;
	font-size: 18px;
	line-height: 26px;
}

.categories-group h4 { font-size: 22px; padding-right: 20px; }


/* ---------------------------------- */
/* Back to top
------------------------------------- */
#backtotop {
	position: fixed;
	right: 0;
	display: none;
	bottom: 20px;
	margin: 0 20px 0 0;
}

#backtotop a {
	text-decoration: none;
	border: 0 none;
	display: block;
	width: 46px;
	height: 46px;
	background-color: rgba(0,0,0,0.3);
	color: #fff;
	-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;
}

#backtotop a:after {
	content: "?";
	font-family: "FontAwesome";
	position: relative;
	display: block;
	top: 9px;
	left: 15px;
}

#backtotop a:hover { background-color: #505050; }


/* ------------------------------------------------------------------- */
/* Magnific Popup
---------------------------------------------------------------------- */

.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	overflow: hidden;
	position: fixed;
	background: #000;
	opacity: 0.8;
}

.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: #aaa;
	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;
	border: 0;
	-webkit-appearance: none;
	display: block;
	padding: 0;
	z-index: 506;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
	right: 0px;
	top: 40px;
}

/* Close Button */
.mfp-close {
	position: absolute;
	width: 48px;
	height: 48px;
	top: 0;
	right: 0;
	cursor: pointer !important;
	z-index: 9999;
	background: #282828;
	color: #fff;
	-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;
}

.mfp-close:before {
	content: "?";
	font-family: "FontAwesome";
	font-size: 16px;
	top: 0;
	left: 0;
	position: relative;
}

.mfp-close:hover {
	background-color: #505050;
}

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #aaa;
	font-size: 13px;
	line-height: 18px;
}

.mfp-arrow {
	opacity: 0;
	margin: 0;
	top: 50%;
	margin-top: -24px;
	padding: 0;
	position: absolute;
	width: 48px;
	height: 48px;
	cursor: pointer;
	z-index: 9999;
	background: #c0c0c0;
	color: #fff;
	-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;
}

.mfp-arrow:hover {
	background: #808080;
}

.mfp-arrow.mfp-arrow-left,
.mfp-arrow.mfp-arrow-right {
	content: "d?