/**
 *
 * -------------------------------------------
 * Template stuff CSS file
 * -------------------------------------------
 * 
 **/
 
/*
 *
 * 7. Template additional features styles
 *
 *
------------------------------------ */

/* 7.1. Breadcrumbs & font-size
==================================== */
 
#dp-breadcrumb-fontsize {
	overflow: hidden;
	padding: 0 10px 10px 10px;
} 
.dp-page-wrap #dp-breadcrumb-fontsize {margin:10px 0 10px 0; float:left;}
 
.dp-breadcrumbs {
	float: right;
	font-size: 12px;
	padding-right:40px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#666
} 
.dp-breadcrumbs a {color:#666}
.dp-breadcrumbs a:hover {color:#eb5a55;}

.dp-breadcrumbs > a:before,
.dp-breadcrumbs > span:before {
	content: "/";
    display: inline-block;
    content: "/";
    padding: 0 8px 0 8px;
    color: #666;	
}
.dp-breadcrumbs > a:first-child:before { display:none;}
.dp-breadcrumbs > span {
	color: #666;
}

 
/* 7.2. Contact page template
==================================== */

#dp-contact {
	margin: 0;
	max-width: 540px;
	overflow: hidden;
	width: 100%;
}


#dp-contact dd {
	margin: 5px 0;
	padding: 0;
}


#dp-contact span.error {
	color: #dd514c;
}


.contactpage .dp-contact-error,
.contactpage .dp-contact-thanks {
	background: #5eb95e;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	margin: 30px 0;
	max-width: 520px;
	padding: 5px 10px;
	text-align: center;
	width: 100%;
}


.contactpage .dp-contact-error {
	background: #dd514c;
}


.contactpage input[type="text"],
.contactpage textarea {
	width: 100%;
}


.contactpage input[type="submit"] {
	float: right;
	margin: 0;
}



/* 7.3. Page 404 template 
==================================== */ 
.page404 h1 {
	text-align: center;
	font-size: 240px;
	line-height: 210px;
	font-weight: 400;
	letter-spacing: -5px;
	padding:0;
	margin:0;
}
.page404 h3 {
	text-align: center;
	font-size: 40px;
	line-height: 100px;
	font-weight: 500;
	text-transform: uppercase;
	margin:0;
}
.page404 p {
	padding: 0;
	text-align: center;
}


.page404 label[for="s"] {
	display: none;
}

.page404 form {
	margin: 40px auto;
	text-align: center;
	width:300px;
}


/* 7.4. Archive page template
==================================== */

.archivepage .widget {
    float: left;
    margin: 0 2%;
    width: 29%;
}

.archivepage .widget.first {
    margin-left: 0;
    width: 31%;
}

.archivepage .widget.last {
    margin-right: 0;
    width: 31%;
}

.archivepage .widget li:before {
    display: none;
}

.archivepage .widget.first li {
    position: relative;
}

.archivepage .widget.first li a {
    display: block;
    padding-left: 54px;
}

.archivepage .widget li small {
    color: #aaa;
    left: 0;
    position: absolute;
    top: 7px;
}

/* 7.5. Tag cloud template
==================================== */

.tagcloud .tag-cloud {
	border-top: 1px solid #e5e5e5;
	margin: 20px 0;
	padding: 10px 0;
}


.tagcloud .tag-cloud a {
	padding: 0 10px;
	vertical-align: middle;
}

/* 7.6. Login page template
==================================== */

.loginpage #loginform {
	margin: 0 auto;
	overflow: hidden;
	width: 240px;
}

.loginpage input[type="text"],
.loginpage input[type="password"] {
	clear: both;
	width: 240px;
}

.loginpage p label {
	display: block;
}

.loginpage .login-remember {
	float: left;
}

.loginpage .login-submit {
	float: right;
	margin: 10px 0;
}

.loginpage .login-submit input[type="submit"] {
	margin: 0;
}

.loginpage nav.small {
	border-top: 1px solid #eee;
	clear: both;
	margin: 10px auto;
	padding: 10px 0;
	width: 240px;
}

.loginpage nav.small ul {
	margin: 0;
}

.loginpage nav.small ul li {
	float: left;
	margin-right: 10px;
	padding-left: 0;
}

.loginpage nav.small ul li:before {
	display: none;
}

/* 7.7. Post formats
==================================== */
#dp-mainbody-columns header { overflow:auto}
header hgroup h2 {
	margin: 0;
	padding: 11px 0 10px 0;
}
.dp-format-aside:before,
.dp-format-audio:before,
.dp-format-chat:before,
.dp-format-gallery:before,
.dp-format-image:before,
.dp-format-link:before,
.dp-format-quote:before,
.dp-format-status:before,
.dp-format-video:before {
	display:inline-block;
	font-size:18px!important;
	font-style:normal!important;
	font-family: "fontello";
	padding-right:3px;
}
.dp-format-aside:before { content: '\ed30';}
.dp-format-audio:before { content: '\eb2c';}
.dp-format-chat:beforet { content: '\e87a';}
.dp-format-gallery:before { content: '\e998';}
.dp-format-image:before { content: '\e833';}
.dp-format-link:before { content: '\ed19';}
.dp-format-quote:before { content: '\e9bd';}
.dp-format-status:before { content: '\efbc';}
.dp-format-video:before { content: '\e832';}

.summary.link, .summary.quote, .summary.status {
	background: #eb5a55;
color: #fff;
padding: 10px 20px 20px 15px;
border-radius: 2px;
	}
.summary.link p, .summary.link h5 ,.summary.quote p, .summary.quote h5, .summary.status p, .summary.status h5{padding-left:20px; color:#fff!important;}
.summary.quote p {
	font-size: 18px;
font-weight: 500;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
}
.summary.link i, .summary.quote i, .summary.status i {font-size: 25px;line-height:30px;}
.summary.link a, .summary.link a:hover {color:#fff; text-decoration:underline;}

/* 7.8. Page navigation
==================================== */

.pagenav {
	margin: 20px 0 10px 0;
	overflow: hidden;
}

.pagenav .nav-prev {
	float: left;
}

.pagenav .nav-next {
	float: right;
}

/* 7.9. Author info
==================================== */
.author-info {
	background: #fafafa;
	border: 1px solid #f4f4f4;
	clear: both;
	margin-top: 34px;
	min-height: 48px;
	overflow: hidden;
	padding: 15px 20px;
	position: relative;
}

#dp-social-api + .author-info {
	margin-top: 72px;
}

.author-info > aside {
	left: 20px;
	position: absolute;
	top: 20px;
}

.author-info img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: block;
	margin-top: -5px;
}

.author-info > div {
	padding: 0 0 0 84px;
}

.author-info h2 {
	font-size: 18px;
	margin: 0 0 6px 0;
}

.author-info .author-desc {
	font-size: 12px;
	line-height: 17px;
}

/* 7.10. Post custom fields
==================================== */

.content dl.post-fields {
	border-top: 1px solid #e5e5e5;
	font-size: 11px;
	line-height: 1.3;
	margin: 10px 0;
	padding: 0;
}

.content dl.post-fields dt {
	border-top: 1px solid #f5f5f5;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
}

.content dl.post-fields dt:first-child {
	border-top: none;
} 

.content dl.post-fields dd {
	margin: 0;
	padding: 0;
}

/* 7.11. oEmbed support
==================================== */

/* YouTube - responsive support */
iframe[src^='http://www.youtube.com'],
iframe[src^='https://www.youtube.com'],
iframe[src^='http://youtube.com'],
iframe[src^='https://youtube.com'],
iframe[src*='vimeo.com'] {
	
}
/* Soundcloud - responsive support */
.content iframe[src^='http://soundcloud.com'],
.content iframe[src^='https://soundcloud.com'],
.content iframe[src^='http://www.soundcloud.com'],
.content iframe[src^='https://www.soundcloud.com'],
	max-width: 100%!important;
}

/* Twitter - responsive support */
.content .twitter-tweet-rendered {
	max-width: 100%!important;
}

/* Flickr - responsive support */
.content a[href^='http://www.flickr.com'],
.content a[href^='https://www.flickr.com'],
.content a[href^='http://flickr.com'],
.content a[href^='https://flickr.com'] {
	max-width: 100%!important;
}

/* Right Side Sliding Panel */


#aside-panel {
	width: 300px;
	height: 100%;
	position: fixed;
	right: -300px;
	top: 0px;
	z-index: 10000;
	background: #000;
	-webkit-transition: all .5s ease;
	   -moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		 -o-transition: all .5s ease;
			transition: all .5s ease;
			padding:20px;
		
}

