/*
Theme Name: Revera
Theme URI:http://themetor.com
Author: ThemeTor
Author URI: http://themetor.com
Description: Revera is a Premium Simple and Creative WordPress theme with Clean and Minimal design.
Version: 1.6
Tag: Simple, Clean, Minimal, Portfolio, One-Page
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: revera

	
	Table of Contents:
	------------------
	01. Basics
	02. Sidebar menu
	03. Horizontal menu
	04. Home
	05. Intro
	06. Services
	07. Pricing boxes
	08. Process
	09. Work
	10. Work subpages
	11. Call to action
	12. About
	13. Quotes
	14. Contact
	15. Credits and back to top button
	16. 404
	17. Magnific Popup CSS
	18. VC Custom
	19. Slider
	20. IE
	21. SuperSlides custom styles
	22. bxSlider custom styles
	23. owlCarousel custom styles
	24. Blog
	25. Extra Classes (Misc)

*/

/* ==================== 01. Basics ==================== */
::selection {
	background: none;
	color: #bbbbbb;
}

::-moz-selection {
	background: none;
	color: #bbbbbb;
}

body {
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	font-weight: 400;
	line-height: 25px;
	color: #777777;
}

p {
	margin-bottom: 25px;
}

p:last-child {
	margin-bottom: 0;
}


/* Headings */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-style: normal;
	font-weight: bold;
	font-weight: 700;
	color: #222222;
}

h1, .h1 {
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 25px;
}

h2, .h2 {
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 25px;
}

h3, .h3 {
	font-size: 16px;
	line-height: 25px;
	margin-bottom: 0;
}

h4, .h4 {
	font-size: 14px;
	line-height: 25px;
	margin-bottom: 0;
}

h5, .h5 {
	font-size: 13px;
	line-height: 25px;
	margin-bottom: 0;
}

h6, .h6 {
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 0;
}

/* Links */
a {
	color: inherit;
	text-decoration: none;
}

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

a.big-underline {
	color: #222222;
	padding-bottom: 6px;
	border-bottom: 2px solid transparent;
}

.no-touch a.big-underline:hover {
	padding-bottom: 0px;
	border-bottom: 2px solid #444444; 
}

a.underline {
	padding-bottom: 1px;
	border-bottom: 1px dotted #cccccc;
}

.no-touch a.underline:hover {
	border-bottom: 1px dotted #111111;
}