#aside-panel.active {
	right: 0;
	
}

/* 7.13. Main Navigation Style
==================================== */

/* Common styles */

#main-menu {height:100%;}

.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
	margin-left:40px;
}
.sf-menu ul li, .sf-menu ul ul li, .sf-menu ul ul ul li {margin-left:0; border-bottom:1px solid rgba(0, 0, 0, 0.05);}
.sf-menu ul li:last-child, .sf-menu ul ul li:last-child, .sf-menu ul ul ul li:last-child {border: none;}
.sf-menu ul li:hover, .sf-menu ul ul li:hover, .sf-menu ul ul ul li:hover {background-color: #F6F6F6;}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 10px;
	left: 100%;
}
.sf-menu {
	float: right;
}
.sf-menu ul {
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	min-width: 14em; /* allow long menu items to determine submenu width */
	*width: 14em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
	text-decoration: none;
	zoom: 1; /* IE7 */
}
.sf-menu a {
	color: #000000;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	overflow: hidden;
	text-transform:uppercase;
}
.sf-menu li.root a:hover, .sf-menu li.root.current-menu-item a, .sf-menu li.root.current-menu-ancestor a {
	color:#eb5a55; 
}
.sf-menu li {
	background: transparent;
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
	height:110px;
}
.sf-menu li a {padding:50px 0 0 0;}
.sf-menu ul li a, .sf-menu ul ul li a, .sf-menu ul ul ul li a {
	color: #888!important;
	font-size: 12px;
	line-height: 18px;
	padding: 10px 16px !important;
	border: 0;
	text-transform:none;
	font-weight:normal;
	margin-left:0px;
	border-top:0px!important;
	}

.sf-menu ul li {
	background: #fff;
	height:auto;
}
.sf-menu ul ul li {
	background: #fff;
	height:auto;
}

.sf-menu li:hover,
.sf-menu li.sfHover {
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}
#maim-menu .item-container {position:relative;}
#main-menu li .indicator1 {
	display: block;
	width: 0px;
	height: 1px;
	background: #eb5a55;
	 -webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	margin:7px auto 0 auto;
}
#main-menu li:hover .indicator1, #main-menu li.root.current-menu-item .indicator1, #main-menu li.root.current-menu-ancestor .indicator1 {
transition-delay: .2s;
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
-ms-transition-delay: .2s;
-o-transition-delay: .2s;
	width:16px;
}
#main-menu li.childmenu .indicator1 {display:none;}


#main-menu .menu-icon{display:inline-table;}
#main-menu .menu-icon i {font-size:16px; padding-right:3px;}
#main-menu > li .menu-subtitle {line-height:15px; font-size:10px; text-transform:none; font-weight:400;}
#main-menu .menu-title{display:inline-table;position:relative}
.sub-indicator-0 {display: inline-table;margin:-1px 0 0 5px;}
.sub-indicator-1 {
	display: none;
}
#main-menu .menu-title.hot::after, #main-menu .menu-title.new::after, #main-menu .menu-title.top::after, #main-menu .menu-title.popular::after {
	background: #9eb931;
	color: #fff;
	content: "NEW";
	font-size: 8px;
	font-family:Arial, Helvetica, sans-serif;
	padding: 0 3px;
	line-height:12px;
	position: absolute;
	right: -30px;
	top: -2px;
	z-index: 1;
	border-radius:2px;
}
#main-menu .menu-title.hot::after {
	background: #EA0808;
	content: "HOT";
}
#main-menu .menu-title.top::after {
	background: #f1830d;
	content: "TOP";
}
#main-menu .menu-title.popular::after {
	background: #eb5a55;
	content: "POPULAR";
	right:-50px;
}
.arebuttons #main-menu {margin-right:40px;}

/* Megamenu */

.mega-menu-img, .mega-menu-html  {}

	
#main-menu > li.megamenu > ul > li {
	display: table-cell!important;
    float: none!important;
	padding: 0px 15px;
}
#main-menu > li.megamenu ul li:hover {background-color: #ffffff}
#main-menu li.megamenu ul li{ min-width:150px!important}
#main-menu > li.megamenu > ul > li ul {
	display: block!important;
	top: 0px!important;
	width: 100%;
	opacity: 1!Important;
	left: 0px!important;
	position: relative!important;
}

#main-menu > li.megamenu > ul ul {box-shadow: none; margin-bottom:5px;}
#main-menu > li.megamenu ul li a {
	padding: 9px 15px;
}
#main-menu > li.megamenu li {border-bottom: none}
#main-menu > li.megamenu li a {border-bottom: 1px solid rgba(0,0,0,0.05)}
#main-menu > li.megamenu ul ul li:last-child a {border-bottom: none}
#main-menu > li.megamenu li a:hover {background-color: #F5F7F9; color: #afb4b9; }


#main-menu > li.megamenu > ul > li > a:hover, #main-menu > li.megamenu > ul > li.sfHover > a {
	background-color: transparent!important;
}
#main-menu > li.megamenu .sub-indicator-1 {display:none}
#main-menu > li.megamenu  a.column-header {
	font-size: 12px;
    text-transform: uppercase;
	color: #000000;
	font-weight:700;
	letter-spacing:1px;
	border-bottom: none;
	}
#main-menu > li.megamenu  a.column-header:hover {
	color: #000000;
	background-color: #ffffff;
}

/* Mega menu full width */

#main-menu > li.megamenu-full {
	position: inherit!important;	
}

#main-menu > li.megamenu-full > ul {
	width: 100%;
	left: 0px;
	padding: 15px 5px;
	background-color: #ffffff;
}

#main-menu > li.megamenu-full > ul > li {
display: inline-block;
vertical-align:top!important;
    float: none!important;
	padding: 0 5px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */

	}
#main-menu > li.megamenu-full ul li:hover {background-color: #ffffff}

#main-menu > li.megamenu-full.columns-2 > ul > li { width: 49.95%; }
#main-menu > li.megamenu-full.columns-3 > ul > li { width: 33.15%; }
#main-menu > li.megamenu-full.columns-4 > ul > li { width: 24.82%; }
#main-menu > li.megamenu-full.columns-5 > ul > li { width: 19.78%; }
#main-menu > li.megamenu-full.columns-6 > ul > li { width: 16.4% }

#main-menu > li.megamenu-full > ul > li ul {
	display: block!important;
	top: 0px!important;
	width: 100%;
	opacity: 1!Important;
	left: 0px!important;
	position: relative!important;
}
#main-menu > li.megamenu-full > ul ul {box-shadow: none; margin-bottom:5px;}
#main-menu > li.megamenu-full ul li a {
	padding: 9px 15px;
}
#main-menu > li.megamenu-full li {border-bottom: none}
#main-menu > li.megamenu-full li a {border-bottom: 1px solid rgba(0,0,0,0.05)}
#main-menu > li.megamenu-full ul ul li:last-child a {border-bottom: none}
#main-menu > li.megamenu-full li a:hover {background-color: #F5F7F9; color: #afb4b9; }

#main-menu > li.megamenu-full > ul > li > a:hover, #main-menu > ul > li.megamenu-full > ul > li.sfHover > a {
	background-color: transparent!important;
}
#main-menu > li.megamenu-full  a.column-header {
	font-size: 12px;
    text-transform: uppercase;
	color: #000000;
	font-weight:700;
	letter-spacing:1px;
	border-bottom: none;
	}
#main-menu > li.megamenu-full  a.column-header:hover {
	color: #000000;
	background-color: #ffffff;
}

#main-menu > li.megamenu-full .sub-indicator-1 {display:none}

#main-menu .custom-content {display:block; padding: 0 16px 16px 16px;}
#main-menu .mega-menu-html {}

/* Mobile menu */

#dp-mobile-menu {
	background-color: #1F1F1F;
	float: right;
	height: 100%;
	overflow: hidden;
	position: fixed;
	left: 0;
	top: 0;
	-webkit-transition: width .3s ease-out;
	-moz-transition: width .3s ease-out;
	-ms-transition: width .3s ease-out;
	-o-transition: width .3s ease-out;
	transition: width .3s ease-out;
	width: 0px;
	z-index:1000;
	padding-top:30px;
	}
.admin-bar #dp-mobile-menu {margin-top:28px;}
#dp-mobile-menu.is-mobile-menu {width:280px;}
#dp-page-box.is-mobile-menu {margin-left:280px;}	
#dp-mobile-menu ul { list-style:none; }
#dp-mobile-menu ul.aside-menu {margin-bottom:30px!important;}
#dp-mobile-menu .menu-icon{display:inline-table;}
#dp-mobile-menu .menu-icon i {font-size:16px; padding-right:3px;}
#dp-mobile-menu .menu-title{display:inline-table;}
#dp-mobile-menu > ul > li:first-child {
	padding-top: 10px;	
}

#dp-mobile-menu > ul > li:last-child {
	padding-bottom: 10px;
}

#dp-mobile-menu > ul > li:last-child a {
	border-bottom: 0px;
}

#dp-mobile-menu ul li a {
	border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.6);
    font-size: 12px;
    display: block;
    position: relative;
    padding: 10px 0 !important;
}

#dp-mobile-menu ul li ul {
	margin-left: 0px;
}

#dp-mobile-menu ul li a:hover, #dp-mobile-menu ul li a:hover [class^="icon-"], #dp-mobile-menu li.open > a, #dp-mobile-menu ul li.current-menu-item > a, #dp-mobile-menu ul li.current-menu-ancestor > a {
	color: #fff;
}
#close-mobile-menu {
	color: #fff;
	cursor: pointer;
	font-size: 20px;
	opacity: 0; filter: alpha(opacity=0);
	position: fixed;
	left: 220px;
	top: 20px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	z-index: 1;
}

#close-mobile-menu.is-mobile-menu {
	opacity: 0.8; filter: alpha(opacity=80);
	left: 240px;
}
#close-mobile-menu.is-mobile-menu:hover {opacity:1; filter: alpha(opacity=100);}
.admin-bar #close-mobile-menu {
	top: 43px;
}