a.read-more {
	color: #aaaaaa;
	font-size: 11px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.no-touch a.read-more:hover {
	color: #222222;
}

a.read-more:after {
	font-family: 'FontAwesome', sans-serif;
	font-size: 14px;
	content: '\f178'; /* 105 */
	color: transparent;
	margin-left: 1px;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.no-touch a.read-more:hover:after {
	color: #222222;
	margin-left: 10px;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.gallery-link a {
	cursor: pointer;
}

/* Smooth hover effects */
a,
button,
input[type="submit"] {
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

a:hover,
button:hover,
input[type="submit"]:hover {
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

/* Cursor styling for icons */
i {
	cursor: default;
}

a i,
button i {
	cursor: pointer;
}

/* Bigger text for headers */
.bigtext h1, .bigtext .h1, h1.bigtext, .h1.bigtext {
	font-size: 40px;
	font-style: normal;
	font-weight: bold;
	font-weight: 700;
	letter-spacing: 0.07em;
	line-height: 44px;
	text-transform: uppercase;
}

.bigtext sup {
	font-size: 50%;
	font-weight: normal;
	font-weight: 400;
	vertical-align: middle;
}



/* Typographic styles */
.italic, em {
	font-style: italic;
}

.bold, b, strong {
	font-weight: bold;
	font-weight: 600;
}

.thin {
	font-weight: normal;
	font-weight: 300;
}

.x-thin {
	font-weight: normal;
	font-weight: 100;
}

.serif {
	font-family: 'Lora', Georgia, serif;
	font-weight: normal;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
}

.uber {
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

/* Text colors */
.text-color,
.text-color h1,
.text-color h2,
.text-color h3,
.text-color h4,
.text-color h5,
.text-color h6,
.text-color p {
	color: #ff6347;
}

.text-light,
.text-light h1,
.text-light h2,
.text-light h3,
.text-light h4,
.text-light h5,
.text-light h6,
.text-light p {
	color: #999999;
}

.text-dark,
.text-dark h1,
.text-dark h2,
.text-dark h3,
.text-dark h4,
.text-dark h5,
.text-dark h6,
.text-dark p {
	color: #222222;
}

.text-white,
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p {
	color: #ffffff;
}

.bg-color {
	background: #ff6347;
}

.bg-light {
	background: #999999;
}

.bg-dark {
	background: #222222;
}

.bg-grey {
	background: #f5f5f5;
}

.bg-white {
	background: #ffffff;
}

/* Dropcap */
.dropcap {
	float: left;
	color: #222222;
	font-size: 50px;
	line-height: 50px;
	padding-right: 8px;
	padding-left: 3px;
}

/* Quotes */
blockquote {
	font-family: 'Lora', Georgia, serif;
	font-style: italic;
	font-weight: normal;
	font-weight: 400;
	font-size: 1.25em;
	padding: 25px;
	background: #f7f7f7;
	border-left: 2px solid #222222;
	margin-bottom: 25px;
	display:inline-block;
}

blockquote small {
	display: block;
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
	font-size: 0.75em;
	font-weight: normal;
	font-weight: 400;
	font-style: normal;
	text-align:right;
}

blockquote small:before {
	content: '\2014 \00A0';
}

q {
	quotes: "\"" "\"" """ """;
}

q:before {
	content: '\201C';
}

q:after {
	content: '\201D';
}

/* Buttons */
/* Buttons styling */
.btn,
button,
input[type="submit"] {
	-webkit-appearance: none;
	display: inline-block;
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	line-height: 24px;
	padding: 12px 24px;
	color: #ffffff;
	background: #222222;
	text-decoration: none;
	-webkit-border-radius: 25px;
			border-radius: 25px;
}

.btn{margin:auto 10px}

.no-touch a.btn:hover,
button:hover,
.no-touch input[type="submit"]:hover,
.no-touch a .icon:hover {
	color: #ffffff;
	background: #111111 !important;
	text-decoration: none;
}

button:hover,
input[type="submit"]:hover,
a i:hover {
	cursor: pointer;
}

/* Icon inside a button */
.btn > i {
	font-size: 14px;
	margin-right: 0.5em;
}

/* Button outline style */
.btn.outline {
	color: #222222;
	background: none;
	border: 2px solid #eeeeee;
	padding: 10px 23px;
}

.no-touch a.btn.outline:hover {
	color: #ffffff !important;
	background: #111111 !important;
	border-color: #111111 !important;
	text-decoration: none;
}

/* Button colors */
.btn.color {
	background: #ff6347;
}

.btn.outline.color {
	color: #ff6347;
	background: none;
	border-color: #ff6347;
}

.btn.light {
	color: #ffffff;
	background: #cccccc;
	background: rgba(255,255,255,0.3);
}

.btn.outline.light {
	color: #ffffff;
	background: none;
	border-color: #cccccc;
	border-color: rgba(255,255,255,0.3);
}

.btn.dark {
	color: #222222;
	background: #aaaaaa;
	background: rgba(17,17,17,0.3);
}

.btn.outline.dark {
	color: #222222;
	background: none;
	border-color: #aaaaaa;
	border-color: rgba(17,17,17,0.3);
}

.btn.white {
	color: #222222;
	background: #ffffff;
}

.btn.outline.white {
	color: #ffffff;
	background: none;
	border-color: #ffffff;
}

.btn.black {
	color: #ffffff;
	background: #222222;
}

.btn.outline.black {
	color: #222222;
	background: none;
	border-color: #222222;
}

/* Buttons reset */
button,
input[type="submit"] {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
}

input[type="submit"] {
	border: 0;
	width: auto;
}

/* Fixing the broken lineheight model in FF */
input::-moz-focus-inner { 
	border: 0; 
	padding: 0; 
	margin-top: 5px; 
	margin-bottom: 5px; 
}

@-moz-document url-prefix() { 
	input[type="submit"] {
		line-height: 15px;
	}
}

/* Lists */
.ol {
	list-style-type: decimal-leading-zero;
	list-style-position: outside;
	margin-left: 2em;
	margin-bottom: 25px;
}

.ol ol,
.ul ol {
	list-style-type: decimal-leading-zero;
	list-style-position: outside;
}

.ul {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 1em;
	margin-bottom: 25px;
}

.ol ul,
.ul ul {
	list-style-type: disc;
	list-style-position: outside;
}

.ol ol,
.ol ul,
.ul ol,
.ul ul {
	margin-left: 2em;
}

/* Simple icons to use in a row */
.row-icons i {
	font-size: 14px;
	text-align: center;
	line-height: 28px;
	width: 30px;
	height: 30px;
	color: #aaaaaa;
	border: 1px solid #eeeeee;
	display: inline-block;
	margin-left: 3px;
	-webkit-border-radius: 15px;
			border-radius: 15px;
}

.no-touch .row-icons i:hover {
	color: #ffffff;
	background: #ff6347;
	border-color: #ff6347;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

/* Icon list */
.icon-list {
	display: block;
}

.icon-list i {
	float: left;
	font-size: 24px;
	color: #cccccc;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.il-text {
	padding-left: 45px;
}

.il-text hr {
	text-align: left;
	display: block;
	width: 30px;
	height: 2px;
	background: #dddddd;
	margin: 15px 0;
}

.no-touch .icon-list:hover i {
	color: #ff6347;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

/* Points list */
ul.points li:before {
	font-family: 'FontAwesome';
	font-size: 14px;
	line-height: 25px;
	content: '\f00c';
	color: #aaaaaa;
	display: inline-block;
	float: left;
	margin-left: -25px;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

ul.points li {
	text-align: left;
	display: block;
	margin-left: 25px;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.no-touch ul.points li:hover:before {
	color: #ff6347;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

/* Random icons list */
ul.random li i {
	font-size: 14px;
	line-height: 25px;
	color: #aaaaaa;
	display: inline-block;
	float: left;
	margin-left: -25px;
}

ul.random li {
	text-align: left;
	display: block;
	margin-left: 25px;
}

/* Circle icons list */
ul.circle li i {
	font-size: 14px;
	text-align: center;
	line-height: 28px;
	width: 30px;
	height: 30px;
	color: #aaaaaa;
	background: transparent;
	border: 1px solid #eeeeee;
	display: inline-block;
	float: left;
	margin-left: -40px;
	-webkit-border-radius: 15px;
			border-radius: 15px;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

ul.circle li {
	text-align: left;
	display: block;
	line-height: 28px;
	padding-left: 40px;
	margin-bottom: 10px;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.no-touch ul.circle li:hover i {
	color: #ffffff;
	background: #ff6347;
	border-color: #ff6347;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

/* Add margin below list items */
ul.li-bottom li {
	margin-bottom: 25px;
}

ul.li-bottom li:last-child {
	margin-bottom: 0;
}



/* Headers */
.header {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

/* Header with centered content */
.header-container {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		 -o-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
	width: 100%;
	max-width: 740px;
	min-width: 300px;
	display: inline-block;
	padding: 20px;
	text-align: center;
	zoom: 1;
	z-index:99;
}

.z-fix .header-container {
	z-index: 60;
}

/* Subheader */
.subheader {
	position: relative;
	height: 480px;
}

.header .btn,
.subheader .btn {
	margin: 40px 10px 0;
}

.single-header{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment:fixed;
	}
.single-header-light{background-color:#e5e5e5}

.single-header-dark:after,.single-header-light:after{
	background:#000;
    content: " ";
    height: 100%;
    opacity: 0.8;
    position: absolute;
    width: 100%;
	}
.single-header-light:after{
	background:#FFF;
	}
/* Arrow down button to use on headers */
a.arrow-down {
	display: inline-block;
	position: absolute;
	bottom: -75px;
	left: 50%;
	margin-left: -25px;
	width: 50px;
	height: 50px;
	text-align: center;
	font-size: 28px;
	color: #ffffff;
	border-top: 3px solid #ffffff;
}

.no-touch a.arrow-down:hover {
	color: #ffffff;
	border-top: 3px solid #ffffff;
}
.text-dark a.arrow-down,
.no-touch .text-dark a.arrow-down:hover {
	color: #000;
	border-top: 3px solid #000;
	}

/* Background image */
.bg-img {
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
		 -o-background-size: cover;
			background-size: cover;
	background-position: center center;
}

/* Fixed backgrounds only on non-touch devices */
.no-touch .bg-img.fixed {
	background-attachment: fixed;
}

.touch .bg-img.fixed {
	background-attachment: scroll;
}


/* Title */
.title {
	text-align: center;
	margin-bottom: 75px;
}

.title.left {
	text-align: left;
}
.title.right {
	text-align: right;
}
.title h1,
.title h2 {
	line-height: 25px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-bottom: 0;
}

.title h1:before,
.title h2:before {
	content:'';
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 4px;
	width: 5px;
	height: 5px;
	background: #dddddd;
}

.title h1:after,
.title h2:after {
	content:'';
	display: inline-block;
	margin-left: 15px;
	margin-bottom: 4px;
	width: 5px;
	height: 5px;
	background: #dddddd;
}

.title h3 {
	font-weight: normal;
	font-weight: 400;
	font-size: 30px;
	line-height: 45px;
	letter-spacing: 0;
	text-transform: none;
	margin-bottom: 0;
}

.title h4 {
	font-weight: normal;
	font-weight: 400;
	font-style: italic;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 0;
	text-transform: none;

}


/* Horizontal rulers */
hr.divider {
	background: #eeeeee;
	width: 100%;
	height: 2px;
}

hr.small {
	display: block;
	width: 30px;
	height: 2px;
	background: #dddddd;
	margin: 15px 0;
	text-align: left;
}

.center-small hr.small {
	margin: 15px 0;
	text-align: left;
}

.zigzag {
	background: -webkit-linear-gradient(135deg, #ffffff 33%, transparent 33%) -8px 0, -webkit-linear-gradient(225deg, #ffffff 33%, transparent 33%) -8px 0, -webkit-linear-gradient(315deg, #ffffff 33%, transparent 33%), -webkit-linear-gradient(45deg, #ffffff 33%, transparent 33%);
	background: -moz-linear-gradient(135deg, #ffffff 33%, transparent 33%) -8px 0, -moz-linear-gradient(225deg, #ffffff 33%, transparent 33%) -8px 0, -moz-linear-gradient(315deg, #ffffff 33%, transparent 33%), -moz-linear-gradient(45deg, #ffffff 33%, transparent 33%);
	background: -ms-linear-gradient(135deg, #ffffff 33%, transparent 33%) -8px 0, -ms-linear-gradient(225deg, #ffffff 33%, transparent 33%) -8px 0, -ms-linear-gradient(315deg, #ffffff 33%, transparent 33%), -ms-linear-gradient(45deg, #ffffff 33%, transparent 33%);
	background: -o-linear-gradient(135deg, #ffffff 33%, transparent 33%) -8px 0, -o-linear-gradient(225deg, #ffffff 33%, transparent 33%) -8px 0, -o-linear-gradient(315deg, #ffffff 33%, transparent 33%), -o-linear-gradient(45deg, #ffffff 33%, transparent 33%);
	background: linear-gradient(135deg, #ffffff 33%, transparent 33%) -8px 0, linear-gradient(225deg, #ffffff 33%, transparent 33%) -8px 0, linear-gradient(315deg, #ffffff 33%, transparent 33%), linear-gradient(45deg, #ffffff 33%, transparent 33%);
	background-size: 16px 16px;
	background-color: #dddddd;
	display: block;
	margin: 40px auto;
	width: 64px;
	height: 16px;
	-webkit-transform: rotate(180deg);
	   -moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		 -o-transform: rotate(180deg);
			transform: rotate(180deg);
}

.touch .zigzag {
	background: #dddddd;
	height: 3px;
}


/* Sections */
.section {
	padding-top: 100px;
	padding-bottom: 100px;
	margin: auto -100%;
	background:#FFF;
}
.parallax{
	/*background-attachment: fixed;*/
    background-position: 50% 0;
    background-repeat: repeat;
    position: relative;
	/*background-size:cover;*/
}
.section-grey {
	background:#F5F5F5;
}

.section-mb-fix {
	padding-bottom: 40px;
}


/* ==================== 02. Sidebar menu ==================== */
.menu-left,
.menu-right {
	position: fixed;
	top: 0;
	width: 280px;
	height: 100%;
	z-index: 61;
	-webkit-transform: translate3d(0,0,0);
}

.menu-left {
	left: -220px;
}

.menu-right {
	right: -220px;
}

.menu-right.menu-open {
	right: 0px;
}

.menu-left.menu-open {
	left: 0px;
}

/* The menu wrap with all the content inside */
.menu-wrap {
	position: absolute;
	top: 0;
	left: 60px;
	background: #222222;
	width: 220px;
	height: 100%;
	text-align: left;
}

.menu-left .menu-wrap {
	left: 0;
}

/* The logo */
.menu-wrap .logo {
	font-size: 16px;
	font-weight: bold;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #ffffff;
	margin: 30px 25px;
}

.no-touch .menu-wrap .logo a:hover {
	color: #ff6347;
}

.menu-wrap img.logo {
	margin: 20px 25px;
	max-width: 150px;
}

/* Menu items */
.menu-items {
	margin: auto 25px;
}

.menu-items a  {
	display: block;
	color: #777777;
	font-size: 11px;
	font-weight: bold;
	font-weight: 600;
	line-height: 40px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.no-touch .menu-items a:hover {
	color: #ffffff;
}

/* Icons inside the menu */
.menu-icons,.menu-search {
	padding: 15px 10px;
	margin-top: 25px;
	border-top: 1px dotted #444444;
}

.menu-search input{
	background:transparent;
    border: 2px solid #444;
    color: #777;
    font-family: fontawesome;
    font-size: 14px;
    height: 31px;
    line-height: 24px;
    margin: 22px 0 0 12px;
    padding: 0 6px;
    width: 165px;
}
.menu-search input:focus{
	border: 2px solid #777;
    color: #FFF;
}
.menu-white .menu-search input{
    border: 2px solid #e5e5e5;
}

.menu-white .menu-search input:focus{
    border: 2px solid #aaa;
}	
.menu-icons i  {
	float: left;
	display: inline-block;
	margin: 2px;
	width: 40px;
	height: 40px;
	line-height: 39px;
	text-align: center;
	font-size: 14px;
	color: #777777;
	border: 1px solid #222222;
	-webkit-border-radius: 20px;
			border-radius: 20px;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.no-touch .menu-icons i:hover{
	color: #ffffff;
	border: 1px solid #444444;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}



	
/* Close button */
.menu-left .menu-close {
	display: none;
}

.menu-close {
	cursor: pointer;
	display: block;
	position: absolute;
	top: 20px;
	right: 5px;
	font-size: 16px;
	color: #777777;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.no-touch .menu-close:hover {
	color: #ffffff;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

/* Push the body to the right or left after clicking the menu toggle */
.body-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}

.body-push-toright {
	left: 220px;
}

.body-push-toleft {
	left: -220px;
}

.menu-right,
.menu-left,
.body-push {
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}

/* The menu toggle */
#toggle-left i,
#toggle-right i {
	cursor: pointer;
}

#toggle-left,
#toggle-right {
	position: absolute;
	top: 20px;
	border:solid 2px;
	display: block;
	text-align: center;
	font-size: 14px;
	opacity:.25;
	width: 40px;
	height: 40px;
	line-height: 36px;
	cursor: pointer;
	z-index: 62;
	-webkit-transform: translate3d(0,0,0);
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

#toggle-left {
	right: 0;
}

#toggle-right {
	left: 0;
}

.no-touch #toggle-left:hover,
.no-touch #toggle-right:hover {
	opacity:1;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

#toggle-left.toggle-light,
#toggle-right.toggle-light {
	opacity:.25;
	color:#FFF;
	border-color:#FFF;
}

.no-touch #toggle-left.toggle-light:hover,
.no-touch #toggle-right.toggle-light:hover {
	opacity:1;
}


/* White menu */
.menu-left .menu-wrap.menu-white {
	border-right: 2px solid #eeeeee;
}

.menu-right .menu-wrap.menu-white {
	border-left: 2px solid #eeeeee;
}

.menu-wrap.menu-white {
	background: #ffffff;
}

.menu-wrap.menu-white .logo {
	color: #222222;
}

.no-touch .menu-wrap.menu-white .logo a:hover {
	color: #ff6347;
}

.menu-white .menu-items a  {
	color: #999999;
}

.no-touch .menu-white .menu-items a:hover {
	color: #222222;
}

.menu-white .menu-icons,.menu-white .menu-search {
	border-top: 1px dotted #dddddd;
}

.menu-white .menu-icons i  {
	color: #999999;
	border: 1px solid #ffffff;
}

.no-touch .menu-white .menu-icons i:hover {
	color: #222222;
	border: 1px solid #dddddd;
}

.menu-white .menu-close {
	color: #999999;
}

.no-touch .menu-white .menu-close:hover {
	color: #222222;
}


.menu-items ul ul {
	display: none;
	margin: 10px 0 20px 10px;
	height:0;
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
		-ms-transition: all .3s;
		 -o-transition: all .3s;
			transition: all .3s;
}

.menu-items ul li:hover > ul {
	display: block;
	height:auto;
}

.menu-items ul ul li a{
	font-size:10px;
	line-height:18px;
}

/* ==================== 03. Horizontal menu ==================== */
.menu-horizontal {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 120;
	border-bottom:solid 2px;
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
		-ms-transition: all .3s;
		 -o-transition: all .3s;
			transition: all .3s;
}

/* Showing and hiding the menu */
.mh-show {
	filter: alpha(opacity=100);
	opacity: 100;
	visibility: visible;
}

.mh-hide {
	filter: alpha(opacity=0);
	opacity: 0;
	visibility: hidden;
}

/* Typographic logo for the horizontal menu */
.mh-logo h1 {
	float: left;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 40px;
	text-transform: uppercase;
	color: #ffffff;
	margin-top: 10px;
	margin-bottom: 0;
}

.mh-logo h1 a {
	text-decoration: none;
	color: #ffffff;
}

.no-touch .mh-logo h1 a:hover {
	color: #ff6347;
}

/* Image logo for the horizontal menu */
.mh-logo img {
	float: left;
	text-align: left;
	width: auto;
	max-height: 41px;
	margin: 9px 10px 0 0;
}

/* Hiding and showing the submenu items */
.menu ul ul {
	display: none;
}

.menu ul li:hover > ul {
	display: block;

}

/* Styling for the main menu items */
.menu {
	float: right;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	line-height: 25px;
	color: #777777;
}

.menu ul {
	position: relative;
	display: table-cell;
	list-style: none;
}

.menu ul:after {
	content: "";
	clear: both;
	display: block;
}

.menu ul li {
	float: left;
}

/* Hover effect */
.no-touch .menu ul li:hover a {
	color: #ffffff;
}

.menu ul li a {
	display: block;
	padding: 17px 20px 18px;
	color: #777777;
	text-decoration: none;
}



/* Styling for the sub menu items */
.menu ul ul {
	position: absolute;
	top: 100%;
	background: #222222;
	padding: 0 0 10px 0;
	min-width: 175px;
	-webkit-box-shadow: 0 1px 0 1px rgba(0,0,0,0.07);
			box-shadow: 0 1px 0 1px rgba(0,0,0,0.07);
}
.menu ul ul ul{padding: 0;}
.menu ul ul li {
	float: none; 
	position: relative;
}

.menu ul ul li a {
	padding: 10px 20px;
	color: #777777!important;
}

.no-touch .menu ul ul li a:hover {
	color: #ffffff!important;
}

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

/* Hiding the toggle */ 
#toggle,
.toggle {
	display: none;
}


/* White menu */
.menu-horizontal.menu-white {
	background: #ffffff;
}

.menu-white .mh-logo h1,
.menu-white .mh-logo h1 a {
	color: #222222;
}

.no-touch .menu-white .mh-logo h1 a:hover {
	color: #ff6347;
}

.menu-white .menu {
	color: #999999;
}

.no-touch .menu-white .menu ul li:hover a {
	color: #222222;
}

.menu-white .menu ul li a {
	color: #999999;
}

.menu-white .menu ul ul {
	background: #ffffff;
}

.menu-white .menu ul ul li a {
	color: #999999!important;
}

.no-touch .menu-white .menu ul ul li a:hover {
	color: #222222!important;
}


/* ==================== 04. Home ==================== */
.home {
	position: relative;
	width: 100%;
	height: 100%;
}

.home .btn {
	margin: 40px 10px 0;
}


/* The play button */
a.btn-play {
	cursor: pointer;
	display: block;
	margin: 40px auto 0;
	width: 70px;
	height: 70px;
	line-height: 66px;
	text-indent: 2px;
	font-size: 28px;
	color: #ffffff;
	border: 3px solid #ffffff;
	border: 3px solid rgba(255,255,255,0.25);
	-webkit-border-radius: 35px;
			border-radius: 35px;
}

.no-touch a.btn-play:hover {
	color: #ffffff;
	border-color: #ffffff;
}

.text-black a.btn-play {
	color: #222222;
	border: 3px solid #222222;
	border: 3px solid rgba(0,0,0,0.25);
}

.no-touch .text-black a.btn-play:hover {
	color: #222222;
	border-color: #222222;
}

/* Video controls below the video */
#mbYTP_video{margin-left:0 !important}
.video-controls {
	filter: alpha(opacity=0);
	opacity: 0;
	visibility: hidden;
	position: absolute;
	width: 100px;
	height: 40px;
	bottom: 25px;
	left: 50%;
	margin-left: -50px;
	text-align: center;
}


.video-controls i {
	display: inline-block;
	margin: auto 3px;
	width: 40px;
	height: 40px;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0;
	text-transform: none;
	line-height: 36px;
	padding: 0;
	color: #ffffff;
	background: none;
	border: 2px solid #ffffff;
	border: 2px solid rgba(255,255,255,0.25);
	-webkit-border-radius: 20px;
			border-radius: 20px;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.no-touch .video-controls i:hover {
	cursor: pointer;
	color: #ffffff;
	background: none;
	border-color: #ffffff;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}


/* ==================== 05. Intro ==================== */
.intro .zigzag {
	margin: 40px auto 0;
}


/* ==================== 06. Services ==================== */
.service-item {
	display: block;
	padding:0 30px;
}

.service-item i {
	font-size: 28px;
	color: #cccccc;
	margin-bottom: 15px;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.no-touch .service-item:hover > i {
	color: #ff6347;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.no-touch .service-item:hover a.read-more {
	color: #222222;
}


/* ==================== 07. Pricing boxes ==================== */
.pricing-box {
	background: #ffffff;
	border: 2px solid #eeeeee;
	padding: 40px 30px;
	margin:auto 30px;
	text-align: center;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.price p {
	font-size: 72px;
	line-height: 80px;
	margin: 10px auto 40px;
	color: #aaaaaa;
}

.price sub,
.price sup {
	font-size: 16px;
	color: #aaaaaa;
}

.price sup {
	vertical-align: 22px;
	margin-right: 5px;
}

.price sub {
	vertical-align: 4px;
	margin-left: 5px;
	color: #bbbbbb;
}

.pricing-box hr {
	border: none;
	height: 2px;
	background: #eeeeee;
}

.pricing-box ul {
	margin-top: 40px;
	margin-bottom: 40px;
}

.no-touch .pricing-box:hover .btn {
	border-color: #222222;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}


/* ==================== 08. Process ==================== */
.process .title {
	margin-bottom: 50px;
}
.process-slider{margin-left:0 !important}

.process-steps {
	text-align: center;
	margin-bottom: 50px;
}

.process-steps p.digit {
	display: block;
	margin: 0 auto -75px;
	width: 100px;
	height: 100px;
	line-height: 100px;
	color: #dddddd;
	font-size: 90px;
}

.process-steps h3 {
	line-height: 50px;
	margin-bottom: 50px;
	font-size:16px;
}

.process-icons {
	text-align: center;
}

.process-icons a {
	position: relative;
	display: inline-block;
}

.process-icons a.active:before {
	position: absolute;
	top: -9px;
	left: 50%;
	margin-left: -8px;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 8px 8px;
	border-color: transparent transparent #222222 transparent;
}

.process-icons i {
	display: inline-block;
	margin: -2px;
	width: 100px;
	height: 100px;
	line-height: 100px;
	font-size: 28px;
	color: #cccccc;
	border-top: 2px solid #eeeeee;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.no-touch .process-icons a:hover > i,
.process-icons a.active > i {
	color: #222222;
	border-color: #222222;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}



/* ==================== 09. Work ==================== */
.work-item {
	position: relative;
}

.work-item .wi-txt {
	display: block;
	position: absolute;
	top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	color: #ffffff;
	filter: alpha(opacity=0);
	opacity: 0;
	text-align:left;
}

.work-item b {
	display: block;
	font-size: 16px;
	font-weight: bold;
	font-weight: 700;
}

.work-item em {
	display: block;
	font-family: 'Lora', Georgia, serif;
	font-style: normal;
}

.work-item .wi-view {
	display: block;
	position: absolute;
	bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	color: #ffffff;
	font-size: 11px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.work-item .wi-view i {
	font-size: 14px;
	color: transparent;
	margin-left: 1px;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.no-touch .work-item .wi-view:hover i {
	color: #ffffff;
	margin-left: 10px;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.work-item .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #222222;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.no-touch .work-item a:hover > .wi-txt,
.no-touch .work-item a:hover > .wi-view {
	display: block;
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.no-touch .work-item a:hover > .overlay {
	filter: alpha(opacity=75);
	opacity: 0.75;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}



/* ==================== 10. Work subpages ==================== */

/* Styles for the mixitup filter */
.mix-container .mix {
	display: none;
}

.mix-container img {
	width: auto;
	height: auto;
	min-width: 2px;
	min-height: 2px;
}

.filter {
	cursor: pointer;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	line-height: 24px;
	padding: 10px 23px;
	color: #222222;
	background: transparent;
	border: 2px solid transparent;
	text-decoration: none;
	-webkit-border-radius: 25px;
			border-radius: 25px;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.no-touch .filter:hover {
	border-color: #eeeeee;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.filter.active {
	border-color: #eeeeee;
}

.project-filters {
	position: relative;
	top: -20px;
}

/* Thumbnails */
.thumb {
	position: relative;
}

.thumb .plus {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -40px;
	margin-left: -40px;
	display: block;
	width: 80px;
	height: 80px;
	line-height: 78px;
	text-align: center;
	font-size: 100px;
	font-weight: normal;
	font-weight: 100;
	color: #ffffff;
	border: 2px solid rgba(255,255,255,0.25);
	-webkit-border-radius: 40px;
			border-radius: 40px;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.thumb .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #222222;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.no-touch .thumb a:hover > .plus {
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.no-touch .thumb a:hover > .overlay {
	filter: alpha(opacity=75);
	opacity: 0.75;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

/* Project navigtaion */
.project-nav {
	position: relative;
	padding-top: 25px;
	padding-bottom: 25px;
	background: #222222;
	border-bottom: 2px solid #444444;
	text-align: center;
}

.project-prev,
.project-back,
.project-next {
	display: inline-block;
	text-align: center;
	font-size: 14px;
	color: #444444;
	border: 2px solid #444444;
	width: 40px;
	height: 40px;
	line-height: 36px;
	cursor: pointer;
	margin: 0 -2px;
}

.project-prev {
	border-right: 2px solid transparent;
	margin-right: -3px;
}

.project-next {
	border-left: 2px solid transparent;
}

.no-touch .project-prev:hover,
.no-touch .project-back:hover,
.no-touch .project-next:hover {
	color: #ffffff;
	border-color: #ffffff;
	position:relative;
	z-index: 24;
}


/* ==================== 11. Call to action ==================== */
.cta .btn {
	margin: 40px 10px 0;
}


/* ==================== 12. About ==================== */

.about-text {
	text-align: center;
	margin-bottom: 50px;
}

.employee img {
	margin-bottom: 25px;
}

.employee-icon i {
	font-size: 14px;
	color: #bbbbbb;
	margin-right: 10px;
}

/* About me */
.about-me-circle {
	position: relative;
	top: -68px;
	left: 50%;
	margin-left: -68px;
	margin-bottom: -120px;
	width: 136px;
	height: 136px;
	background: #ffffff;
	-webkit-border-radius: 68px;
			border-radius: 68px;
}

.about-me-avatar {
	position: absolute;
	top: 8px;
	left: 8px;
	max-width: 120px;
	max-height: auto;
	-webkit-border-radius: 60px;
			border-radius: 60px;
}

/* Polaroids */
.polaroids {
	position: relative;
}

.polaroids img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	border: 10px solid #ffffff;
}

.polaroid-a {
	position: relative;
	width: 75%;
	height: 75%;
	z-index: 22;
	-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.5);
			box-shadow: 0 1px 4px 0 rgba(0,0,0,0.5);
}

.no-touch .polaroid-a:hover {
	-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.8);
			box-shadow: 0 1px 4px 0 rgba(0,0,0,0.8);
}

.polaroid-b {
	position: relative;
	margin-top: -90%;
	margin-left: 25%;
	width: 75%;
	height: 75%;
	z-index: 21;
	-webkit-box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.4);
			box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.4);
	-webkit-transform: rotate(5deg);
	   -moz-transform: rotate(5deg);
	    -ms-transform: rotate(5deg);
		 -o-transform: rotate(5deg);
			transform: rotate(5deg);
}

.no-touch .polaroid-b:hover {
	-webkit-box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.8);
			box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.8);
}

.polaroid-a,
.no-touch .polaroid-a:hover,
.polaroid-b,
.no-touch .polaroid-b:hover {
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}



/* ==================== 13. Quotes ==================== */
.quotes {
	text-align: center;
}

.quotes p {
	margin-top: 25px;
	margin-bottom: 0;
}

.quotes b {
	color: #222222;
}

.quote-avatars {
	margin-top: 35px;
	text-align: center;
}

.quote-avatars img {
	margin: 0 3px;
	width: auto;
	height: auto;
	max-width: 60px;
	max-height: 60px;
	-webkit-border-radius: 30px;
			border-radius: 30px;
	filter: alpha(opacity=30);
	opacity: 0.3;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.no-touch .quote-avatars a:hover > img,
.quote-avatars a.active > img {
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}


/* ==================== 14. Contact ==================== */
#footer {
	position: relative;
	padding-top: 80px;
	padding-bottom: 50px;
	background: #222222;
}

/* Contact links */
#footer .c-links {
	margin-bottom: 35px;
}

#footer .c-links h3,
#footer .c-links a {
	color: #ffffff;
}

.no-touch #footer .c-links a:hover {
	color: #ff6347;
}

/* Contact details */
.c-details {
	margin-bottom: 50px;
}

#footer p {
	color: #888888;
	margin-bottom: 0;
}

#footer p.serif {
	color: #ffffff;
}

#footer a {
	color: #888888;
}

.no-touch #footer a:hover {
	color: #ffffff;
}

/* Contact icons */
.c-icons i {
	display: inline-block;
	margin: 0 3px;
	text-align: center;
	width: 40px;
	height: 40px;
	line-height: 39px;
	font-size: 14px;
	color: #888888;
	border: 1px solid #222222;
	-webkit-border-radius: 20px;
			border-radius: 20px;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.no-touch .c-icons i:hover {
	color: #ffffff;
	border: 1px solid #444444;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

/* Form modal */
.c-form-modal {
	position: relative;
	margin: auto;
	width: 100%;
	max-width: 700px;
	background: #ffffff;
	padding: 50px;
	text-align: center;
}

/* Form */
.wpcf7-form input:not([type]),
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {
	color: #222222;
	border: 1px solid #dddddd;
	background: #ffffff;
	margin-bottom: 10px;
	padding:10px;
	width:100%;
	height:45px;
}

.wpcf7-form input:not([type]):focus,
.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form textarea:focus {
	color: #222222;
	border-color: #444444;
	background: #ffffff;
}

.wpcf7-form textarea {
	height: 170px;
	font-size:100%;
}

.wpcf7-form p{margin-bottom:0}
.wpcf7-not-valid-tip{display:none !important}
.wpcf7-not-valid{border-color:#cc0000 !important}

div.wpcf7-validation-errors {
    border: 1px solid #cc0000 !important;
    color: #cc0000 !important;
    padding: 10px !important;
}

div.wpcf7-mail-sent-ok{
	border: 1px solid #398f14 !important;
    color: #398f14 !important;
    padding: 10px !important;
	}

/* Loader image after submitting the form */
.loader {
	display: block;
	width: 32px;
	height: 32px;
	margin: 25px auto 0;
	background: url('images/loader.gif');
}


/* ==================== 15. Credits and back to top button ==================== */

/* Credits */
.credits {
	padding-top: 25px;
	padding-bottom: 30px;
	background: #222222;
	border-top: 2px solid #444444;
	text-align: center;
}

.credits p {
	margin-bottom: 0;
	color: #888888;
	font-size: 10px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.no-touch .credits a:hover {
	color: #ffffff;
}

/* Back to top button */
a.backtotop {
	position: absolute;
	bottom: 20px;
	display: block;
	text-align: center;
	font-size: 14px;
	color: #444444;
	border: 2px solid #444444;
	width: 40px;
	height: 40px;
	line-height: 36px;
	cursor: pointer;
	z-index: 63;
}

.no-touch a.backtotop:hover {
	color: #ffffff;
	border-color: #ffffff;
}

a.backtotop.left {
	left: 20px;
}

a.backtotop.right {
	right: 20px;
}


/* ==================== 16. 404 ==================== */
.fourofour {
	position: relative;
	width: 100%;
	height: 100%;
	background:#222;
}

p.digits {
	font-size: 160px;
	font-weight: bold;
	font-weight: 700;
	line-height: 160px;
	text-indent: -10px;
}

.fourofour hr {
	width: 100%;
	max-width: 140px;
	height: 8px;
	background: #ffffff;
	margin: 25px auto;
}

.fourofour i {
	display: inline-block;
	margin: auto 3px;
	width: 40px;
	height: 40px;
	font-size: 14px;
	line-height: 36px;
	color: #ffffff;
	background: none;
	border: 2px solid #ffffff;
	border: 2px solid rgba(255,255,255,0.25);
	-webkit-border-radius: 20px;
			border-radius: 20px;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.no-touch .fourofour i:hover {
	color: #ffffff;
	background: none;
	border-color: #ffffff;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.error404 #footer,.error404 .credits{display:none;}

/* ==================== 17. Magnific Popup CSS ==================== */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #111111;
opacity: 0.8;
filter: alpha(opacity=80);
}

.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}

.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-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: 1045;
}

.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: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}

.mfp-preloader a {
color: #cccccc;
}

.mfp-preloader a:hover {
color: white;
}

.mfp-s-ready .mfp-preloader {
display: none;
}

.mfp-s-error .mfp-content {
display: none;
}

button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: none;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none;
}

.no-touch button.mfp-close:hover, .no-touch button.mfp-arrow:hover {
background: none;
-webkit-box-shadow: none;
box-shadow: none;
}

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;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}

.no-touch .mfp-close:hover, .no-touch .mfp-close:focus {
background:transparent !important;
opacity: 1;
}

.mfp-close:active {
top: 1px;
}

.mfp-close-btn-in .mfp-close {
color: #333333;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: white;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}

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

.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
margin-top: -54px;
}

.no-touch .mfp-arrow:hover,
.no-touch .mfp-arrow:focus {
opacity: 1;
-webkit-box-shadow: none;
box-shadow: none;
}

.mfp-arrow:before,
.mfp-arrow:after,
.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: medium inset transparent;
}

.mfp-arrow:after,
.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}

.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
}

.mfp-arrow-left {
left: 0;
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid white;
margin-left: 31px;
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
margin-left: 25px;
}

.mfp-arrow-right {
right: 0;
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid white;
margin-left: 39px;
}

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
}

.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
top: -40px;
}

.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: none;
background: black;
}

/* 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 {
line-height: 0;
}

.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: none;
background: #444444;
}

.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px;
}

.mfp-figure figure {
margin: 0;
}

.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}

.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px;
}

.mfp-image-holder .mfp-content {
max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}


.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;
}

/* Fade effect */
/* Overlay at start */
.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;
}

/* Overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
}

/* Overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}

/* Content at start */
.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;
}

/* Content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}

/* Content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}


/* ==================== 18. VC Custom  ==================== */

.wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button{
	margin-bottom:0 !important;
	}

.page-content {
	background:#fff;
	padding:50px 0;
	overflow-x:hidden;
}


/* ==================== 19. Slider ======================= */
.tt_slider{
	margin-bottom:100px;
	}


/* ==================== 20. IE  ========================== */

/* IE */
.ie8 a.read-more:after {
	color: inherit;
	margin-left: 10px;
}

.ie8 .header-container {
	margin-left: -370px;
	margin-top: -150px;
}

.ie8 .zigzag,
.ie9 .zigzag {
	height: 3px;
}

.ie8 .body-push-toright {
	left: 0;
}

.ie8 .body-push-toleft {
	left: 0;
}

.ie8 .work-item .wi-view i {
	color: inherit;
	margin-left: 10px;
}

/* ========== 21. SuperSlides custom styles ========== */

/* Slides general */
.slides {
position: relative;
}

.slides .slides-container {
display: none;
}

.slides .scrollable {
*zoom: 1;
position: relative;
top: 0;
left: 0;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
height: 100%;
}

.slides .scrollable:after {
content: "";
display: table;
clear: both;
}

/* Slides navigation */
.slides-navigation {
margin: 0 auto;
position: absolute;
z-index: 99;
top: auto;
bottom: 50px;
width: 100%;
}

.slides-navigation a {
position: absolute;
display: block;
width: 40px;
height: 20px;
line-height: 20px;
text-align: center;
font-family: 'FontAwesome', sans-serif;
font-size: 36px;
color: #ffffff;
opacity: 0.5;
}

.no-touch .slides-navigation a:hover {
color: #ffffff;
opacity: 1;
}

.slides-navigation a.prev {
left: 20px;
}

.slides-navigation a.next {
right: 20px;
}

/* Slides pagination */
.slides-pagination {
position: absolute;
z-index: 98;
bottom: 25px;
text-align: center;
width: 100%;
}

.slides-pagination a {
border: 0;
border-radius: 0;
width: 32px;
height: 5px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
zoom: 1;
*display: inline;
background-image: none;
background: #ffffff;
margin: 10px 2px 0;
overflow: hidden;
text-indent: -100%;
opacity: 0.5;
}

.slides-pagination a.current {
background: #ffffff;
opacity: 1;
}


/* ========== 22. bxSlider custom styles ========== */

/* Reset and layout */
.bx-wrapper {
margin: 0 auto;
}

.bx-wrapper img {
display: block;
max-width: 100%;
width: auto;
height: auto;
min-width: 2px;
min-height: 2px;
}

/* Theme */
.bx-wrapper .bx-viewport {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
left: 0;
background: none;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -22px;
width: 100%;
}

/* Loader */
.bx-wrapper .bx-loading {
min-height: 50px;
background: url('images/loader.gif') center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 100;
}

/* Pager */
.bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #ccc;
padding-top: 20px;
line-height: 0;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
background: #ccc;
text-indent: -9999px;
display: block;
width: 24px;
height: 4px;
margin: 0 2px;
outline: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}

.no-touch .bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #222;
}

/* Direction controls (prev next) */
.bx-wrapper .bx-prev {
left: 0;
background: none;
}

.bx-wrapper .bx-next {
right: 0;
background: none;
}

.no-touch .bx-wrapper .bx-prev:hover {
background-position: 0;
color: #222;
}

.no-touch .bx-wrapper .bx-next:hover {
background-position: 0;
color: #222;
}

.bx-wrapper .bx-controls-direction a {
position: absolute;
top: auto;
bottom: -40px;
margin-top: 0;
outline: 0;
width: 40px;
height: 40px;
text-indent: 0;
z-index: 101;
line-height: 40px;
color: #ccc;
font-size: 28px;
text-align: center;
}

.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}

.page-content ul.quote-slider{margin-left:0}

/* ========== 23. owlCarousel custom styles ========== */
.oc-prev,
.oc-next {
position: absolute;
bottom: 0;
display: inline-block;
height: 40px;
line-height: 40px;
font-size: 28px;
color: #cccccc;
}

.oc-prev {
left: 30px;
}

.oc-next {
right: 30px;
}

.owl-theme .owl-controls{
margin-top: 10px;
text-align: center;
}

.owl-theme .owl-controls .owl-buttons div {
color: #cccccc;
display: inline-block;
zoom: 1;
*display: inline; /*IE7 life-saver */
margin: 0;
padding: 0;
font-size: 14px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background: none;
filter: Alpha(Opacity=100); /*IE7 fix*/
opacity: 1;
}

.no-touch .owl-theme .owl-controls.clickable .owl-buttons div:hover{
filter: Alpha(Opacity=100); /*IE7 fix*/
opacity: 1;
text-decoration: none;
}

.owl-theme .owl-controls .owl-page {
display: inline-block;
zoom: 1;
*display: inline; /* IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span {
display: block;
width: 24px;
height: 4px;
margin: 0 2px;
filter: Alpha(Opacity=100); /* IE7 fix */
opacity: 1;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background: #cccccc;
}

.owl-theme .owl-controls .owl-page.active span,
.no-touch .owl-theme .owl-controls.clickable .owl-page:hover span {
background: #222222;
filter: Alpha(Opacity=100); /* IE7 fix */
opacity: 1;
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
height: 30px;
width: 30px;
color: #ffffff;
padding: auto;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
line-height: 30px;
}

.owl-item.loading {
min-height: 150px;
background: url('images/loader.gif') no-repeat center center;
}



/* ==================== 24. Blog ==================== */
#subheader.color-bg{
	background:#ddd;
	}
	
.section-blog,.section-search{
	padding:100px 0;
	}
	
/* Post */
.post-media{
	margin-top:20px;
	}

.post-bg {
	background: #ffffff;
	padding: 30px 0 35px;
}

.post-single .post-bg {
	padding: 30px 0 0;
}

.post-body img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	margin-bottom: 25px;
}

.post-body a {
	padding-bottom: 1px;
	border-bottom: 1px dotted #cccccc;
}

.no-touch .post-body a:hover {
	border-bottom: 1px dotted #111111;
}

.post-body a.read-more {
	padding-bottom: 0;
	border-bottom: 0;
}

.no-touch .post-body a.read-more:hover {
	border-bottom: 0;
}

/* Post title */
.no-touch .post-title a:hover {
	color: #ff6347;
}

.post.sticky{
	border: 1px solid #ddd;
    padding: 15px 25px;
	}

.post.sticky .post-bg {
	padding: 30px 0 10px;
}

/* Post meta */
.post-meta {
	font-size: 10px;
	text-transform: uppercase;
}

.post-meta a {
	padding-bottom: 1px;
	border-bottom: 1px dotted #cccccc;
}

.no-touch .post-meta a:hover {
	color: #111111;
	border-bottom: 1px dotted #111111;
}

/* Post media */
.post-media img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	margin-bottom: 0;
}

.post-media .bx-wrapper {
	margin-bottom: 25px;
}

/* Post lists */
.post-body ol,
.page-content ol {
	list-style-type: decimal-leading-zero;
	list-style-position: outside;
	margin-left: 2em;
	margin-bottom: 25px;
}

.post-body ol ol,
.post-body ul ol,
.page-content ol ol,
.page-content ul ol {
	list-style-type: decimal-leading-zero;
	list-style-position: outside;
}

.post-body ul,
.page-content ul {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 1em;
	margin-bottom: 25px;
}

.post-body ol ul,
.post-body ul ul,
.page-content ol ul,
.page-content ul ul {
	list-style-type: disc;
	list-style-position: outside;
}

.post-body ol ol,
.post-body ol ul,
.post-body ul ol,
.post-body ul ul,
.page-content ol ol,
.page-content ol ul,
.page-content ul ol,
.page-content ul ul {
	margin-left: 2em;
}

/* Post code */
.post pre {
	color: #aaaaaa;
	background: #333333;
	padding: 15px 20px 20px 20px;
	margin-top: 25px;
	margin-bottom: 25px;
}

.post pre code span {
	color: #ffffff;
}

/* Tags */
.tags {
	margin-top: 25px;
}

.tagcloud{
	margin-top:10px;
	}

.tags a,
.tagcloud a {
	display: inline-block;
	font-size: 10px !important;
	text-transform: uppercase;
	padding: 3px 10px 4px;
	background: #f5f5f5;
	margin-bottom: 3px;
	-webkit-border-radius: 0 5px 5px 5px;
			border-radius: 0 5px 5px 5px;
}

.no-touch .tags a:hover,
.no-touch .tagcloud a:hover {
	color: #ffffff;
	background: #ff6347;
}

.tags a:before,
.tagcloud a:before {
	content: '';
	display: inline-block;
	background: #ffffff;
	position: relative;
	top: -8px;
	left: -5px;
	width: 5px;
	height: 5px;
	-webkit-border-radius: 3px;
			border-radius: 3px;
	
	
}


/* Comments */

/* Comments title */
.comments-title h3 {
	line-height: 25px;
	margin-bottom: 0;
}

.comments-title span {
	color: #aaaaaa;
	font-size: 13px;
	font-weight: 400;
}

/* Comment body */
.comment-body {
	margin-top: 2px;
	border-bottom: 1px solid #eeeeee;
	padding: 30px 0;
	position:relative;
}


.comment-body a {
	padding-bottom: 1px;
	border-bottom: 1px dotted #cccccc;
}

.no-touch .comment-body a:hover {
	border-bottom: 1px dotted #111111;
}

/* Subcomments */
ul.comment-list .children {
	background: #ffffff;
	padding-left: 75px;
}


/* Name and avatar */
.comment-author {
	float: left;
	margin-right: 15px;
	width: 100%;
	height: 70px;
}

.comment-author img {
	float:left;
	margin-top: -5px;
	max-width: 60px;
	width: 100%;
	height: auto;
	-webkit-border-radius: 50%;
			border-radius: 50%;
}

.fn {
	font-size: 16px;
	font-style: normal;
	margin: 0 5px 0 15px;
	color: #111111;
}

.fn a {
	color: #111111;
	text-decoration: none;
}

.comment-body span {
	font-size: 13px;
	color: #aaaaaa;
}

/* Comment meta */
.comment-meta {
	font-size: 10px;
	text-transform: uppercase;
	position:absolute;
	top:55px;
	left: 75px;
}

.comment-meta a {
	padding-bottom: 0;
	border-bottom: 0;
}

.no-touch .comment-meta a:hover {
	border-bottom: 0;
}

/* Reply link */
.reply {
	margin-top: 25px;
}

a.comment-reply-link {
	color: #aaaaaa;
	font-size: 11px;
	font-weight: 400;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	padding-bottom: 0;
	border-bottom: 0;
}

.no-touch a.comment-reply-link:hover {
	color: #222222;
	border-bottom: 0;
}

a.comment-reply-link:after {
	font-family: 'FontAwesome', sans-serif;
	font-size: 14px;
	content: '\f178'; /* 105 */
	color: transparent;
	color: rgba(0,0,0,0);
	margin-left: 1px;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.no-touch a.comment-reply-link:hover:after {
	color: #222222;
	margin-left: 10px;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}


/* Comments form */

/* Cancel reply link */
h3 a.comment-reply-link {
	color: #999999;
}

.no-touch h3 a.comment-reply-link:hover {
	color: #111111;
}

h3 a.comment-reply-link:after {
	content: '';
	margin: 0;
}

.no-touch h3 a.comment-reply-link:hover:after {
	margin: 0;
}

/* Form fields and textarea */
.comment-form .comment-form-author input,
.comment-form .comment-form-email input,
.comment-form .comment-form-url input {
	width: 50%;
	float: left;
}



.comment-form .comment-form-comment textarea {
	resize: none;
	width: 100%;
	height: 200px;
	font-size: 100%;
}

/* Form label */
.comment-form label {
	line-height: 50px;
	margin-left: 15px;
}

.comment-form label:after {
	clear: both;
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.required {
	color: tomato;
}

.form-allowed-tags{display:none}

.comment-reply-title{
	margin: 10px 0;
    text-align: right;
	}


/* Widgets general */
.widget {
	margin-bottom: 50px;
}

.widget h3 {
	font-size: 16px;
}

.widget img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	margin-bottom: 0;
}

/* Widget archives */
.widget_archive li {
	display: block;
	font-size: 12px;
	color: #aaaaaa;
}

.widget_archive li a {
	color: #777777;
}

.no-touch .widget_archive li a:hover {
	color: #111111;
}

/* Widget calendar */
#wp-calendar {
	width: 100%;
}

#wp-calendar caption {
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 700;
	text-align: left;
	line-height: 25px;
	color: #222222;
	margin-bottom: 10px;
}

#wp-calendar thead {
	font-size: 10px;
	text-align: center;
}

#wp-calendar thead th {
	padding-bottom: 10px;
}

#wp-calendar tbody {
	color: #aaaaaa;
}

#wp-calendar tbody a {
	color: #222222;
}