/* 7.14. Main content elements
==================================== */
#reply-title {height:33px!important}
.post-title {text-transform:uppercase;margin-bottom:10px;}
.accent-color-1 {color: #eb5a55;}
.accent-color-2 {color:#213344}
.accent-color-3 {color:#232D37}
.accent-bg-1 {background-color: #eb5a55;}
.accent-bg-2 {background-color:#213344}
.accent-bg-3 {background-color:#232D37}
.accent-border-1 {border-color: #eb5a55;}
.accent-border-2 {border-color:#213344}
.accent-border-3 {border-color:#232D37}
.accent-underline {border-bottom: 1px solid #eb5a55;}

#dp-sidebar ul.menu li a {color:#7A7A7A!important;}
#dp-sidebar ul.menu li a:hover {color:#eb5a55!important;}

/* Dynamic sidebar */

#dp-dynamic-sidebar {
	background-color: #000000;
	float: left;
	height: 100%;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0;
	-webkit-transition: width .3s ease-out;
	-moz-transition: width .3s ease-out;
	-ms-transition: width .3s ease-out;
	-o-transition: width .3s ease-out;
	transition: width .3s ease-out;
	width: 0px;
	z-index:1000;
	}
#dp-dynamic-sidebar .inner-wrap {padding:40px 20px 20px 20px;}
.admin-bar #dp-dynamic-sidebar {margin-top:28px;}
#dp-dynamic-sidebar.is-dynamic-sidebar {width:300px;}
#dp-page-box.is-dynamic-sidebar {padding-right:300px;}	
.is-dynamic-sidebar .dp-sticky-navigation-wrapper .dp-head-wrap {padding-right:300px;}

#close-dynamic-sidebar {
	color: #fff;
	cursor: pointer;
	font-size: 20px;
	opacity: 0; filter: alpha(opacity=0);
	position: fixed;
	right: 0px;
	top: 20px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	z-index: 1;
}

#close-dynamic-sidebar.is-dynamic-sidebar {
	opacity: 0.8; filter: alpha(opacity=80);
	right: 20px;
}
#close-dynamic-sidebar.is-dynamic-sidebar:hover {opacity:1; filter: alpha(opacity=100);}
.admin-bar #close-dynamic-sidebar {
	top: 43px;
}

#dp-dynamic-sidebar {color: #888}
#dp-dynamic-sidebar .box-title {color:#fff!important}
#dp-dynamic-sidebar .wpcf7 input[type="text"], #dp-dynamic-sidebar .wpcf7 input[type="email"], #dp-dynamic-sidebar .wpcf7 textarea {
	background: transparent; border-radius: 0px; color:#888;
}
.social-nav-block {
	position: absolute;
	bottom: 0px;
	left: 0;
}
.social-nav-block .social-icons li {margin:0}
.social-nav-block .social-icons a {
	-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;
	overflow: hidden;
	text-align:center;
	position:relative;
	width:50px;
	height:50px;
	display:block;
	background-color: #292929}
	
.social-nav-block .social-icons a:before {color:#ffffff!important;}


.social-nav-block .social-icons a:before  {
	line-height:50px; 
	font-size:18px;
	width:50px;
	height:50px;
	position:absolute;
	left:0px;
}

/* 7.15 Portfolio
==================================== */
.portfolio {}
article.portfolio {padding-top:0px; margin-top:0; margin-bottom:30px;}
.centered-block-outer { 
	float:none!important;
   overflow: hidden;
   position: relative;/* ie7 needs position:relative here*/
 }
.centered-block-middle {
  float: left;
  position:relative;
  left:50%;
}
.centered-block-inner {
  position:relative;
  left:-50%;
}
.portfolio-tabs, .blog-tabs{
	height:auto;
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
	margin-bottom:30px;
	
	
}
.portfolio-tabs li,  .blog-tabs li{
	float:left;margin-left:3px;
}
.portfolio-tabs li:before, .blog-tabs li:before{
	display:none;
}

.portfolio-tabs li a, .blog-tabs li a{
	color: #000!important;
	font-size: 13px;
	text-transform:uppercase;
	font-weight: 500;
	display: block;
	padding: 10px 23px;
	margin: 0 0 0 5px;
	border-radius: 3px;
	line-height: 20px;
	border:1px solid #e5e5e5;
	-webkit-transition: all 200ms ease-in-out, color 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out, color 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out, color 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out, color 200ms ease-in-out;
	transition: all 200ms ease-in-out, color 200ms ease-in-out;
}
.portfolio-tabs li a:hover, .blog-tabs li a:hover{
	color: #eb5a55 !important;
	background-color:transparent!important;
	border:1px solid #e5e5e5!important;
	}
.portfolio-tabs li.active a, .blog-tabs li.active a {
	background-color: #eb5a55!important;
	color: #fff !important;
	border:1px solid #eb5a55!important;
	}


.portfolio-wrapper {clear:both; width:100%; overflow:visible;}
.portfolio .pagination {padding-left:10px!important;padding-top:15px;padding-bottom:0px;}

.item-details {
    list-style: none;
    padding: 0;
    margin: 0;
}
.item-details li {
    margin-top: 9px;
    padding-top: 10px;
    border-top: 1px solid #e5e5e5;
}
.item-details li:first-child {
    padding: 0;
    margin: 0;
    border: none;
}
.item-details li span {
    font-weight: 300;
    color: #606060;
    margin-right: 5px;
}
.portfolio-item { height:auto;position:relative;display:block;}
.portfolio-two img, .portfolio-three img, .portfolio-four img, .portfolio-five img,  .item50 img, .item33 img, .item25 img, .item20 img, .item16 img, .item12 img  {width:100%;}

.portfolio-two .portfolio-item-wrapper{
	width:49.9%;
	float:left;
	position:relative;
}
.portfolio-two .portfolio-item{
	margin: 0 10px 20px 10px;}
.item50 .portfolio-item{
	width:49.9%;
	float:left;
	position:relative;
}
.item50 .portfolio-item{
	margin: 0;
}
.portfolio-three .portfolio-item-wrapper{
	width:33.333%;
	float:left;
	position:relative;
}
.portfolio-three .portfolio-item{
	margin: 0 10px 20px 10px;}
.item33 .portfolio-item{
	width:33.33%;
	float:left;
	position:relative;
	display:block
}
.item33 .portfolio-item{
	margin: 0;
}
.portfolio-four .portfolio-item-wrapper{
	width:24.95%;
	float:left;
	position:relative;
}
.portfolio-four .portfolio-item{
	margin: 0 10px 20px 10px;}

.item25 .portfolio-item{
	width:24.95%;
	float:left;
	position:relative;
}
.item25 .portfolio-item{
	margin: 0;
}

.portfolio-five .portfolio-item-wrapper{
	width:19.9%;
	float:left;
	position:relative;
}
.portfolio-five .portfolio-item{
	margin: 0 10px 20px 10px;}

.item20 .portfolio-item{
	width:19.9%;
	float:left;
	position:relative;
}
.item20 .portfolio-item{
	margin: 0;
}

.portfolio-six .portfolio-item-wrapper{
	width:16.666%;
	float:left;
	position:relative;
}
.portfolio-six .portfolio-item{
	margin: 0 10px 20px 10px;}


.item16 .portfolio-item-wrapper{
	width:16.666%;
	float:left;
	position:relative;
}
.item16 .portfolio-item{
	margin: 0;
}

.portfolio-eight .portfolio-item-wrapper{
	width:12.49%;
	float:left;
	position:relative;
}
.portfolio-eight .portfolio-item{
	margin: 0 10px 20px 10px;}

.item12 .portfolio-item-wrapper{
	width:12.49%;
	float:left;
	position:relative;
}
.item12 .portfolio-item{
	margin: 0;
}


.portfolio-item .image {position:relative;overflow:hidden}
.item-info {
	padding: 10px 5px 12px 10px ;
	float: left;
}
.item-description{
	padding: 12px;
	text-align: left;
	margin-top:-4px;
	position:relative;
	text-align:center;
}
.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-weight: 300;
text-transform: uppercase;
margin-bottom: 0px;
font-size:
}
.item-description span {
	line-height: 19px;
}
.item-description .jm-post-like {position:absolute;top:30px; right:15px;color:#666!important}
.headline .jm-post-like {float:right; font-weight:normal; letter-spacing:normal;color:#666!important; margin-right:5px;}
#portfolio-wrapper.item-description h5 {
	line-height: 20px;
}
.item-description a:hover h5 {
	color: #eb5a55;
}
.related-projects {display:block;width:100%;float:left;}
.related-projects .text-overlay, .portfolio-item .text-overlay  {padding:0!important;}
/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
  overflow:visible!important;
}

.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;
		  overflow:visible!important;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, 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;
}
/**** Item nav ****/
ul.item-nav {
	float: right;
	list-style-type: none;
	margin: 0 0 15px 0;;
	padding: 0;
	width: auto;
	
}

ul.item-nav li {
	float: left;
	
}
ul.item-nav li a {
	display: block;
	height: 30px;
	width: 30px;
	-webkit-transition:all 0.2s ease 0s; 
	-moz-transition:all 0.2s ease 0s; 
	-o-transition:all 0.2s ease 0s; 
	line-height:30px;
	color: #b9bec3; 
	position:relative;
	border: 1px solid #f2f4f6;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-align:center;
	margin-left:3px;
}
ul.item-nav li.prev a  {

}
ul.item-nav li.next a {
}
ul.item-nav li.all a {
	
}
ul.item-nav li a i{	-webkit-transition:padding 0.5s ease-in-out 0s; 
	-moz-transition:padding 0.5s ease-in-out 0s; 
	-o-transition:padding 0.5s ease-in-out 0s; 
}
ul.item-nav li.prev a i {}	
ul.item-nav li.next a i {}
ul.item-nav li.prev a:hover, ul.item-nav li.next a:hover, ul.item-nav li.all a:hover  {
	border-color: #eb5a55;
	background-color: #eb5a55;
	color:#fff;
}

/* 7.16. Attachment page
==================================== */

.attachment-page {
	position: relative;
}

.attachment-page > aside {
	left: 0;
}

.attachment-page > aside ~ section,
.attachment-page > aside ~ footer {
	margin-left: 140px;
}
.attachment-page section.intro {
	overflow: hidden;
}


.nav-prev {
	float: left;
}


.nav-next {
	float: right;
}


/* 7.18. Demo content
==================================== */

.space5 {height:5px; width:100%; clear:both;}
.space10 {height:10px; width:100%; clear:both;}
.space15 {height:15px; width:100%; clear:both;}
.space20 {height:20px; width:100%; clear:both;}
.space25 {height:25px; width:100%; clear:both;}
.space30 {height:30px; width:100%; clear:both;}
.space35 {height:35px; width:100%; clear:both;}
.space40 {height:40px; width:100%; clear:both;}
.space45 {height:45px; width:100%; clear:both;}
.space50 {height:50px; width:100%; clear:both;}
.space60 {height:60px; width:100%; clear:both;}
.space70 {height:70px; width:100%; clear:both;}
.space80 {height:80px; width:100%; clear:both;}
.clearboth {clear:both;}
.textaligncenter { text-align:center;}


.demo-thumb {width:47%; margin-right:3%;margin-bottom:15px; float:left;}
.demo-thumb img {width:100%; border: #d1d1d1 1px solid;box-shadow: 0px 0px 5px 1px rgba(170, 170, 170, 0.59);
-moz-box-shadow: 0px 0px 5px 1px rgba(170, 170, 170, 0.59);
-webkit-box-shadow: 0px 0px 5px 1px rgba(170, 170, 170, 0.59);}
.demo-thumb h5 {font-weight:400; text-align:center;}
.thumb100 {width:100%; margin-bottom:40px;}
.thumb50 {width:320px; margin:0 auto 20px auto}	
.thumb100 img, .thumb50 img {width:100%; border: #d1d1d1 1px solid;box-shadow: 0px 0px 5px 1px rgba(170, 170, 170, 0.59);
-moz-box-shadow: 0px 0px 5px 1px rgba(170, 170, 170, 0.59);
-webkit-box-shadow: 0px 0px 5px 1px rgba(170, 170, 170, 0.59);}

/* Icons table style */

.row {
  *zoom: 1;
}
.row:before,
.row:after {
  display: table;
  content: "";
  line-height: 0;
}
.row:after {
  clear: both;
}
[class*="span"] {
  min-height: 1px;
}
.container {  width: 100%;
}
.span3 {
  width: 24.9%;
  float:left;
}
[class*="span"].pull-right,
.row-fluid [class*="span"].pull-right {
  float: right;
}
.container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}
.container:before,
.container:after {
  display: table;
  content: "";
  line-height: 0;
}
.container:after {
  clear: both;
}
.i-code {display:none;}

/* 7.19. Search Overlay
==================================== */

/* Overlay style */
.search-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.95);
	z-index:999999999999!important;
	overflow:auto;
}

/* Overlay closing cross */
.search-overlay .overlay-close {
	width: 40px;
	height: 40px;
	position: absolute;
	right: 20px;
	top: 20px;
	overflow: hidden;
	border: none;
	outline: none;
	z-index: 100;
	color:#ffffff;
	font-size:40px;
	line-height:40px;
	cursor:pointer;
}
/* Effects */
.search-overlay {
	visibility: hidden;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: -webkit-transform 0.4s ease-in-out, visibility 0s 0.4s;
	transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
}

.search-overlay.open {
	visibility: visible;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: -webkit-transform 0.4s ease-in-out;
	transition: transform 0.4s ease-in-out;
}
.search-overlay #s {
	width:95%;
	margin-top:30%; 	
	border:none;
	line-height:48px; 
	font-size: 48px;
	height:70px!important;
	font-weight: 300;
	color: #e5e5e5!important;
	letter-spacing: 0px;
	float:left;
	padding:0;
	background-color:transparent!important;
	}


/* 7.21 Sticky header */
.dp-sticky-navigation-wrapper {position:fixed; width:100%;top:0;left:0;z-index:1000; background-color: rgba(255, 255, 255, 0.95);  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);}
.dp-sticky-navigation-wrapper #main-menu {padding-top:0}
.dp-sticky-navigation-wrapper #dp-head a.cssLogo {height:30px;width:110px;margin-top:20px;}
.dp-sticky-navigation-wrapper #dp-head a.imageLogo {height:32px; width:auto;margin-top:20px;}
.dp-sticky-navigation-wrapper .sf-menu li.root {height:70px!important;}
.dp-sticky-navigation-wrapper li:after {bottom:18%}
.dp-sticky-navigation-wrapper .sf-menu li a {padding: 30px 0 0 0;}
.dp-sticky-navigation-wrapper .dp-button-area a {margin-top:30px;}
.admin-bar .dp-sticky-navigation-wrapper {margin-top:28px!important};

/* 7.22 Call to action custom styles */
.callto {color:#fff!important; font-weight:300; margin:0; line-height:1em; text-align:center}

/* 7.23 On scroll animation engine */
.animate-on-scroll.fade-in {opacity: 0; filter: alpha(opacity=0)}
.animate-on-scroll.from-left {opacity: 0; filter: alpha(opacity=0);
position: relative;
left:-400px}
.animate-on-scroll.from-right {opacity: 0; filter: alpha(opacity=0);
position: relative;
right:-400px}
.from-top {opacity: 0; filter: alpha(opacity=0);
	position: relative;
	top: -100px;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;

	}
.from-top.isloaded {opacity: 1; filter: alpha(opacity=1);
	top: 0px;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	}
.from-bottom {opacity: 0; filter: alpha(opacity=0);
	position: relative;
	bottom: -100px;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}
.from-bottom.isloaded {opacity: 1; filter: alpha(opacity=1);
	bottom: 0px;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	}
.explode {opacity: 0; filter: alpha(opacity=0);
	position: relative;
	-webkit-transform: scale(0.2);
	-moz-transform: scale(0.2);
	-ms-transform: scale(0.2);
	-o-transform: scale(0.2);
	transform: scale(0.2);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}
.explode.isloaded {opacity: 1; filter: alpha(opacity=1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	}
.colapse {opacity: 0; filter: alpha(opacity=0);
	position: relative;
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);
	-o-transform: scale(1.4);
	transform: scale(1.4);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}
.colapse.isloaded {opacity: 1; filter: alpha(opacity=1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	}

@-webkit-keyframes spinAround {
	from {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes spinAround {
	from {
		-moz-transform: rotate(0deg)
	}
	to {
		-moz-transform: rotate(360deg);
	}
}
@-webkit-keyframes spinAround {
	from {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}


/* 7.27. Thumbs hover effects
==================================== */
.dp-thumb-container {
	padding: 0;
	max-width: 1300px;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}

.dp-thumb-container .dp-thumb {
	display: inline-block;
	width: 100%;
	margin: 0;
	text-align: left;
	position: relative;
}

.dp-thumb-container figure {
	margin: 0;
	position: relative;
}

.dp-thumb-container figure img {
	width:100%;
	max-width: 100%;
	display: block;
	position: relative;
}

.dp-thumb-container .thumb-overlay {
	position: absolute;
	top: 0;
	left: 0;
	background: #eb5a55;
	color: #fff;
}

.dp-thumb-container .thumb-overlay h3 {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size:18px;
}
.dp-thumb-container .thumb-overlay p.subtitle {
		font-size:13px;
		margin-bottom:10px;
}
.dp-thumb-container .thumb-overlay .buttons {text-align: center;}

.dp-thumb-container .thumb-overlay a.view, .dp-thumb-container .thumb-overlay a.go{
	text-align: center;
	padding: 3px 7px;
	border-radius: 15px;
	display: inline-block;
	background: transparent;
	border: 1px solid #fff;
	border:1px solid rgba(255,255,255,0.4);
	color: #fff;
	min-width:60px;
	font-size:13px;
	display:inline-block;
	margin:0 3px;
}
.dp-thumb-container .thumb-overlay a.view:hover, .dp-thumb-container .thumb-overlay a.go:hover {
border: 1px solid #fff;
}
.dp-thumb-container .thumb-overlay a.view span:after {
font-family: "fontello";
	content: '\e98d';
		padding-left:6px;
	font-weight:200;
	font-size:13px;
	-webkit-transition: all 0.2s ease-out;
	   -moz-transition: all 0.2s ease-out;
	    -ms-transition: all 0.2s ease-out;
	        transition: all 0.2s ease-out;
}
.dp-thumb-container .thumb-overlay a.go span:after {
font-family: "fontello";
	content: '\e8c3';
	padding-left:6px;
	font-weight:200;
	font-size:11px;
	-webkit-transition: all 0.2s ease-out;
	   -moz-transition: all 0.2s ease-out;
	    -ms-transition: all 0.2s ease-out;
	        transition: all 0.2s ease-out;
}
.dp-thumb-container .thumb-overlay a.view:hover span:after, .dp-thumb-container .thumb-overlay a.go:hover span:after {
padding-left:12px;
}
/* Individual Caption Styles */

/* Caption Style 1 */
.dp-style-1 .thumb-overlay {
	height: 100%;
	width: 100%;
	opacity: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.no-touch .dp-style-1 figure:hover .thumb-overlay,
.dp-style-1 figure.cs-hover .thumb-overlay {
	opacity: 1;
	-webkit-transform: translate(10px, 10px);
	-moz-transform: translate(10px, 10px);
	-ms-transform: translate(10px, 10px);
	transform: translate(10px, 10px);
}

.dp-style-1 .thumb-overlay h3 {
	margin-top: 10%;
}

.dp-style-1 .thumb-overlay span {
	display: block;
}
.dp-style-1 .thumb-overlay .buttons {margin-top: 5px;}

/* Caption Style 2 */
.dp-style-2 figure img {
	z-index: 10;
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.no-touch .dp-style-2 figure:hover img,
.dp-style-2 figure.cs-hover img {
	-webkit-transform: translateY(-90px);
	-moz-transform: translateY(-90px);
	-ms-transform: translateY(-90px);
	transform: translateY(-90px);
}

.dp-style-2 .thumb-overlay {
	height: 90px;
	width: 100%;
	top: auto;
	bottom: 0;
}
.dp-style-2 .thumb-overlay h3 {padding-top:10px; padding-left:15px;}
.dp-style-2 .thumb-overlay p.subtitle {padding-left:15px;}
.dp-style-2  .thumb-overlay .buttons {position: absolute; bottom:10px; right:15px;}

/* Caption Style 3 */
.dp-style-3 figure {
	overflow: hidden;
}

.dp-style-3 figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.no-touch .dp-style-3 figure:hover img,
.dp-style-3 figure.cs-hover img {
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}

.dp-style-3 .thumb-overlay {
	height: 100px;
	width: 100%;
	top: auto;
	bottom: 0;
	opacity: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .dp-style-3 figure:hover .thumb-overlay,
.dp-style-3 figure.cs-hover .thumb-overlay {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}

.dp-style-3 .thumb-overlay h3 {padding-top:10px; padding-left:15px;}
.dp-style-3 .thumb-overlay p.subtitle {padding-left:15px;}
.dp-style-3  .thumb-overlay .buttons {position: absolute; bottom:15px; right:15px;}

/* Caption Style 4 */
.dp-style-4 dp-thumb {
	-webkit-perspective: 1700px;
	-moz-perspective: 1700px;
	perspective: 1700px;
	-webkit-perspective-origin: 0 50%;
	-moz-perspective-origin: 0 50%;
	perspective-origin: 0 50%;
}

.dp-style-4 figure {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dp-style-4 figure > div {
	overflow: hidden;
}

.dp-style-4 figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.no-touch .dp-style-4 figure:hover img,
.dp-style-4 figure.cs-hover img {
	-webkit-transform: translateX(25%);
	-moz-transform: translateX(25%);
	-ms-transform: translateX(25%);
	transform: translateX(25%);
}

.dp-style-4 .thumb-overlay {
	height: 100%;
	width: 50%;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .dp-style-4 figure:hover .thumb-overlay,
.dp-style-4 figure.cs-hover .thumb-overlay {
	opacity: 1;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}
.dp-style-4 .thumb-overlay p.subtitle {padding-left:15px;margin-bottom:5px;}
.dp-style-4 .thumb-overlay h3 {padding-top:10px; padding-left:15px;}

.dp-style-4 .thumb-overlay a.view, .dp-style-4 .thumb-overlay a.go{
	margin:2px 0;
}
/* Caption Style 5 */
.dp-style-5 figure img {
	z-index: 10;
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.no-touch .dp-style-5 figure:hover img,
.dp-style-5 figure.cs-hover img {
	-webkit-transform: scale(0.38);
	-moz-transform: scale(0.38);
	-ms-transform: scale(0.38);
	transform: scale(0.38);
}
.dp-style-5 .thumb-overlay {
	height: 100%;
	width: 100%;
	opacity: 0;
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	-moz-transition: -moz-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
}

.no-touch .dp-style-5 figure:hover .thumb-overlay,
.dp-style-5 figure.cs-hover .thumb-overlay {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.dp-style-5 .thumb-overlay h3 {padding-top:10px; padding-left:15px;}
.dp-style-5 .thumb-overlay p.subtitle {padding-left:15px;}
.dp-style-5  .thumb-overlay .buttons {position: absolute; bottom:15px; right:15px;}

/* Caption Style 6*/
.dp-style-6 .dp-thumb {margin-left:10px;}
.dp-style-6 .dp-thumb:first-child { z-index: 6; }
.dp-style-6 .dp-thumb:nth-child(2) { z-index: 5; }
.dp-style-6 .dp-thumb:nth-child(3) { z-index: 4; }
.dp-style-6 .dp-thumb:nth-child(4) { z-index: 3; }
.dp-style-6 .dp-thumb:nth-child(5) { z-index: 2; }
.dp-style-6 .dp-thumb:nth-child(6) { z-index: 1; }

.dp-style-6 figure img {
	z-index: 10;
}

.dp-style-6 .thumb-overlay {
	height: 100%;
	width: 100%;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
	-moz-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
	transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
	box-shadow: 0 0 0 0px #2c3f52;
}

.no-touch .dp-style-6 figure:hover .thumb-overlay,
.dp-style-6 figure.cs-hover .thumb-overlay {
	opacity: 1;
	height: 130%;
	box-shadow: 0 0 0 10px #eb5a55;
}


.dp-style-6 .thumb-overlay h3,
.dp-style-6 .thumb-overlay span,
.dp-style-6 .thumb-overlay a {
	opacity: 0;
	-webkit-transition: opacity 0s;
	-moz-transition: opacity 0s;
	transition: opacity 0s;
}


.no-touch .dp-style-6 figure:hover .thumb-overlay h3,
.no-touch .dp-style-6 figure:hover .thumb-overlay span,
.no-touch .dp-style-6 figure:hover .thumb-overlay a,
.dp-style-6 figure.cs-hover .thumb-overlay h3,
.dp-style-6 figure.cs-hover .thumb-overlay span,
.dp-style-6 figure.cs-hover .thumb-overlay a {
	-webkit-transition: opacity 0.3s 0.2s;
	-moz-transition: opacity 0.3s 0.2s;
	transition: opacity 0.3s 0.2s;
	opacity: 1;
}
.dp-style-6 .thumb-overlay h3 {position: absolute; bottom:25px; left:5px;}
.dp-style-6 .thumb-overlay p.subtitle {display:none;}
.dp-style-6 .thumb-overlay .buttons {position: absolute; bottom:-5px; right:5px;}

img.grayscale {
  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 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  opacity:0.6;
  	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

img.grayscale:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
  opacity: 1;
}
.textshadow {text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);}

/* Preloader */
#dp_preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:99999; /* makes sure it stays on top */
}

#dp_status {
	width: 36px;
    height: 36px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -18px 0 0 -18px;}

.spin {
    height: 36px;
    width: 36px;
    position: relative;
     border-left: 3px solid rgba(255,255,255,1) !important;
    border-right: 3px solid #eb5a55!important;
    border-bottom: 3px solid #eb5a55!important;
    border-top: 3px solid #eb5a55!important;
    -webkit-animation: rotation .8s infinite linear!important;
    -moz-animation: rotation .8s infinite linear!important;
    -o-animation: rotation .8s infinite linear!important;
    animation: rotation .8s infinite linear!important;
    border-radius: 100%;
}
@-webkit-keyframes rotation { 
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg)
    }
}
@-moz-keyframes rotation { 
    from {
        -moz-transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(359deg)
    }
}
@-o-keyframes rotation { 
    from {
        -o-transform: rotate(0deg)
    }
    to {
        -o-transform: rotate(359deg)
    }
}
@keyframes rotation { 
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(359deg)
    }
}



/* Social icons common styles */
.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,  .googleplus: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, .viadeo:before {
	font-family: "fontello";
	color: #a0a5aa;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	-ms-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	position: absolute;
	z-index: 20;
}
.social-icons {margin:0;padding:0;}
.social-icons li {
	float: left;
	margin-right: 4px;
	font-size:18px;
	list-style:none;
}

.social-icons a {
	-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;
	overflow: hidden;
	text-align:center;
	position:relative;
	width:40px;
	height:40px;
	display:block;}
	
.social-icons a:hover:before {color:#ffffff!important;}

.social-icons.rounded a {border-radius:50%;}


.social-icons a:before  {
	line-height:40px; 
	font-size:18px;
	width:40px;
	height:40px;
	position:absolute;
	left:0px;
}

.social-icons li a.facebook:before  {
	content: "\ed86";
}
.social-icons li a.facebook:hover {
	background-color: #4a6d9d;
	
}

.social-icons li a.twitter:before  {
	content: "\ef68";
}
.social-icons li a.twitter:hover {
	background-color: #3bc1ed;
	
}
.social-icons li a.linkedin:before  {
	content: "\ebcf";
}
.social-icons li a.linkedin:hover {
	background-color: #0b7bb5;
}
.social-icons li a.gplus:before {
	content: "\eddb";
}
.social-icons li a.gplus:hover {
	background-color: #d53824;
}
.social-icons li a.spotify:before  {
	content: "\ea90";
}
.social-icons li a.spotify:hover {
	background-color: #6ca405;
}
.social-icons li a.yahoo:before  {
	content: "\ee07";
}
.social-icons li a.yahoo:hover {
	background-color: #9251a2;
}
.social-icons li a.amazon:before {
	content: "\ee0d";
}
.social-icons li a.amazon:hover {
	background-color: #2f3842;
}
.social-icons li a.appstore:before  {
	content: "\edf0";
}
.social-icons li a.appstore:hover {
	background-color: #c0c0c0;
}
.social-icons li a.paypal:before {
	content: "\ea9b";
}
.social-icons li a.paypal:hover {
	background-color: #2e689a;
}
.social-icons li a.blogger:before {
	content: "\edf1";
}
.social-icons li a.blogger:hover {
	background-color: #ff6501;
}
.social-icons li a.evernote:before {
	content: "\edf4";
}
.social-icons li a.evernote:hover {
	background-color: #6bb130;
}
.social-icons li a.instagram:before {
	content: "\ee59";
}
.social-icons li a.instagram:hover {
	background-color: #3f6f94;
}
.social-icons li a.pinterest:before {
	content: "\ede1";
}
.social-icons li a.googleplus:before {
	content: "\ef5d";
}
.social-icons li a.pinterest:hover {
	background-color: #DF4A32;
}
.social-icons li a.dribbble:before {
	content: "\edf3";
}
.social-icons li a.dribbble:hover {
	background-color: #ef5a92;
}
.social-icons li a.flickr:before {
	content: "\edf5";
}
.social-icons li a.flickr:hover {
	background-color: #136dd5;
}
.social-icons li a.youtube:before {
	content: "\ee03";
}
.social-icons li a.youtube:hover {
	background-color: #bf2f29;
}
.social-icons li a.vimeo:before {
	content: "\ee04";
}
.social-icons li a.vimeo:hover {
	background-color: #4c8ab0;
}
.social-icons li a.rss:before {
	content: "\ee00";
}
.social-icons li a.rss:hover {
	background-color: #fe8f00;
}
.social-icons li a.steam:before {
	content: "\ee0e";
}
.social-icons li a.steam:hover {
	background-color: #383838;
}
.social-icons li a.tumblr:before {
	content: "\ee1f";
}
.social-icons li a.tumblr:hover {
	background-color: #3d658d;
}
.social-icons li a.github:before  {
	content: "\ee13";
}
.social-icons li a.github:hover {
	background-color: #5c7381;
}
.social-icons li a.delicious:before {
	content: "\ef52";
}
.social-icons li a.delicious:hover {
	background-color: #3274d1;
}
.social-icons li a.reddit:before {
	content: "\eded";
}
.social-icons li a.reddit:hover {
	background-color: #404040;
}
.social-icons li a.lastfm:before {
	content: "\ee52";
}
.social-icons li a.lastfm:hover {
	background-color: #d21309;
}
.social-icons li a.digg:before {
	content: "\edeb";
}
.social-icons li a.digg:hover {
	background-color: #205685;
}
.social-icons li a.forrst:before {
	content: "\edea";
}
.social-icons li a.forrst:hover {
	background-color: #40833e;
}
.social-icons li a.stumbleupon:before {
	content: "\eddf";
}
.social-icons li a.stumbleupon:hover {
	background-color: #eb4924;
}
.social-icons li a.wordpress:before {
	content: "\ee21";
}
.social-icons li a.wordpress:hover {
	background-color: #383838;
}
.social-icons li a.xing:before {
	content: "\ee06";
}
.social-icons li a.xing:hover {
	background-color: #036568;
}
.social-icons li a.dropbox:before {
	content: "\e965";
}
.social-icons li a.dropbox:hover {
	background-color: #2c92dd;
}
.social-icons li a.fivehundredpx:before {
	content: "\ede0";
}
.social-icons li a.fivehundredpx:hover {
	background-color: #444;
}
.social-icons li a.viadeo:before {
	content: "\edf7";
}
.social-icons li a.viadeo:hover {
	background-color: #F89B31;
}

/* Social bar */
#social-bar {float:right;padding:0 10px 0 0!important; margin:0; list-style:none; height:44px;}
#social-bar li {
	display: inline;
	float: left;
}
#social-bar a {
	width: 44px;
	height: 44px;
	display: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;
}
#social-bar a:before, #social-bar a:after  {
	line-height:44px;
	width:44px; 
	font-size:16px;
	text-align:center;
	font-family: fontello;
	position:absolute;
		-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;
}
#social-bar li a:after {margin-top:-44px;}
#social-bar li a:hover:after {
margin-top:0;
color:#fff;

}
#social-bar li a:hover:before {
opacity:0;
margin-top:44px;
}
#social-bar li a.facebook:before,#social-bar li a.facebook:after  {
	content: "\ed86";
}
#social-bar li a.facebook:hover {
	background-color: #4a6d9d;
	
}