#wp-calendar tbody td {
	background: #fafafa;
	border: 1px solid #ffffff;
	text-align: center;
	padding: 8px;
}

.no-touch #wp-calendar tbody td:hover {
	background: #ffffff;
}

#wp-calendar tbody .pad {
	background: none;
}

#wp-calendar tfoot #next {
	font-size: 11px;
	text-transform: uppercase;
	text-align: right;
}

#wp-calendar tfoot #prev {
	font-size: 11px;
	text-transform: uppercase;
	padding-top: 10px;
}
table#wp-calendar td, table#wp-calendar th,#wp-calendar{border:none;text-align:center}
/* Widget categories */
li.cat-item {
	display: block;
	font-size: 12px;
	color: #aaaaaa;
	line-height: 25px;
}

li.cat-item a {
	font-size: 13px;
	color: #777777;
}

.no-touch li.cat-item a:hover {
	color: #111111;
}

/* Widget pages */
.widget_pages ul.children li {
	margin-left: 10px;
}

.widget_pages ul.children li:before {
	content: '\2013';
	color: #cccccc;
	margin-left: -10px;
	margin-right: 5px;
}

/* Widget recent comments */
.widget_recent_comments li.recentcomments {
	margin-left: 10px;
}

.widget_recent_comments li.recentcomments:before {
	font-family: 'FontAwesome', sans-serif;
	font-size: 14px;
	content: '\f105';
	color: #cccccc;
	margin-left: -10px;
	margin-right: 5px;
}