#social-bar li a.twitter:before,#social-bar li a.twitter:after  {
	content: "\ef68";
}
#social-bar li a.twitter:hover {
	background-color: #3bc1ed;
	
}
#social-bar li a.linkedin:before, #social-bar li a.linkedin:after  {
	content: "\ebcf";
}
#social-bar li a.linkedin:hover {
	background-color: #0b7bb5;
}
#social-bar li a.dribbble:before, #social-bar li a.dribbble:after  {
	content: "\edf3";
}
#social-bar li a.dribbble:hover {
	background-color: #ef5a92;
}
#social-bar li a.pinterest:before, #social-bar li a.pinterest:after  {
	content: "\ea82";
}
#social-bar li a.pinterest:hover {
	background-color: #cb1f25;
}
#social-bar li a.googleplus:before, #social-bar li a.googleplus:after  {
	content: "\ef5d";
}
#social-bar li a.googleplus:hover {
	background-color: #DF4A32;
}
#social-bar li a.flickr:before, #social-bar li a.flickr:after  {
	content: "\edf5";
}
#social-bar li a.flickr:hover {
	background-color: #136dd5;
}
#social-bar li a.youtube:before, #social-bar li a.youtube:after  {
	content: "\ee03";
}
#social-bar li a.youtube:hover {
	background-color: #bf2f29;
}
#social-bar li a.vimeo:before, #social-bar li a.vimeo:after  {
	content: "\ee04";
}
#social-bar li a.vimeo:hover {
	background-color: #4c8ab0;
}
#social-bar li a.rss:before, #social-bar li a.rss:after  {
	content: "\ee00";
}
#social-bar li a.rss:hover {
	background-color: #fe8f00;
}
#social-bar li a.steam:before, #social-bar li a.steam:after  {
	content: "\ee0e";
}
#social-bar li a.steam:hover {
	background-color: #383838;
}
#social-bar li a.tumblr:before, #social-bar li a.tumblr:after  {
	content: "\ee1f";
}
#social-bar li a.tumblr:hover {
	background-color: #3d658d;
}
#social-bar li a.github:before, #social-bar li a.github:after  {
	content: "\ebcb";
}
#social-bar li a.github:hover {
	background-color: #5c7381;
}
#social-bar li a.delicious:before, #social-bar li a.delicious:after  {
	content: "\ef52";
}
#social-bar li a.delicious:hover {
	background-color: #3274d1;
}
#social-bar li a.reddit:before, #social-bar li a.reddit:after  {
	content: "\eded";
}
#social-bar li a.reddit:hover {
	background-color: #404040;
}
#social-bar li a.lastfm:before, #social-bar li a.lastfm:after  {
	content: "\ee52";
}
#social-bar li a.lastfm:hover {
	background-color: #d21309;
}
#social-bar li a.digg:before, #social-bar li a.digg:after  {
	content: "\edeb";
}
#social-bar li a.digg:hover {
	background-color: #205685;
}
#social-bar li a.forrst:before, #social-bar li a.forrst:after  {
	content: "\edea";
}
#social-bar li a.forrst:hover {
	background-color: #40833e;
}
#social-bar li a.stumbleupon:before, #social-bar li a.stumbleupon:after  {
	content: "\eddf";
}
#social-bar li a.stumbleupon:hover {
	background-color: #eb4924;
}
#social-bar li a.instagram:before, #social-bar li a.instagram:after  {
	content: "\ee59";
}
#social-bar li a.instagram:hover {
	background-color: #3f6f94;
}
#social-bar li a.viadeo:before, #social-bar li a.viadeo:after  {
	content: "\edf7";
}
#social-bar li a.viadeo:hover {
	background-color: #F89B31;
}

/* Toolbar */
#dpToolbar {
	left: -260px;
	margin-top: -180px;
	position: fixed;
	top: 50%;
	-webkit-transition: left .3s ease-out;
	-moz-transition: left .3s ease-out;
	-ms-transition: left .3s ease-out;
	-o-transition: left .3s ease-out;
	transition: left .3s ease-out;
	width: 260px;
	z-index: 1000;
}
#dpToolbar.hidden { left: -320px; }
#dpToolbar.active { left: 0; }
#dpToolbar > div {
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ddd;
	border-left: none;
	padding: 14px;
	position: relative;
	width: 260px;
}
#dpToolbar label {
	clear: both;
	display: block;
	font-size: 12px;
	padding: 5px 0;
}
#dpToolbarButton {
	background: #fff;
	border: 1px solid #ddd;
	border-left: none;
	color: #333;
	cursor: pointer;
	font-size: 26px;
	height: 40px;
	line-height: 40px;
	position: absolute;
	right: -40px;
	text-align: center;
	top: -1px;
	width: 40px;
}
#dpToolbarButton > i {
	color: #555;
	padding-right: 0!important;
}
#dpToolbar .toolbar-title {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 16px;
	text-transform: uppercase;
	text-align:center;
	color: #555555!important;
	
}
#dpToolbar .section-title {
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 2px;
	color: #555555!important;
	
}

#dpToolbar > div > div {
	overflow: hidden;
}
#layout-style {background-color: #f6f6f6;width:100%;
		padding: 5px;
		color: #848688;
		cursor: pointer;
		border-radius: 2px;
		font-size: 13px;
		margin: 4px 0 15px 0;
		border: 1px solid #eceef0!important;
		line-height: 25px;
}
#dp-style-area a, #dp-bg-area a {
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	display: inline-block;
	height: 10px;
	text-indent: -9999px;
	-webkit-transform: scale(1.0);
	   -moz-transform: scale(1.0);
	    -ms-transform: scale(1.0);
	     -o-transform: scale(1.0);
	        transform: scale(1.0);
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	    -ms-transform-style: preserve-3d;
	     -o-transform-style: preserve-3d;
	        transform-style: preserve-3d;
	-webkit-transition: -webkit-transform 0.2s ease-out;
	   -moz-transition:    -moz-transform 0.2s ease-out;
	     -o-transition:      -o-transform 0.2s ease-out;
	        transition:         transform 0.2s ease-out;
}

#dpToolbar #dp-style-area, #dpToolbar #dp-bg-area {margin-bottom:10px;}
#dpToolbar #dp-style-area a, #dpToolbar #dp-bg-area a {
	width:50px;
	height:50px;
	margin: 0 5px 5px 0;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	        border-radius: 2px;
}
#dp-style-area a:hover, #dp-bg-area a:hover {
	-webkit-transform: scale(1.1);
	   -moz-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	     -o-transform: scale(1.1);
	        transform: scale(1.1);
}
	#dp-color-0 {background: #eb5a55;}
	#dp-color-1 {background: #28CDC3;}
	#dp-color-2 {background:  #289FCD;}
	#dp-color-3 {background: #FFD769;}
	#dp-color-4 {background: #CD2832;}
	#dp-color-5 {background: #B982C8;}
	#dp-color-6 {background: #F087B9;}
	#dp-color-7 {background: #B2BABC;}
	
	#bg1 { background-image: url("../images/patterns/noise_pattern_with_crosslines.png"); }
	#bg2 { background-image: url("../images/patterns/noise.png"); }	
	#bg3 { background-image: url("../images/patterns/escheresque_ste.png"); }
	#bg4 { background-image: url("../images/patterns/crisp_paper_ruffles.png"); }
	#bg5 { background-image: url("../images/patterns/navy_blue.png"); }
	#bg6 { background-image: url("../images/patterns/bedge_grunge.png"); }
	#bg7 { background-image: url("../images/patterns/diamond_upholstery.png"); }
	#bg8 { background-image: url("../images/patterns/px_by_Gre3g.png"); }
	#bg9 { background-image: url("../images/patterns/light_toast.png"); }
	#bg10 { background-image: url("../images/patterns/retina_dust.png"); }
	#bg11 { background-image: url("../images/patterns/purty_wood.png"); }
	#bg12 { background-image: url("../images/patterns/pw_maze_black.png"); }
	#bg13 { background-image: url("../images/patterns/textured_stripes.png"); }
	#bg14 { background-image: url("../images/patterns/tileable_wood_texture.png"); }