/* Widget recent post entries */
.widget_recent_entries li {
	margin-left: 10px;
}

.widget_recent_entries li:before {
	font-family: 'FontAwesome', sans-serif;
	font-size: 14px;
	content: '\f105';
	color: #cccccc;
	margin-left: -10px;
	margin-right: 5px;
}

/* Widget search */
.widget_search {
	margin-bottom: 50px;
}


.widget_search input.search {
	width: 100%;
	font-family: inherit;
	font-size: 13px;
	color: #222222;
	border: 1px solid #dddddd;
	background: #ffffff;
	padding: 10px;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.widget_search input.search:focus {
	color: #222222;
	border: 1px solid #444444;
	background: #ffffff;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
		-ms-transition: all .2s;
		 -o-transition: all .2s;
			transition: all .2s;
}

.widget_search input[type="submit"] {
	display: none;
}

/* Widget banner */
.widget_banner {
	background: none;
	padding: 0;
	margin-top: -1px;
}

.widget_banner img {
	display: block;
	margin: 0 auto;
}


/* Pagination */
.pagination {
	position: relative;
	text-align: center;
	clear: both;
}

.pagination span,
.pagination a {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	width: 40px;
	height: 40px;
	line-height: 38px;
	color: #999999;
	margin:0 2px;
	border: 1px solid transparent;
	border: 1px solid rgba(0,0,0,0);
	-webkit-border-radius: 20px;
			border-radius: 20px;
}

.no-touch .pagination a:hover {
	color: #ffffff;
	background: #ff6347;
	border-color: #ff6347;
}

.pagination .current {
	color: #222222;
	border-color: #dddddd;
}


/* About the author */
.about-author {
	display: block;
	background: #fafafa;
	border-top: 2px solid #eeeeee;
	border-bottom: 2px solid #eeeeee;
	padding: 25px;
}

.aa-avatar {
	float: left;
}

.aa-avatar img {
	max-width: 80px;
	-webkit-border-radius: 40px;
			border-radius: 40px;
}

.aa-details {
	margin-left: 105px;
}

.no-touch .aa-details h3 a:hover {
	color: #ff6347;
}

.about-author .row-icons i {
	border-color: #dddddd;
}


/* ========== 25. Extra Classes (Misc) ========== */

table{
	background:transparent !important;
	font-size:13px;
	text-align:center;
	border-collapse:collapse;
	margin:0 0 30px 0;
	padding:0;
	width:100%;
	overflow:hidden;
	border:solid 1px #ccc;
}


table th {
	font-weight:normal;
	text-align:left;
	padding:16px 12px;
	text-shadow:none;
}
table thead tr{background:#eee}
table thead th{font-weight:700}
table td,table th  { 
	padding:14px 7px 14px 7px;
	text-align: left;
	border:solid 1px #ddd;
}
table tr {
	border-bottom:1px solid #fff;
	background-color:#FFF;
	-moz-transition:all .2s;
	-webkit-transition:all .2s;
	-o-transition:all .2s;
}
table tr:hover {
	background:#F8F8F8;
	transition:all .2s;
}
table tfoot td {
	padding:10px 16px;
	text-align: left;
	color:#ffffff;
	font-size:11px;
	text-shadow:none;
}
table i:before {
	font-size:16px;
}

dt {font-weight: 700;}
dd {margin: 4px 0 0;padding: 0 0 10px;}

code {
    background: none repeat scroll 0 0 #f8f8f8;
    border: 1px solid #e6e6e6;
    color: #888;
    padding: 2px 4px;
}

.wp-caption{ max-width: 100%;}
.wp-caption-text{font-weight: 700;margin: 5px 0 30px !important;}
.bypostauthor{}
.alignright{float:right;margin-left:20px;margin-bottom:20px}
.alignleft{float:left;margin-right:20px;margin-bottom:20px}
.aligncenter{float:none;margin:auto;margin-bottom:20px}
.gallery-caption{ margin: 5px 0 10px;}
.gallery{margin-bottom:30px !important;}
.gallery img{border:0 !important}
.gallery .gallery-item { padding: 10px 15px 0 0 !important;}

.mb30{margin-bottom:30px !important}
.hide{display:none;}