@media (max-width: 600px) {
	#dpToolbar { display: none; }
}



/* 7.25. Tables
==================================== */


/* 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: #f6f8fa;
	text-align: left;
	padding: 10px 15px;
	color: #464b50;
	vertical-align: top;
	font-size: 14px;
	font-weight: 600;
}


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 }


.search-term { background-color: #fbf200;}

/* Parallax style */



/* YT Player */
.YTPOverlay.raster{
  background: url("../images/raster.png");
}

.YTPOverlay.raster.retina{
  background: url("../images/raster@2x.png");
}
.mb_YTVPlayer :focus {
  outline: 0;
}


.mb_YTVPlayer{
  display:block;
  transform:translateZ(0);
  transform-style: preserve-3d;
  perspective: 1000;
  backface-visibility: hidden;
  transform:translate3d(0,0,0);
  animation-timing-function: linear;

}

.mb_YTVPlayer.fullscreen{
  display:block!important;
  position: fixed!important;
  width: 100%!important;
  height: 100%!important;
  top: 0!important;
  left: 0!important;
  margin: 0!important;
  border: none !important;
}

.mb_YTVPlayer.fullscreen .mbYTP_wrapper{
  opacity:1 !important;
}


.mbYTP_wrapper iframe{
  max-width: 4000px !important;
}

.inline_YTPlayer{
  margin-bottom: 20px;
  vertical-align:top;
  position:relative;
  left:0;
  overflow: hidden;
  border-radius: 4px;
  -moz-box-shadow: 0 0 5px rgba(0,0,0,.7);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.7);
  box-shadow: 0 0 5px rgba(0,0,0,.7);
  background: rgba(0,0,0,.5);
}

.inline_YTPlayer img{
  border: none!important;
  -moz-transform: none!important;
  -webkit-transform: none!important;
  -o-transform: none!important;
  transform: none!important;
  margin:0!important;
  padding:0!important
}
.dp-video-mute-button {
  bottom: 100px;
  position: absolute;
  width:35px;
  height:35px;
  left: 50%;
  margin-left:-17px;
  display:block;
  z-index:100;
  color:#fff!important;
  font-size:35px;
  line:height:35px;
  text-align:center;
  font-weight:300;
}
.mute:before {content: "\eb2c"; font-family:fontello;}
.unmute:before {content: "\eb29"; font-family:fontello;}

/* Get In Touch
====================================*/
.get-in-touch {
	margin: 15px 0 0 0;
}
.get-in-touch li p strong {
	color: #bcc1c5;
	float: left;
	font-weight: 600;
	margin: 0 5px 5px 0;
}
.get-in-touch li:before {display:none;}
.get-in-touch .icon-map-marker {
	font-size: 16px;
}
.get-in-touch li {
	margin: 0 0 10px 0;
}
.get-in-touch p, .get-in-touch li, .get-in-touch a {
	color: #bcc1c5 !important;
}
.get-in-touch p {
	margin: 0 0 0 25px;
	padding-top:5px;
	line-height: 20px;
}
.get-in-touch li i {
	float: left;
	margin: 2px 0 0 0;
	color: #bcc1c5;
}

/* Video background */

#video-container { position: absolute; } 
#video-container { top:0%; left:0%; height:100%; width:100%; overflow: hidden; } 
video { position:absolute; z-index:0; } video.fillWidth { width: 100%; }
.video-bg-content { position:relative;z-index:1;}

.iconbefore {margin-right:10px;}

.one_fourth.no-margin-right {width:24.99%; margin-right:0}
.one_half.no-margin-right {width:49.99%; margin-right:0}

.dp-page .expand10 {margin: 0 -10px;}
/* Blog grid */
.blog-grid {height:100%; min-height:100%;}
.blog-grid .portfolio-item {margin-bottom:50px;}
.blog-grid .portfolio-item .featured-image img {margin:0}
.blog-grid p, .blog-grid .flexgallery  {margin:0 0 20px 0; font-size:13px;}
.blog-grid .gallery {padding:0;}
.blog-grid .dp-readon{margin-top:5px; border:none; height:20px; line-height:20px;padding:0;}
.blog-grid .meta a {color:#666!important}
.blog-grid .item-description{
	padding:0;
	text-align: left;
	margin-top:-4px;
	position:relative;
	margin-bottom:20px;
}
.blog-grid .item-description h5 {font-weight:800;}
.blog-grid .meta a:hover {color:#eb5a55!important}
.blog-grid .dp-readon span {color:#666!important;}
.blog-grid .dp-readon:hover span {color:#eb5a55!important}
.blog-grid .dp-readon:hover{background-color:transparent!important}
.page-template-template-fullwidth-vc-php .blog-grid-container {margin: 0 20px;}
.blog-grid-container .pagination {margin-left:10px}
.porfolio-grid-container {margin: 0 20px;}

.page-template-template-fullwidth-vc-php article {padding:0;}
.float-right { float:right;}

/*Theme demo custo style */



/*some custom borders for sections and elements */

.bordered-right-grey {border-right: solid 1px #eff4f7;}
.bordered-right-dark {border-right: 1px solid rgba(0, 0, 0, 0.1);}
.bordered-bottom-blue {border-bottom: solid 6px #DCE6F0;}
.bordered-bottom-grey {border-bottom: solid 1px #ECEEF0}
.bordered-top-grey {border-top: solid 1px #F1F1F1;}
.bordered-right-eee {border-right: solid 1px #eee;}
.bordered-bottom-eee {border-bottom: solid 1px #eeee;}

.big-white {color: #fff; font-weight: 800; font-size: 44px; line-height: 46px; letter-spacing: -2px;}
.nomargin { margin:0!important}

/*landing boxes */
.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;
	padding-bottom:30px;
}
.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: "Raleway";
	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;
}

.icons-block {list-style:none; padding:0;}
.icons-block li {float:left; margin-right:10px; color:#AFB4B9;}
.icons-block i {font-size:30px;}
.content {margin-bottom:-1px;}

.strong-label {color:#333; font-size:85%; font-weight:700;}
.white-title h3 {color:#fff!important}
.bg-purple:after {
	content:'';
	position:absolute;
	border:25px solid transparent;
	border-top-color:#643296;
	left:50%;
	margin-top:74px;
}


#dp-page-box {background-color: #ffffff!important}

/* Demo stuff */
.contact-info {
    margin: 0;
    padding: 0;
    list-style: none;
	line-height:30px;
}
.contact-info i {
    margin-right: 7px
}

.bordered  {
    border:2px solid #000;
	padding:5px 10px;
	display:block;
}

.opaque img {opacity:0.5;
	-webkit-transition: all .5s ease;
	   -moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		 -o-transition: all .5s ease;
			transition: all .5s ease;

}
.opaque img:hover {opacity:1}

.home3 .featured-desc-left h3 {color:#fff;background:#000;padding:10px; text-transform:uppercase;font-size:13px;}
.home3 .featured-box .icon-lefted i {
	color: #fff;
}
.home3 .featured-desc-left {color:#fff; padding-bottom:60px;}
.upper {text-transform:uppercase}
.white-block {
   background:#fff!important;
   color:#000!important;
   padding:10px 10px; 
   line-height:65px;
     
}
.black-block {
   background:#000!important;
   color:#fff!important;
   padding:10px 10px; 
   line-height:65px;
}
.border-top-gray {border-top: 1px #f6f6f6 solid;}

.gray-title {
	font-size:26px; line-height:40px; font-weight:400; padding:10px 100px;
}
.black-accent-block {
    background-color:#000;
	color:#eb5a55;
	padding:20px;
	font-size:40px;
	text-transform:uppercase;
	display: inline-block;
}
.opacity09 {opacity:0.9}
.accented-bg {background-color:#EB5A55;}
.color-white {color:#fff}

.multiple-img-item {padding-top:20px}
.social-icons li:before {display:none;}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
